對編程小白來講，想要學(xué)習(xí)門檻低，學(xué)習(xí)周期短，難度指數(shù)可忽略、短時間內(nèi)可能找一份薪資不錯編程相關(guān)工作，那就把HTML作為入門級語言吧。
網(wǎng)頁設(shè)計師
網(wǎng)頁設(shè)計師人才需求
什么是網(wǎng)頁
網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，通俗地說，您的網(wǎng)站就是由網(wǎng)頁組成的。比如說把網(wǎng)站比作一本書，那個網(wǎng)頁就是其中的一頁。
網(wǎng)頁作用：
1、構(gòu)成網(wǎng)站 比如淘寶網(wǎng)、京東網(wǎng) 都是一個個的網(wǎng)頁組合而成
2、表達(dá)內(nèi)容 網(wǎng)頁可以表達(dá) 商品、文章、業(yè)務(wù)表單
用什么來創(chuàng)建網(wǎng)頁？
HTML 是用來描述網(wǎng)頁的一種語言。而是一種標(biāo)記語言(markup language)
HTML 使用標(biāo)簽來創(chuàng)建網(wǎng)頁
積木式標(biāo)簽
網(wǎng)頁是由各種不同類型的HTML標(biāo)簽組成。
HTML常用的標(biāo)簽也就二十多種。
每種標(biāo)簽有不同的功能。
比樂高還要簡單（樂高積木是兒童喜愛的玩具。這種塑膠積木一頭有凸粒，另一頭
有可嵌入凸粒的孔，形狀有1300多種，每一種形狀都有12種不同的顏色，以紅、黃、藍(lán)、白、綠色為主。它靠小朋友自己動腦動手，可以拼插出變化無窮的造型，令人愛不釋手，被稱為“魔術(shù)塑料積木”）
通過HTML標(biāo)簽最后搭建出一棵樹。
HTML標(biāo)簽固有結(jié)構(gòu)
HTML積木標(biāo)簽概貌
列表標(biāo)簽-無序列表標(biāo)簽
<ol start=“列表起點” type=“符合類型”> <li>外交部部長 王毅</li> <li>國防部部長 常萬全（兼） </li> </ol>
列表標(biāo)簽-無序標(biāo)簽
<ul class="footer-two"> <li> <a href="/guowuyuan/xinwen.htm" target="_blank">領(lǐng)導(dǎo)動態(tài)</a> </li> <li> <a href="/guowuyuan/gwy_cwh.htm" target="_blank"></a>常務(wù)會議</a> </li> <li> <a href="/guowuyuan/quantihui.htm" target="_blank">全體會議</a> </li> <li> <a href="/guowuyuan/zuzhi.htm" target="_blank">組織機(jī)構(gòu)</a> </li> <li> <a href="/guowuyuan/2006-02/16/content_2616810.htm" target="_blank">政府工作報告</a> </li> </ul>
超鏈接標(biāo)簽
<a> 標(biāo)簽定義超鏈接，用于從一個世界鏈接到另外一個世界。
<a target="_blank">全國人大</a>
href :超鏈接網(wǎng)址 target：網(wǎng)頁展現(xiàn)方式 （打開新頁面 或者在當(dāng)前頁面）
P標(biāo)簽
<p> 標(biāo)簽定義段落。
<p>會自動在其前后創(chuàng)建一些空白。瀏覽器會自動添加這些空間，您也可以在樣式表中規(guī)定。
圖片標(biāo)簽
<img>標(biāo)簽向網(wǎng)頁中嵌入一幅圖像。
<img> 標(biāo)簽有兩個必需的屬性：src 屬性和 title 屬性。
src ：圖片的路徑
Title：圖片標(biāo)題描述
表格相關(guān)標(biāo)簽
<table> 標(biāo)簽定義 HTML 表格。
簡單的 HTML 表格由 table 標(biāo)簽以及一個或多個 tr、th 或 td 標(biāo)簽組成。
tr 標(biāo)簽定義表格行，th 標(biāo)簽定義表頭，td 標(biāo)簽定義表格單元。
<tbody> 標(biāo)簽表格主體（正文）
<table width="934" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<th width="25%" align="center" class="jybl">留言人</th>
<th width="25%" align="center" class="jybl">辦理單位</th>
<th width="25%" align="center" class="jybl">辦理方式</th>
<th width="25%" align="center" class="jybl">辦理日期</th>
</tr>
<tr>
<td align="center" class="jybl2"><span color="#000000">高興</span>
</td><td align="center" class="jybl3"><span>國務(wù)院辦公廳</span></td><td align="center" class="jybl3"><span>按職責(zé)程序辦理</span></td><td align="center" class="jybl3"><span>2017-01-26</span></td></tr></tbody></table>`
表單相關(guān)標(biāo)簽
<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單
表單能夠包含input 元素，比如文本字段、復(fù)選框、單選框、提交按鈕等等。
文本域(Text fields) <input type="text" name="firstname">
密碼域<input type="password" name="password">
復(fù)選框<input type="checkbox" name="Bike">
單選按鈕<input type="radio" checked="checked" value="male" />
文本域(Textarea)<textarea rows="10" cols="30">
按鈕<input type=“button” value=“提交">
簡單的下拉列表<select name="cars">
<option value="volvo">Volvo</option>
</select>
一天就可以做出這樣的網(wǎng)頁
繼續(xù)修行
結(jié)語
此篇文章只是入門而已，還有很多標(biāo)簽沒有講到。若想做出看過眼的網(wǎng)頁，要懂得布局、搭配、還要會css、布局、javascript 腳本。看到這您已經(jīng)入門了，下次會講布局css,敬請期待。。。。。。。
