菜鸟教程HTML笔记

1、对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。

2、HTML对大小写不敏感，HTML4中W3C推荐使用小写，HTMLx中估计要强制推荐小写

3、 1到6号标题与1到6号字体逆序对应，比如1号字体对应6号标题，2号字体对应5号标题。

初号     42pt     56px     3.5em

小初     36pt     48px     3em

         34pt     45px     2.75em

         32pt     42px     2.55em

         30pt     40px     2.45em

         29pt     38px     2.35em

         28pt     37px     2.3em

         27pt     36px     2.25em

一号     26pt     35px     2.2em

         25pt     34px     2.125em

小一     24pt     32px     2em

二号     22pt     29px     1.8em

         20pt     26px     1.6em

小二     18pt     24px     1.5em

         17pt     23px     1.45em

三号   16pt     22px     1.4em

小三    15pt     21px     1.3em

       14.5pt     20px     1.25em

四号     14pt     19px     1.2em

       13.5pt     18px     1.125em

         13pt     17px     1.05em

小四     12pt     16px     1em

         11pt     15px     0.95em

五号   10.5pt     14px     0.875em

         10pt     13px     0.8em

小五      9pt     12px     0.75em

          8pt     11px     0.7em

六号    7.5pt     10px     0.625em

          7pt      9px     0.55em

小六    6.5pt      8px     0.5em

七号    5.5pt      7px     0.4375em

八号      5pt      6px     0.375em

4、 

5、图片的align属性，现在不使用了，可以用css控制样式，但是我不知道啊

    <p>上边

      <img src="img/123.gif"/ align="top">

   </p>

<p>中间

      <img src="img/123.gif"/ align="middle">

</p>

<p>下边

      <img src="img/123.gif"/ align="bottom">

</p>

7、表格中单元格跨两格：colspan="2"

      表格中单元格跨两列: rowspan="2"

8、单元格边距：cell padding

      单元格间距：cell spacing

9、列表：无序列表、有序列表、自定义列表

<ul style="list-style-type: circle;" style="border: 1px solid red; width: 200px;">

      <li style="border: 1px dashed blue;">hahah </li>

      <li style="border: 1px dashed blue;">hahahahaha</li>

      <li style="border: 1px dashed blue;">heiheihei</li>

      <li style="border: 1px dashed blue;">lalalalala</li>

</ul>

<ol type="I" style="border: 1px solid red; width: 200px;">

      <li style="border: 1px dashed blue;">hahf</li>

      <li style="border: 1px dashed blue;">agdfb</li>

      <li style="border: 1px dashed blue;">sgaa</li>

      <li style="border: 1px dashed blue;">adgfs</li>

      <li style="border: 1px dashed blue;">aggafg</li>

</ol>

<dl style="border: 1px solid red; width: 200px;">

      <dt style="border: 1px dashed blue;">1</dt>

      <dd style="border: 1px dashed deepskyblue;">2</dd>

</dl>

10、