【HTML超连接&多媒体&列表】

HTML超连接&多媒体&列表

一 、HTML5语义标签
1. 语义化的概念

 根据标签的含义使用标签
 便于程序员识别与维护
 便于搜索引擎收录与排名
 便于新手程序员正确使用标签，不要乱写

2. 语义标签

   <header>    头部
   <nav>       导航
   <main>      主体
   <section>    节
   <article>   文章
   <aside>     边栏
   <footer>    尾部
   

二 、超连接a

	a标签
		<a href="连接地址" target="_blank">连接文本</a>
	连接分类
		外部连接
		内部连接
		锚点连接

三、路径

	绝对路径
		协议方式   http://***.**.**/a.html
		基于网站根目录  /a.html
	相对路径
		以当前文件所在的目录为出发点，进行资源查找的写法，就是相对路径
		./      当前目录，可以省略不写
		../     上一级目录，可以组合使用
		目录名/ 下一级目录，也可以组合使用

四、多媒体

	图片img
		<img src="图片路径" />
		属性
			src    图片文件路径
			alt    设置图片的说明信息，加载失败时显示
			width  设置图片宽度
			height 设置图片高度
			title  设置图片的提示信息，鼠标移上去时显示
	音频audio
		<audio src="音频路径" controls ></audio>
	视频video
		<video src="视频路径" controls autoplay muted ></video>

五、列表

  无序列表
		<ul>
          <li>列表项1</li>
          <li>列表项2</li>
          <li>列表项3</li>
        </ul>
		注意：ul里面只能写li，li里面可以写所有标签
  有序列表
		<ol>
             <li>列表项1</li>
             <li>列表项2</li>
             <li>列表项3</li>
         </ol>
  定义列表
		<dl>
            <dt>标题</dt>
            <dd>内容</dd>
        </dl>