HTML常用标签

HTML是一种用来描述网页的标记性语言。学习HTML可能并不难，主要是要记一些HTML标签和标签代表的含义。下面根据使用的情况，整理出平时常用的HTML标签。

a标签

• 定义
  <a> 标签定义超链接，用于从一张页面链接到另一张页面。
  <a> 元素最重要的属性是 href 属性，它指示链接的目标。

• 重要属性
  href 规定链接指向的页面的 URL。
  target规定在何处打开链接文档。
  name规定锚的名称。

• a标签的多重状态
  :link”可以用于声明未访问状态链接的样式；
  “:visited”可以用于声明已经访问链接的样式；
  “:hover”可以用于声明鼠标悬停在链接上的样式；
  “:focus”可以用于声明浏览器焦点悬停在链接上的样式(通过键盘选择链接)；
  “:active”可以用于声明浏览器点击链接的样式。

img标签

• 常用属性
  src : 表示图片源位置
  width: 图片宽度
  height: 图片高度
  alt: 替代文本。当图片的src属性失效时，alt属性的内容就会生效
  title: 提示文本。当鼠标放到图片上面出现。
  地图（热点区域）：map。
  area : 当鼠标移动到图片的指定区域后,可以点击到指定超链接。
• 代码示例

<img src="./gun.jpg"  width="200" height="200" alt="hello" border="0" usemap="#planetmap" title="good"/>
<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,50" href ="http://www.baidu.com" alt="Venus" />
  <area shape="circle" coords="200,250,50" href ="http://www.haoduofuli.info" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="http://www.avfun12.vip" alt="Sun" />
</map>

table标签

• <colgroup>&<col>
  这2个标签的作用是在table中进行样式的设置。
  每一个colgroup中的每一个col，代表了table中从左开始的每一列。
  可以通过给col设定样式来改变对应的整列的样式。这样就不许要每个tr td进行设置，节省代码量。

• <thead><tbody><tfoot>
  这3个标签对应了表头、表体、表页脚。
  这3个标签的顺序如果打乱了浏览器渲染的时候也会从 thead 开始渲染。
  table中，tbody是必须的，如果没有浏览器也会自动添加，而thead、tfoot则可以没有，他们的内容会自动添加到tbody中。

• <tr> <th> <td>
  <tr>：每一组<tr></tr>在表格中就是一行
  <td>：每一行中的格子，用于储存表格中普通的数据；
  <th>：每一行中的格子，一般用于储存表格类名等，字体会加粗；

• 关于table的CSS样式：
  border-collapse:collapse
  这个CSS样式可以将邻近单元格的border合并在一起

• table-layout
  这个样式可以设置table的布局方式。

• border-spacing
  这个样式可以设置临近单元格border的距离

学习感想

感觉入门容易，精通难，需要下非常的功夫，才能学好这门技能。我感觉有以下几点：

1. 学会翻看参考手册，了解有些属性。
2. 或者百度搜语法结构和布局。
3. 学会使用F12查找错误。
4. 多练习。