HTML教程：https://www.w3school.com.cn/html/index.asp （分享链接）
标签的属性：多个属性中间用空格
<
标签名称
属性名
1
=
"
属性值
"
属性名
2
=
"
属性值
"
></
标签名称
>
<p
id
=
"p1"
name
=
"p1"
>
</p>
标签分类：块状元素、行级元素
块状元素：一般都是新起一行，可以容纳行内元素和其他块级元素；
行级元素
：一般都是语义级别的基本元素，一般只能容纳文本或者其他行内元素。
块状元素和行内元素的区别：
1
、 块级元素会独占一行，其宽度自动填满其父元素宽度；
行内元素会排列到同一行里，其宽度随元素的内容变化而变化。
2
、块级元素可以设置宽高；行内元素设置宽高无效。
3
、块级元素可以设置
margin
，
padding
属性；行内元素的水平方向的
padding会有边距效果，但是竖 直方向的
padding没有效果。（此处的属性稍后介绍）
属于块状元素的：
标题标签 h1-h6,
段落标签 p ,
水平线标签 hr,
有序列表标签 ol--li，
无序列表标签 ul--li，
定义描述标签 dl-dt-dd，
容器标签 div：
属于行级元素的：
范围标签： span
图像标签： img
基本结构： 
常用标签：
文本标签<h1></h1>
段落标签 <p></p>
换行标签<br/>
水平线标签 <hr/>
范围标签<span></span>
图片标签<img 属性 />
图片标签的热点区域<map name="?" /> <atea 形状 范围 链接 标题 / >
列表标签：无序<ul> <li> <li/> <ul/> 有序<ol> <li> <li/> <ol/>
描述标签 ：图文混编 <dl> <dt>(文字或图片)<dt/><dd>(文字说明多个)<dd/> <dl/>
布局标签：<div>中间放其他标签的容器<div/> 
超链接和锚链接：<a><a/>
属性 name：锚点 herf：目标（网页#锚点）
规则表格：<table> <tr > <td><td/> <td><td/> <tr/> <table/> <th>标题行<th/>
align 左右对齐 valign 上下对齐
不规则表格：
属性 colspan="列数" rowspan="行数" 然后把被占的格删掉
高级标签：标题和逻辑分区标签
表格标题：<caption>标题文字<caption/>
表格逻辑分区：thead tbody tfoot
表单：
id:· 元素的唯一表示，不重复
name: 表单项元素的名称，服务器获取数据通过该名称
value: 表单项元素的值，服务器获取数据通过name
获取到的就是
value
type: 表示表单项元素的呈现形式
class: 表示样式名称
readonly: 表示只读，用户只能看不能改
disabled： 表示禁用，该元素不能改而且背景是灰色
文本框：
密码框：
单选按钮：
复选框：
文件域：
日期-h5中的新特性 ：
隐藏域：
下拉列表框：
文本域：
按钮：
提交按钮、图片按钮、重置按钮、普通按钮
最终效果：
地址栏内容：
dest.html?
userId=1001&
userName=lina&
password=12312&
gender=
女
&
statu=1&
hobby=swim&hobby=movie&
headImg=a.png&
birthday=2020-10-24T20%3A19&
month=3&x=25&y=46
框架： 在一个页面引入其他页面 iframe
框架集：HTML5已经取消
常用的布局组合标签：
div-ul-li/div-ol-li
：常用于导航布局
div-dl-dt-dd:
常用于图文混编布局
div-form:
常用于表单布局
div-table:
常用于局部规则数据展示布局
HTML4和HTML5的区别：
HTML5
中新增的语义标签
-
了解
标签
描述
article 定义页面独立的内容区域。
aside 定义页面的侧边栏内容。
bdi 允许您设置一段文本，使其脱离其父元素的文本方向设置。
details 用于描述文档或文档某个部分的细节
dialog 定义对话框，比如提示框
summary 标签包含 details
元素的标题
header 定义了文档的头部区域
footer 定义 section
或
document
的页脚。
nav 定义导航链接的部分。
progress 定义任何类型的任务的进度。
section 定义文档中的节（section
、区段）。
time 定义日期或时间。
wbr 规定在文本中的何处适合添加换行符。
HTML5
新的表单属性
form
新属性
autocomplete
属性规定
form
或
input
域应该拥有自动完成功能。
当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。
提示
:
autocomplete
属性有可能在
form
元素中是开启的，而在
input
元素中是关闭的。
注意
:
autocomplete
适用于
<input>
标签，以及以下类型的
<input>
标签：
text, search, url,
telephone, email, password, datepickers, range
以及
color
。
<form action = "" autocomplete = "on" >姓名: <input type = "text" name = "name" ><br>电话: <input type = "text" name = "phone" ><br>邮箱: <input type = "email" name = "email" autocomplete = "off" ><br><input type = "submit" ></form>测试的时候需要先输入一遍，然后再刷新页面再次输入看到效果。有些浏览器可能不自动支持，需要自己启用。
input
新属性
list
属性规定输入域的
datalist
。
datalist
是输入域的选项列表。
<input list = "companys" ><datalist id = "companys" ><option value = "alibaba" ><option value = "baidu" ><option value = "tencent" ><option value = "zijie" ><option value = "didi" ></datalist>
multiple
属性是一个
boolean
属性
.
multiple
属性规定
<input>
元素中可选择多个值。
注意
:
multiple
属性适用于以下类型的
<input>
标签：
email
和
fifile
上传多个文件 : <input type="file" name="img" multiple>
placeholder
属性提供一种提示（
hint
），描述输入域所期待的值。
简短的提示在用户输入值前会显示在输入域上。
注意
:
placeholder
属性适用于以下类型的
<input>
标签：
text, search, url, telephone, email
以及
password
。
<input type = "text" name = "userName" placeholder = " 请输入用户名 " >
required
属性是一个
boolean
属性
.
required
属性规定必须在提交之前填写输入域（不能为空）。
注意
:
required
属性适用于以下类型的
<input>
标签：
text, search, url, telephone, email, password,
date pickers, number, checkbox, radio
以及
fifile
。
用户名 : <input type = "text" name = "username" required >
HTML5
新的表单元素
--
了解
标签 描述datalist input标签定义选项列表。与 input 元素配合使用，来定义 input 可能的值。keygen 规定用于表单的密钥对生成器字段。output 标签定义不同类型的输出，比如脚本的输出。
HTML5
中新的
input
类型
HTML5
拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week
注意
:
并不是所有的主流浏览器都支持新的
input类型，不过您已经可以在所有主流的浏览器中使用它们了。即使不被支持，仍然可以显示为常规的文本域。
HTML5
中新增的音频
直到现在，仍然不存在一项旨在网页上播放音频的标准。大多数音频是通过插件（比如
Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。
HTML5
规定了在网页上嵌入音频元素的标准，即使用
<audio>
元素。
<audio controls ><source src = "horse.ogg" type = "audio/ogg" ><source src = "horse.mp3" type = "audio/mpeg" >您的浏览器不支持 audio 元素。</audio>PS ： control 属性供添加播放、暂停和音量控件。在 <audio> 与 </audio> 之间你需要插入浏览器不支持的 <audio> 元素的提示文本 。<audio> 元素允许使用多个 <source> 元素 . <source> 元素可以链接不同的音频文件，浏览器将使用 第一个支持的音频文件
目前
,
<audio>
元素支持三种音频格式文件
: MP3, Wav,
和
Ogg:
音频格式的
MIME
类型
Format MIME-typeMP3 audio/mpegOgg audio/oggWav audio/wav
HTML5
中新增的视频
<video width = "320" height = "240" controls ><source src = "movie.mp4" type = "video/mp4" ><source src = "movie.ogg" type = "video/ogg" >您的浏览器不支持 Video 标签。</video><video> 元素提供了 播放、暂停和音量控件来控制视频。同时 <video> 元素也提供了 width 和 height 属性控制视频的尺寸 . 如果设置的高度和宽度，所需的视频空间会在页面加载时保留。如果没有设置这些属性，浏览器不知道大小的视频，浏览器就不能再加载时保留特定的空间，页面就会根据原始视频的大小而改变。<video> 与 </video> 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。
当前，
<video>
元素支持三种视频格式：
MP4, WebM,
和
Ogg:
Format MIME-typeMP4 video/mp4Ogg audio/oggWebM video/webm
<!DOCTYPE html><html><head><meta charset = "UTF-8" ><title> 视频音频 </title></head><body><h1> 音频 </h1><audio controls ><source src = "audio/wgs.ogg" type = "audio/ogg" ><source src = "audio/zjl.mp3" type = "audio/mpeg" >您的浏览器不支持 audio 元素。</audio><h1> 视频 </h1><video width = "1320" height = "640" controls ><source src = "audio/ruhai.mp4" type = "video/mp4" ><source src = "audio/wgs.ogg" type = "video/ogg" >您的浏览器不支持Video标签。</video></body></html>
HTML5
中已经移除的元素
frame
frameset
noframes
转义符号：
372
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
