html学习之标签搭配1.0

html中很多的标签都是配合使用的，基本上就是嵌套关系，看一个个标签的作用可能很累，理解起来也需要很长的时间，我在学习的过程中就慢慢整理一些搭配使用的html标签吧

1、<ins>标签和<del>标签，前者定义插入字，后者定义删除字，这两个标签要配合使用

example：she is a <del>beautiful</del> <ins>kawayi</ins> girl

2、<address>标签和<a>标签，前者定义地址，后者定义锚，也就是在address标签中加个a标签用来跳转，当然这两个标签不一定要同时存在

example： <address>请将内容发送至<a href="xxxxx@168.com">我的邮箱</a></address>

3、表格相关的标签，表格的标签包括<table><tr><th><td>，其中<table>标签在最外围，<tr>标签其次，<th>和<td>标签属于同一级别，当然还有很多的标签可以一起配合使用，先讲这四个，<table>标签就是我们定义一个表格的整体，<tr>标签对应的是表格的每一行，而<th>标签则是表格的表头，它与<td>标签不同的是<th>标签在浏览器的显示为黑体居中，也相当于一个表格单元，而<td>标签就是定义的一个表格单元，这四个标签是使用最多的，三级标签基本上大多数表格都是采用的这种方式

example: <table>  <tr> <th></th><th></th> </tr>  <tr> <td></td> <td></td>  </tr>   </table>

4、表格相关标签2，<table>标签和<caption>标签，<caption>标签定义的是表格的标题，啥意思了，就是表格头上居中的文字，一般用来说明这是一个什么表，标签关系为 <table> <caption> </caption></table>，<caption>标签和<tr>标签是平级的，不一定要使用<caption>标签，看需求。还有<thead>标签<tbody>标签和<tfoot>标签，这几个标签一看都大致明白作用了，不就是头、身体、脚吗，这三个标签必须一起使用，当然现在基本上都不用了，没多大意义，这三个标签的级别在<table>和<tr>中间，使用标签内部一定要有<tr>标签，使用起来这么多要求，所以我想这就是标签被淘汰的原因吧【滑稽】，除此之外还有<col>标签和<colgroup>标签，<col>标签是给表格的每一列添加统一样式，比如这一列统一居左排列，这里有人可能有疑问，为啥要加个这样的标签，不是有CSS吗，大哥，你想一下，如果不用这个标签，要给每一列添加统一的样式只能够在每个<tr>下的同一列的<td>添加同一个样式，OMG，这个工程实在是难度太大了，所以后来聪明的人们做了一个<col>标签，这里要记住的是，<col>标签只能在<table>标签和<colgroup>标签中使用，且该标签没有结束标签，啥意思，跟那个<br>标签差不多，至于<colgroup>标签，顾名思义，也就是列的组吗，加入有很多列的样式是一样的，不至于去做那些重复的定义。写个标签关系如下

exmaple:  <table> <col /> <colgroup><col /></colgroup></table>

5、列表相关标签，总所周知，列表分为有序列表和无序列表，你以为就完了，当然不是，还有自定义列表，这也是一个比较重要的知识点，先讲有序列表和无序列表，<ol><ul>有的人傻傻分不清，如果才学这个可能记忆不深刻，这个、好像、我记得、脑子里冒出无数的问号，不确定就是没掌握，如何分辨，其实也没啥好的方法，介绍一个我的方法，序列的英语是order，那么ol就是有序，有order的就是有序，o代表order，有o就是有order就是有序，没有就是无序，至于与之嵌套的标签<li>的意思就是list（列表）的意思

example： <ol><li></li><li></li></ol> <ul><li></li><li></li></ul>

下一章介绍自定义列表相关标签及其使用