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

一、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:尾