HTML学习|网页基本信息、网页基本标签、图像标签、超链接标签、列表标签、表格标签、媒体元素、页面结构分析、iframe内联框架

网页基本信息

DOCTYPE是设置使用什么规范，网页整个信息都在html标签中，head标签里包含字符集设置，网页介绍等信息，title标签是网页的名称，网页的主干都在body标签中

网页基本标签

标题标签

h1~h6都是标题标签，按照大小顺序来的。

、

段落标签

p标签是段落标签，相当于其内容是一个段落，相当于换行且有行间距

换行标签

br标签是换行标签，与p标签的区别就是，单纯的换行，行与行之间没有行间距

水平线标签

hr是水平线标签，它的作用就是增加一条水平线

字体样式标签

strong标签的作用是字体加粗，em标签的作用是让字体变成斜体字

注释和特殊符号

注释是<!--注释内容-->

&nbsp代表了一个空格，正常的空格来讲，无论你打多少个，显示到页面上都只有一个，如果想达到很多个空格的效果，就要用&nbsp，下面还有大于号、小于号、复制等特殊符号

图像标签

img是图像标签，src是图像资源的地址，alt是如果图片没有加载出来，则显示这个名字，title是指鼠标放在图片上会显示的提示文字，width，height分别代表图像的宽度和高度

超链接标签

a标签是超链接标签，href是代表了点击跳转的地址，target是窗口在哪打开，比如_self代表在本窗口打开，_blank代表了是在新的窗口打开，然后是链接的文本或者也可以是一个图片

第一个框是文本超链接，第二个框是图片超链接

锚链接

锚链接可以完成页面内部的跳转，首先在想跳转的位置用a标签标记，并用name来设置一个名字

然后在能跳转的位置弄一个a标签，href中用#锚名称的方式确定要跳转的位置，此方式也可以跨页面去跳转，不过在跨页面时href里#锚名称前要加页面资源的位置

列表标签

有序列表

ol标签是有序列表，li标签是列表的一行

无序列表

ul标签是无序列表，li是列表的一行

自定义列表

dl标签是自定义列表，dt代表几行的一个标题，dd代表一行

表格标签

table标签是表格标签，border可以设置表格线条的粗细，tr代表一行，td是代表列

colspan能跨列，rowspan能跨行

媒体元素

视频元素

video标签是视频元素，src是视频资源的存放地址，视频资源一般存放在resources目录下的video文件夹下，controls，可以理解为视频的播放器，有这个才能在网页上看视频，有进度暂停等功能，autoplay自动播放，点开网页后，视频能自动播放

音频元素

audio是音频标签，和视频标签类似

页面结构分析

在页面中，先简单认识页面结构的三个部分，header是页面头部，footer是页面脚部，section是页面主体

iframe内联框架

iframe是内联框架，大概意思就是在页面里面再出一个小的页面，src代表了这个小页面的页面地址，可以设置宽高这些，也可以设置一个name标签，跟a超链接标签结合一下，target设置成iframe的name,弄一个超链接跳转小页面。