html集锦

注意：此内容为复习所总结，非专业，不全，理解记录理解会有偏差。

一、HTML解释：

　　指的是超文本标记语言 (Hyper Text Markup Language)，不是一种编程语言，而是一种标记语言 (markup language)，Html大小写不敏感

二、Body中的属性：

　　body中text为颜色属性、bgcolor为背景属性、background为背景图片属性，当bgclor和background同时存在时，背景图片会覆盖背景颜色

三、p标签：

　　<p align="center">段落标签</p>　　align：对齐方式center,left,right

四、hr标签：

　　<hr width="50%" color="" size="10px"/>  width中50%指的是父标签的百分之五十，如果写成width="200px"，则长度固定不变，不会随着body的变化而变化，px指的是像素

五、ul标签：

　　<ul type="circle">　　　　　　//type属性可以控制前面出现的形状  circle是圆圈型，不写的话是黑点
　　　　<li>好雨知时节</li><br/>　　
　　　　<li>当春乃发生</li><br/>
　　　　<li>随风潜入夜</li><br/>
　　　　<li>润物细无声</li><br/>
　　</ul>

六、ol标签：

　　<ol type="i" start="2">　　　　//此处2代表从ii开始，其他类似
　　　　<li>好雨知时节</li><br/>
　　　　<li>当春乃发生</li><br/>
　　　　<li>随风潜入夜</li><br/>
　　　　<li>润物细无声</li><br/>
　　</ol>

七、img标签

　　<img src="截图20171216231155.png" width="53%" height="42%" border="1" align="middle" align="hello beauty"/>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

　　图片标签align属性没有center值，有top/bottom/middle，代表右侧文字排版的位置

八、a标签

　　<a href="annother.html" target="_self">annotherPage</a>　　　　//target取_self：在本页面显示

　　<a href="annother.html" target="_blank">annotherPage</a>　　　//target取_blank：在新页面显示

九、表格--合并行/列

<table border="a" width="50%" align="center" bgcolor="yellow">
  <caption>message</caption>　　//标题
  <tr>
    <td>name</td>
    <td>name</td>
    <td>name</td>
  </tr>
  <tr>
    <td>value</td>
    <td colspan="2" align="center">合并列</td>
  </tr>
  <tr>
    <td rowspan="2" align="center" >合并行</td>
    <td>value</td>
    <td>value</td>
  </tr>
  <tr>
      <td>value</td>
    <td>value</td>
  </tr>
  </table>

十、表格--thead/tbody/tfoot

　　1.分块加载使得用户体验比较好

　　2.thead:头

　　3.tbody:体　　

　　4.tfoot:尾