1.H系列标签---用于给文本添加标题语义（不是加大加粗字体，那不是html的作用，是css样式做的事情）。
2.p标签---给文本添加段落语义。很少要使用br标签经常用p标签来换行
当看到另起一段的时候多用<p>,少用<br>。
3.img标签---<img>用来显示图片，这个标签不会独占一行，
src是源属性，它的值是图像的URL地址。
这里有相对路径和绝对路径之分，相对路径这里要知道当前html文件所在的文件夹就是路径的起点。
width: 图片指定了高度，系统会自动根据高度计算出宽度，都是等比拉伸，不会变形。
title：鼠标悬停的时候显示文本，用于弹出的描述框中显示什么内容
alt：当显示的图片找不到时，就会显示alt里的内容
notice：（1）src源属性用相对路径编写。
（2）编写路径时，全部使用/反斜杠。
（3）尽量不要使用这些调整样式的属性，而是用后续的css控制。
4.a标签：链接，也就是用于控制页面与页面之间的跳转
href:<a href="指定需要跳转的目标界面">,这个属性一定要有，并且a标签的href属性指定一个URL地址，那么必须在地址前面加上http:// 或https://
target：用于控制如何跳转， _self：在当前选项卡中跳转，不开启新界面，_blank新建页面跳转
<a href=""><img src=""></>:让图片做为可点击的。
引：假链接。点击之后不会跳转的链接
<a href="#">内容</a> #点击完会回到顶部
<a href="javascript:">内容</a> 不会回到网页顶部
还可以通过给标签添加id属性，然后通过id告诉a标签需要跳转的地方，这样可以用来a标签跳转到网页的指定位置。
5列表标签 就是给数据添加列表语义
- 无序列表：应用场景（新闻，商品列表，导航表）没有先后之分。
ul和li要成对出现，并且ul中最好不要包含其他标签，只有li，但是li中可以有啊
ul的样式可以后续修改，例如：list-style: none
- 有序列表
- 定义列表：先通过dt标签定义列表中的所有标题，再通过dd标签给每个标题添加描述信息。应用场景：做网站尾部的相关信息，做图文混排
6.表格，先过
7.表单
<form>
<表单元素>
</form>
input标签:input标签有一个type属性，这个属性有很多类型的取值，取值不同就决定了input标签的功能和外观
(1)明文输入框 type=“text”
(2)暗文type="password"
(3)单选 type="radio"，默认项 checked="checked"
默认情况下，单选框不会互斥，如果需要单选框互斥，需要给每一个单选框标签设置一个name属性，name属性必须要设置相同的值
(4)多选框 type="checkbox",默认项 checked="checked"
(5)按钮type="button"
图片按钮：配合js完成一些操作
<input type="image" src="../img/register.jpg" οnclick="alert(123);">
重置按钮：清空表 单中已经填写好的数据
<input type="reset" value="清空">
(6)提交 type="submit"
<input type="submit" action="" method="" name="name">
作用：将表单中已经填写好的内容提交给服务器
要想把表单中填写好的数据提交到远程服务器，必须具备两个条件
1.需要给form表单添加一个action的属性，通过这个action属性指定需要提交到的服务器地址（servlet名）
，method提交Get和Post方式。
2.需要给需要提交到服务器的表单元素添加一个name属性,这个name值在接收数据时要使用。
(7)隐藏域
作用：配合提交按钮将一些数据默默的提交到服务器
(8)label 用于输入框和文字绑定在一起
绑定的格式：1.将文字利用label标签包裹起来 2.给输入框添加id属性 3.在label标签中通过for属性和输入框中的id进行绑定即可
(9)datalist标签 ：给输入框绑定待选项
<datalist>
<option>待选项内容</option>
</datalist>
如何给输入框绑定待选列表
1.写一个输入框
2.写一个datalist列表
3，给datalist列表标签添加一个id
4.给输入框添加一个list属性，将datalist的id对应的值给list属性
(10)select标签
作用：用于定义下拉列表
<select>
<option>待选项内容</option>
</select>
下拉列表是不能输入内容的，可以在下拉列表中进行选择，也可以用option中的selected属性，绑定默认选择。在select标签中可以在option外包裹一层otpgroup标签来给下拉列表中的数据分类，otpgroup里添加label属性定义分类名称。
(11)textarea 用于定义一个多行的输入框
默认情况下，输入框可以无限换行，有自己的宽度和高度，可以手动拉伸当然可以通过cols和rows来指定输入框的宽度和高度
(12)html5一些新出现的标签
邮箱:<input type="email"> 可以自动校验输入的内容是否符合邮箱的格式
域名：<input type="url"> 可以自动校验输入的内容是否为URL地址
电话号码: <input type="number"> 输入框中输入数字
时间: <input type="date"> 可以通过日历来选择时间
颜色：<input type="color"> 可以通过取色板来选颜色
(13)video标签
<video src="">
</video>
video标签的属性
src；用于告诉video标签需要播放的视频地址
autoplay:用来告诉video标签是否需要自动播放视频
controls:用于告诉video标签是否现实控制条
poster:用于告诉video标签视频没有播放之前显示的占位图片
loop:一般用于做广告视频，用于告诉video标签视频播放完毕之后是否需要循环播放
preload:预加载视频，但是需要注意preload和autoplay相冲，如果设置了autoplay属性，
那么preload就会失效
muted:静音
width，height
(14)
<video>
<source src="视频地址" type="video/webm"></source>
<source src="" type=""></source>
<source src="" type=""></source>
</video>
由于视频数据非常非常重要，所以五大浏览器厂商都不愿意支持别人的视频格式，
所以导致了没有一种视频格式是所有浏览器都支持的。这个适合W3C为了解决这个问题，所以推出了第二个video标签的格式。
video标签的第二种格式存在的意义就是为了解决浏览器适配问题
video元素支持三种视频格式，我们可以把这三种格式都通过
source标签指定给video标签，那么以后当浏览器播放视频时它就会从这
三种里面选择一种自己支持的格式来播放 webm，mp4,ogg
但是这里，我们需要知道，当前通过video标签的第二种格式，虽然能够制定所有浏览器都支持的视频格式，但是显然所有浏览器都通过video标签播放视频还有一个前提条件，就是浏览器必须支持HTML5标签，否则同样无法播放，在过去的一些浏览器不支持HTML5标签的，所以为了让过去的一些浏览器也能够通过video标签来播放视频，那么我们以后可以通过一个JS框架叫做html5media来实现。
(15)audio音频标签，与video使用方式基本一样，但是height width poster不能用。
(16)详情概要标签，
默认情况下是折叠展示，想看就详情必须点击
<details>
<summary>概要信息</summary>
详情信息
</details>
(17)marquee标签 跑马灯
direction: 设置滚动方向 left/right/ up/ down
scrollamount: 设置滚动属性，值越大就越快
loop:设置滚动次数
behavior:设置滚动类型 slide滚动到边界就停止 alternate滚动到边界就弹回
marquee标签不是W3C推荐的标签，在W3C官方文档中也无法查询这个标签，但是各大浏览器对这个标签的支持非常好。
扫一扫
522
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
