HTML+CSS學習筆記（二）

一、文本對齊
    1.段落對齊
        <p style="text-align:left">靠左對齊</p>
        <p style="text-align:right">靠右對齊</p>
        <p style="text-align:center">置中對齊</p>
    2.整頁設定
       <div>這裡的內容都可以由div設定</div>

二、HTML列表
    1.有序列表：帶有編號的縮排列表
      <ol>
      <li>第一行</li>
      <li>第二行</li>
      <li>第三行</li>
      </ol>
    2.無序列表：帶有項目符號的縮排列表
      <ul>
      <li>第一行</li>
      <li>第二行</li>
      <li>第三行</li>
      </ul>
    3.定義列表：不帶編號和項目符號的縮排列表
      <dl>
      <dd>要定義的術語</dd>
      <dt>其定義</dt>
      </dl>
     4.縮排
      <dl><dd>縮排文本</dd></dl>
      <blockquote>縮排文本</blockquote>
     5.列表嵌套   

<ul>  <li>陝西    <ul>      <li>西安        <ul>          <li>高新區</li>        </ul>      </li>    </ul>  </li></ul>

    6.多級列表使用style中的list-style-type樣式規則(樣本)  

<ul>  <li>陝西    <ul>      <li>西安        <ul>          <li>雁塔區</li>          <li style="list-style-type:disc">蓮湖區</li>          <li>未央區</li>          <li style="list-style-type:circle">高新區</li>        </ul>      </li>    </ul>  </li></ul><ol>  <li style="list-style-type:upper-roman">陝西    <ol>      <li style="list-style-type:upper-alpha">西安        <ol style="list-style-type:lower-alpha">          <li>雁塔區</li>          <li>蓮湖區</li>          <li style="list-style-type:decimal">未央區</li>          <li>高新區</li>        </ol>      </li>    </ol>  </li></ol>

三、文字格式設定化(樣本)
    1.粗體
      <b>b加粗</b>
      <strong>strong加粗</strong>
      style="font-weight:bold"
    2.斜體
      <i>i斜體</i>
      <em>em斜體</em>
      style="font-style:italic"
    3.大小字型
      <big>大字型</big>
      <small>小字型</small>
    4.上下標
      ^上標
      <sub>下標/sub>
    5.等寬字型
      <tt>等寬字型</tt>
      <pre>等寬字型，保留空格和分行</pre>
    6.調整字型
      <font size="5" color="purple">html設定</font>
      <p style="font-family:verdana,arial,san-serif,'times roman';font-size:14pt;color:green">CSS的設定方法</p>
      font-family可以設定多種字型，當系統中沒有第一種字型時，會使用第二種字型
    7.特殊字元
      

HTML 原始碼	顯示結果	描述
&lt;	<	小於號或顯示標記
&gt;	>	大於號或顯示標記
&amp;	&	可用於顯示其它特殊字元
&quot;	"	引號
&reg;		己註冊
&copy;		著作權
&trade;		商標
&ensp;		半方大的空白
&emsp;		全方大的空白
&nbsp;		不斷行的空白