HTML5学习笔记 常用标签总结

一、HTML要注意缩进，不区分大小写；行内元素标签和块标签，块标签独占一行。

二、常用标签
1.标题标签：<h1></h1>
   h1到hn n<=6

2.文字标签
<br /> 换行标签
<b> 使文字加粗
<i> 使文字变斜体
<u> 给文字添加下划线
<s> 给文字添加删除线
<span> 空白的文字标签，不添加任何文字效果
<p></p> 段落标签
<sup></sup> 上角标标签
<sub></sub> 下角标标签
<hr /> 水平线标签
    px：像素单位
   color：颜色
   width：宽度（使用百分百，随页面变化）
   align：位置
   sizez：粗细
垂直线标签：水平线粗细宽度互换

3.列表标签
<ol></ol> 有序列表标签
<ul></ul> 无序列表标签
<li></li> 放在列表标签里，表示每一列
标签可嵌套使用

4.图片标签：<img /> 单标签，用于加载图片
src：图片地址，不仅可以加载本地图片，也能加载网络图片
   相对地址：根据文件的位置变化相应的也发生变化
   绝对地址：不管文件位置如何变化，其地址也不会发生变化
width、height 当设置一个值时，另外一个值也会自动等比例缩放
body 的宽度可以获取，高度默认为0
alt 图片替代文字：当文字无法显示时，作为图片解释；做为关键字，提供给搜索引擎
title 鼠标移入时，显示提示

5.超链接标签：
href 跳转地址
arget 打开连接的方式
_self 在本身窗口打开（默认值）
_blank 在新建窗口打开
title 鼠标移入时显示提示
连接分类:
   a.内部连接 连接项目内部的页面
   b.外部连接 一定要在网址前添加http://
   c.邮箱连接 mailto://
   b.锚点连接（设置一个锚点，设置一个超链接跳转至锚点位置）

6.图像热区连接
1.设置热区图片
2.设置热区
   <map></map> 热区
   name 热区id
3.关联热区和图片
   在img标签内使用usemap（属性管理 map的name值）
4.在map的标签内使用标签 设置热区属性
   shape=”” 热区形状
      circle 圆形
      poly 多边形
      rect 四边形
   coords=”” 坐标（使用笛卡尔坐标系）
      当为圆形时，三个值，前两个值为圆心，最后一个为半径
      当为多边形时，最少六个值，两两为一个坐标，连接下一个坐标，最后一个与第一坐标相连
      当为四边形时，需要四个值，左上角和右下角

7.音视频标签
<audio></audio> 用于播放音频
   src 文件地址
   controls 显示用户操作界面
   autoplay 资源加载完成后，立即播放(谷歌浏览器屏蔽此行为)
   loop 循环播放
<video></video> 播放视频
   属性基本与audio一致。增加了weight和height的设置，为保证视频不失真，多出部分留白