1.HTML的基础标签

<!--        -->  表示注释

1)  html语言是解释型语言，不是编译型
　　浏览器是容错的
2)  html页面中由一对标签组成：<html></html>
　　<html> 称之为 开始标签
　　</html>称之为 结束标签
3)  title 表示网页的标题
4)  可以在meta标签中设置编码方式
5)  <br/>表示换行 。br标签是一个单标签。单标签：开始标签和结束标签是同一个，斜杠放在单词后面
6)  <p> </p>表示段落标签
7)  img 标签图片标签
　　src属性表示图片文件的路径
　　width和height表示图片的大小
　　alt表示图片的提示
8) 路径的问题：
　　1. 相对路径
　　2. 绝对路径
9)  h1~h6 : 标题标签
10) 列表标签:
　　- ol 有序列表
　　start 表示从*开始，type 显示的类型：A a I i 1(deafult)
　　- ul 无序列表
　　type disc(default) , circle , square
11)  u 下划线 b 粗体 i 斜体

12)  上标 sup 下标 sub

13)  HTML中的实体： 小于号 &lt; 大于等于号 &ge; 版权 &copy;

14)  span 不换行的块标记

15)  a 表示超链接
　　href 链接的地址
　　target:
　　　　_self 在本窗口打开
　　　　_blank 在一个新窗口打开
　　　　_parent 在父窗口打开
　　　　_top 在顶层窗口打开

16)  div 层

2.HTML的table标签及表单标签

17) 表格 table
　　行 tr
　　列 td
　　表头列 th

　　table中有如下属性（虽然已经淘汰，但是最好了解一下）
　　- border：表格边框的粗细
　　- width:表格的宽度
　　- cellspacing：单元格间距
　　- cellpadding：单元格填充

　　tr中有一个属性： align -> center , left , right

　　rowspan : 行合并
　　colspan : 列合并

18) 表单 form(action='' , method='post')   action指发送给目标组件

19) input type="text" 表示文本框 ， 其中 name属性必须要指定，否则这个文本框的数据将来是不会发送给服务器的
　　input type="password" 表示密码框
　　input type="radio" 表示单选按钮。需要注意的是，name属性值保持一致，这样才会有互斥的效果;可以通过checked属性设置默认选中的项
　　input type="checkbox" 表示复选框。name属性值建议保持一致，这样将来我们服务器端获取值的时候获取的是一个数组
　　select 表示下拉列表。每一个选项是option，其中value属性是发送给服务器的值 , selected表示默认选中的项
　　textarea 表示多行文本框（或者称之为文本域）,它的value值就是开始结束标签之间的内容
　　input type="submit" 表示提交按钮
　　input type="reset" 表示重置按钮
　　input type="button" 表示普通按钮

　　input type="hidden" 表示隐藏域　　<input type="hidden" name="field＿name" value="value">    隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。

1.HTML中的标签的更多相关文章

  1. Html中<font>标签的使用

    Html中<font>标签的使用 <!doctype html> <html lang="en"> <head> <meta ...

  2. jsp2.0+中的标签文件,JSP Fragment技术

    刚进新公司不久,今天在看到项目中用到了.tag文件.刚开始我还以为这个是第三方类似freemarker的模板技术.问了下项目组的其他人员,原来这是jsp2.0以来就有的JSP Fragment技术.以 ...

  3. Html中<a>标签的样式的设置

    html中<a>标签的样式的设置.. ------------------------ <html> <head> <title>这是网页选项卡的名称& ...

  4. 禁止手机页面中A标签长按弹出路径框

    //禁止手机页面中A标签长按弹出路径框    window.onload=function(){        document.documentElement.style.webkitTouchCa ...

  5. JSP中<img>标签引用本地图片

    问题描述: jsp页面中<img>标签如何读取本地文件夹中的图片. 问题起因: 由于上传图片至本地文件夹中,图片路径为: D:/upload/file/image/img.jpg 所以将这 ...

  6. HTML中<meta>标签如何正确使用

    HTML中<meta>标签如何正确使用 如果我们在浏览器中按下F12或者Ctrl+shift+J,便可以打开开发者工具,在element中即可看到<head>元素中有不少< ...

  7. Jquery获取iframe子/父窗口中的标签

    获取子窗口中的标签: $("#id",document.frames('iframename').document); 获取父窗口中的标签: $('#id', parent.doc ...

  8. 在php中，如何将一个页面中的标签，替换为用户想输出的内容

    前言:釜山行,暴露人性, ———————————————————————————————————————————————————————————————————————————— 今天说一个最简单的例 ...

  9. JSP内置标签 JSP中JavaBean标签 JSP开发模式 EL和JSTL快速入门

    2 JSP内置标签(美化+业务逻辑)   1)为了取代<%%>脚本形式,使用JSP标签/JSP动作,目的:与JSP页面的美化,即JSP面页都是由标签组成,不再有其它的内容   2)JSP内 ...

  10. Smarty中一些标签的使用

    Smarty中的标签和php中的标签不一样 foreach标签{foreach   from=$goods(变量名) key='键,不带$' item='值,不带$'}中间的显示内容{/foreach ...

随机推荐

  1. Websocket(websocket自定义协议)

    是基于TCP的 tcp特征: 我发数据对端可以接收到,对端发数据我可以收到 先发先收到,后发后收到 使用websocket客户端发给服务器数据,服务器回客户端返回数据流程(自定义websocket协议 ...

  2. Vue v-once指令 和 v-pre指令

    v-once指令: 1.v-once 所在节点在初始化动态渲染后,就视为静态内容了 2.以后数据的改变不会引起v-once所在结构的更新,可用于优化性能 v-pre指令: 1.跳过其所在节点的编译过程 ...

  3. MySQL 常用命令（4）------mysqladmin命令详解

    mysqladmin是一个执行管理操作的客户端程序.它可以用来检查服务器的配置和当前状态.创建和删除数据库等. mysqladmin 工具的使用格式: mysqladmin [option] comm ...

  4. 动态路由里，将component字符串改变为路由懒加载方法

    一.import写法 报错 function loadPageByRoutes(str) { // 传入的str为 '@/views/Home.vue' 这种格式 return () => im ...

  5. css - object-fit ie兼容

    css - object-fit ie兼容 参考资料 github 解决object-fit兼容IE浏览器实现图片自适应 demo <!-- * @createDate: 2022-08-30 ...

  6. 错题笔记：只有浮点型float double可以装小数

    char是不能表示小数的,如果赋值小数 则小数部分直接省略.

  7. How to use lspci, lsscsi, lsusb, and lsblk to get Linux system devices information

    There are many utilities available to check Linux system hardware information. Some commands report ...

  8. Alfred 好用工具分享

    好用的mac工具分享 1.带历史记录的剪切板 根据快捷键切换选择保存的数据 2.创建热键工作流程 将常用的工具变为热键,快捷切换 如何创建: 设置热键 单击右键 创建actions 打开app 然后将 ...

  9. Knowledge Fusion例子

    #! NX/KF 5.0 # #************************************************************************************ ...

  10. 关于C#高阶知识捡漏

    高手掠过!仅仅是整理一下 自动属性:  C#自动属性可以避免原来这样我们手工声明一个私有成员变量以及编写get/set逻辑 代码如下 //Demo: public class User { publi ...