HTML超链接&多媒体&列表

HTML超链接&多媒体&列表

h5语义化标签

header  -- 定义头部
nav     -- 定义导航栏
main    -- 定义主体
section -- 定义小节
article -- 定义文章章节
aside	-- 定义侧边栏
footer	-- 定义页尾
作用：h5注重语义化，方便程序员后期维护，利于浏览器和搜索引擎收录与排名，引导新手正确使用标签
特征：用于建框布局，简而言之，就是有意义的div

a超链接【精通】

语法：<a href="跳转的路径" target="">内容</a>
属性：href  -- 跳转的路径
	 _blank -- 在空白窗口打开
	 _self -- 在当前页面打开（默认）
注意：href是必写属性；是行内元素，是双标签；
链接的三种方式：
	外部链接  -- 网站外部，从网站A跳转到网站B  -- 绝对路径
	内部链接  -- 网站内部，从页面A跳转到页面B  -- 相对路径
	锚点链接  -- 页面内部，从A位置跳转到B位置  -- 哈希路径（hash）

相对路径&绝对路径

a.绝对路径：
	理解：基于web根目录，从任何地方去往该网站路径都一样；
	方式：http https 
		盘符：D：\soft
		基于网站的根目录  /index.html
b.相对路径：
	理解：相对于自己当前的位置；
	方式：./  -- 同级（可以省略不写）
		 ../ -- 上一级（必须写，而且可以连续写../../../）
		 目录名/ -- 下一级

多媒体标签

a.img图片标签：
	语法：<img src="" alt="">
	属性：src -- 图片的路径
		 alt -- 图片加载失败时的提示文字
		 width -- 图片宽度，默认单位为px
		 height -- 图片高度，默认单位为px
	特征：是单标签，是一个行内元素，宽高设置只设置一个就可以，另一个会等比例缩放
b.audio音频标签
	语法：<audio src=""></audio>
	属性：见video
c.video视频标签
	语法：<video src=""></video>
	属性：src -- 音频视频路径
		 controls -- 播放控件
		 autopsy -- 自动播放
		 muted -- 静音
		 loop -- 自动循环播放
		 以下是video拥有的
		 width -- 视频宽度设置，默认单位为px
		 height -- 视频高度设置，默认单位为px
		 poster -- 封面海报
	特征：是双标签；是行内元素；宽高设置只设置一个就可以，会等比例缩放

列表标签

a.无序列表ul
	语法：<ul>
			<li></li>
		 </ul>
b.有序列表ol
	语法：<ol type="i">
			<li></li>
		 </ol>
c.定义列表
	语法：<dl>
			<dt></dt>
			<dd></dd>
		 </dl>
特点：双标签，块级元素，最后组合出现