（一）基础
一、概念
1.HyperText Markup Language:超文本标记语言
2.是一种用于创建网页的标准标记语言，标记语言是由标签构成的语言
3.HTML运行在刘浏览器上，由浏览器来解析
4.后缀：.html和.htm
二、HTML文档结构
(1)文档类型：doctype
‘<!DOCTYPE html>’声明当前文档是html文档
(2)头部：head
元数据：meat
1.<meta charset="utf-8" />声明页面的编码格式
2.网页标题：title
引入外部的资源文件
1.<link>引入外部样式文件
2.<script>引入外部脚本文件
(3)主体：body
网页中显示的实际内容都编写在此对标签中
(4)html注释
<!--开头，以-->结尾。注释部分浏览器不解析，注释是为了给程序员看，更好的了解html代码
（二）标签
一、标签使用注意事项
1.标签不区分大小写，推荐全小写
2.标签可以嵌套，但是嵌套的语法要正确
正确案例：<p><a></a></p>
错误案例：<p><a></p></p>
3.标签的内部是可以定义的
属性由键值对组成，值需要用双引号引起来，多个属性用空格隔开；
<标签名称 属性名1="属性值" 属性名2="属性值"></标签名称>
<p id="p1" name="p1">内容</p>
二、标签分类
1.围堵标签
有开始标签和结束标签，例如<html></html>
2.自闭合标签
开始标签和结束标签都在一个标签中
三、文档标签
1.<html>用于文件声明，让浏览器知道这是html文件，文档的根元素
2.<head>头部标签，提供文档的整体书名
3.<title>定义文档的标题，显示在浏览器顶部
4.<body>未来要显示在浏览器中的内容都在这里设计
四、标题标签
1.<h1>
2.<h2>
3.<h3>
4.<h4>
5.<h5>
6.<h6>
五、排版标签
1.段落标签<p>
2.换行标签
3.水平线标签<hr/>
4.范围标签<span>
5.标签层：一般用来布局的时候作为容器<div>
六、超链接标签<a>重点
(1)常用属性
1.href属性，链接目标的URL
2.name属性，锚点的名称
3.target：打开链接的位置
blank、self、parent、top、framename:指定框架的名称
(2)作用
1.页面间的跳转
2.实现锚链接
七、图片标签<img>
属性
1.src：指定显示图像的URL
2.title：鼠标悬浮在图片上时显示的提示信息
3.width、height：图片的宽高，如果设置的值与原图宽高不一致会失真
八、列表标签
(1)无序列表<ul>
1.默认以黑色实心圆点排列
2.一般用于导航，可以与有序列表互换
3.<ul>
<li>列表1</li>
<li>列表2</li>
</ul>
(2)有序列表<ol>
1.默认以数字顺序排列
2.一般用于导航，可以与无序列表互换
3.<ol>
<li>列表1</li>
<li>列表2</li>
</ol>
(3)定义描述列表<dl>
1.一般用于图文混编场合
2.<dl>
<dt>图片或者标题性内容</dt>
<dd>定义内容</dd>
<dd>定义内容-dd可以有多个</dd>
</dl>
九、表格标签
(1)<table>:表格标签
1.border：设定表格表框
2.cellpadding：设定单元格边框与内容之间的间距
3.cellspacing：设定单元格之间的间距
(2)<tr>:行标签
(3)<td>/<th>列标签
1.colspan：设定单元格跨列的个数
2.rowspan：设定单元格跨行的个数
3.align：文本水平对齐方式（一般不用，推荐在css中设置）
(4)<caption>:表格标题标签
(5)逻辑分区标签
1.<thead>：一般将表格标题行放入该标签中
2.<tbody>：一般将表格主题内容行放入该标签中
3.<tfoot>：一般将表格中的统计等内容放入该标签中
十、表单标签（重点）
(1)<form>：表单标签，定义采集用户数据的范围
1.action：发送表单数据的目的URL
2.method：提交方式，设定如何发送表单数据；
常用的有2种：get，post
3.enctype：表单中有上传的文件的时候必备该属性，且取值为multipart、form-data
(2)表单项元素的常用属性：有些属性只能出现在特定的表单项元素中，注意区分
1.name：定义名称，提交数据到服务器之后，服务器获取数据通过该名称
2.value：表单项元素的值，服务器获取数据通过name获取到的就是value
3.disabled：表示禁用，该元素不能改而且背景是灰色
4.readonly：表示只读，用户只能看不能改
5.checked：表示元素首次加载的时候应该被选中
(3)<input>：输入标签，决定输入形式
type：不同值决定不同输入形式和呈现出不同样式
1.text：文本框，默认值
2.password：密码框
3.radio：单选框
4.checkbox：复选框
5.file：文件域
6.hidden：隐藏域
7.submit：提交按钮
8.image：图片提交按钮
9.reset：重置按钮
10.button：普通按钮
HTML5中新的input类型type
color,date,datetime,datetime-local,email,month,number,range,search,tel,time,url,week
并不是所有的主流浏览器都支持新的input类型，不过已经可以在所有主流浏览器中使用他们了。即使不被支持，仍然可以显示为常规的文本域
(5)<button>：按钮标签，可以与input互换
type
1.submit：提交按钮，默认值
2.reset：重置按钮
3.button：普通按钮
(6)<select>：下拉列表框
<option>：下拉列表中的选项标签
(7)<textarea>：文本域
1.cols：指定列数，每一行有多少个字符
2.rows：默认多少行
(8)HTML5新的表单属性
form新属性
autocomplete：规定form或input域应该拥有自动完成功能
input新属性
list
list属性规定输入域的datalist。datalist是输入域的选项列表
multiple
1.multiple属性是一个boolean属性
2.multiple属性规定<input>元素中可选择多个值
3.multiple属性适用于以下类型的<input>标签：email和file
placeholder
1.placeholder属性提供一种暗示（hint），描述输入域所期待的值
2.placeholder属性适用于以下类型的<input>标签：text，search，url，telephone，email以及password
required
1.required属性是一个boolean属性
2.required属性规定必须在提交之前填写输入域（不能为空）
3.required属性适用于以下类型的<input>标签：text，search，url，telephone，email，password，date pickers，number，checkbox，radio以及file
(9)HTML5新的表单元素--了解
datalist
input标签定义选项列表。与input元素配合使用该元素，来定义input可能的值
keygen
规定用于表单的密钥对生成器字段
output
标签定义不能类型的输出，比如脚本的输出
十一、框架标签
(1)内嵌框架
1.src：设定在iframe中显示的文档的URL
2.height width：设定iframe的高度与宽度，默认以像素为单位，也可以指定其按比例显示
3.frameborder：属性用于定义iframe表示是否显示边框
4.name：内嵌框架的名称，自定义，未来可用于超链接中目标位置
(2)框架集-了解
frameset：框架集标签
1.cols：设定框架集中列的数目
2.rows：设定框架集中行的数目
frame：框架集中的框窗标签
1.src：设定在frame中显示的文档的URL
2.height width：设定iframe的高度与宽度，默认以像素为单位，也可以指定其按比例显示
3.frameborder：属性用于定义frame表示是否显示边框
4.name：内嵌框架的名称，自定义，未来可用于超链接中目标位置
十二、转义符号标签
1. 转义为空格
2.<转移为<
3.>转移为>
4.©转移为版权符号©
5.&转移为&
6."转移为双引号"
1648
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
