學習內容：

1.單標簽、雙標簽的結構：單標簽<標簽名 屬性名=“屬性值”> ；雙標簽<標簽名 屬性名=“屬性值”>內容</標簽名>

ps:標簽必須被正確關閉，標簽名、屬性名采用小寫，符合規範。

2.DW快捷鍵：

ctrl c 復制； ctrl v 復制；
ctrl a 全選； ctrl s 保存；
ctrl z 撤銷； ctrl f 查找替換；
ctrl d 自動復制；ctrl u 首選項；

3.註釋標簽：<!--註釋內容-->

1 <!--這是註釋-->

5.標題標簽： h1;h2;h3;h4;h5;h6 效果為黑體加粗，字號依次遞減

1 <h1>這是標題1</h1>
2 <h2>這是標題2</h2>
3 <h3>這是標題3</h3>
4 <h4>這是標題4</h4>
5 <h5>這是標題5</h5>
6 <h6>這是標題6</h6>

6.段落標簽：<p></p>

1 <p>根據此前爆料達人Slashleaks給出了小米MIX 2S真機渲染圖來看，它的背面依然延續小米MIX 2的設計風格，同樣只配備了單攝像頭，繼續采用背部指紋識別，且還有18K金裝飾環，整機依舊使用全陶瓷材質。另外可以看得出來，該機的屏占比相比MIX 2更加激進，正面除了頂部一個極小的攝像頭開孔外，剩下的基本上都是屏幕。這樣的設計使得屏占比非常高，想必視覺效果會很震撼。</
 
p>

7.上標、下標 上標：；下標：

H<sub>2</sub>O<br/>
a<sup>2</sup>+b<sup>2</sup>+2ab=(a+b)<sup>2</sup><br/>
y=ax<sup>2</sup>+bx+c<br/>
(a-b)<sup>2</sup>=a<sup>2</sup>+b<sup
 
>2</sup>-2ab

8.水平標線 <hr/>

1 <hr/><!--這是一條水平線-->

9.big small u s 標簽

（1）big 大號字體

1 <big>這是大號字體</big>

（2）small 小號字體

1 <small>這是小號字體</small>

（3）u 下劃線

1 <u>這是下劃線</u>

（4）s 刪除線

1 <s>這是刪除線</s>

10.列表：有序列表；無序列表；定義列表

（1）有序列表 <ol></ol>，根據type屬性改變標號，type有：A;a;I;i等，列表項位<li>內容</li>

1 <ol type="A">
2 <li>蘋果</li>
3 <li>香蕉</li>
4 <li>芒果</li>
5 </ol>

（2）無序列表 <ul></ul>,根據type屬性改變標號形狀，type有：disc;circle;square，實心圓，空心圓，實心方形

<ul type="disc">
<li>雞蛋</li>
<li>牛奶</li>
<li>粗糧</li>
</ul>
<hr/>
<ul type="circle">
<li>雞蛋</li>
<li>牛奶</li>
<li>粗糧</li>
</ul>
<hr/>
<ul type="square">
<li>雞蛋</li>
<li>牛奶</li>
<li>粗糧</li>
</ul>

11.定義列表：<dl><dt>列表項名稱</dt><dd>列表項解釋</dd></dl>

 1 <dl>
 2 <dt>
 3 美國
 4 </dt>
 5 <dd>
 6 北美國家，官方語言英語。
 7 </dd>
 8 <dt>
 9 中國
10 </dt>
11 <dd>
12 亞洲國家，官方語言漢語。
13 </dd>
14 </dl>

2018/01/31

HTML學習第一天