整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
天小白給大家簡單的講解了如何學習前端的方法，那么接下來我會做一系列的教程來教給大家如何一步步的學習，今天我們就說下三分鐘快速知道如何學HTML。
其實大家都知道無論是HTML還是HTML5都很簡單容易上手，所以很多想從事IT行業(yè)的人都作為入門語言。因為簡單易學，所以并沒有一套完整的學習流程，導致了一些人走了彎路，所以今天小白就簡單梳理一下個人學習意見。
一：閱讀官方資料
官方資料永遠是最準確和最基礎(chǔ)的，所以剛開始學習的時候就要先來看官放資料，一直到時間久了，很多東西不記得了，都要來查看官方資料，把官方基礎(chǔ)資料記在心里。
小白認為，任何一門語言第一步都是要先閱讀然后再分析。熟悉HTML代碼的組成部分，聲明，結(jié)構(gòu)，標簽，閉合等，這些都需要我們學習和分析。剛開始學習的時候肯定自己是寫不出來的，那么就要我們看完代碼后自己拷貝，敲打，然后記憶。逐漸把看到的知識點變成自己的代碼元素。
二：閱讀他人代碼
準備出來足夠的時間去看別人的網(wǎng)站，分析別人的源代碼，看到不懂的就去查閱資料，做好筆記，讓不懂的知識點變成自己的知識。
在這里我提倡建議大家多去關(guān)注下HTML相關(guān)的技術(shù)論壇，論壇上會經(jīng)常有人提出問題，大家可以嘗試去回答，哪怕是查資料也好，這都是對知識的一次深層記憶。時間久了，你就發(fā)現(xiàn)自己進步神速。
三：練習
通過上面兩個步驟，我們已經(jīng)掌握了足夠多的HTML代碼，那么我們可以使用DW進行做一些簡單的網(wǎng)站制作，進一步加深和練習。在練習過程中，可以使用對比的方法，找個目標網(wǎng)站進行仿制，逐步讓自己寫出的代碼能和原版有一樣的展現(xiàn)。不對的地方就進行修改，這樣水平就會進一步提升。
進階：代碼優(yōu)化
以上步驟都進行完以后，我們就需要再提升一下自己的能力，那就是我們嘗試著優(yōu)化我們的HTML代碼。如何用最簡單的邏輯實現(xiàn)我們的功能需求，同時避免冗余代碼的存在，保證一個良好的代碼書寫習慣。
總結(jié)：學習技術(shù)，只看不練永遠無法上手的，所以我們要多記多練，首先我們要記HTML代碼最基本的網(wǎng)頁組成部分，比如說顏色如何表示、結(jié)構(gòu)排序如何表示、超鏈接如何表示、關(guān)鍵詞與標題等等如何表示，而這些東西我們都必須將之記憶在大腦之中，通過記憶這個過程要讓自己的頭腦中有豐富的HTML代碼可以隨時利用。
5開始對標簽及屬性的書寫更加包容，同時新增了語義化的標簽，也是為了替代純div+css的布局，本文講帶大家一起學習和探討HTML書寫規(guī)范。
1.文檔類型聲明
文檔類型聲明
2.標簽、屬性名、文件名推薦小寫字母
標簽、屬性、文件名
3.雙標簽可省略關(guān)閉標簽，不過建議保留關(guān)閉標簽
雙標簽
4.單標簽的“/”可寫可不寫（但在XHTML和XML中斜線是必須的）
"/"的省略
5.可全部省略的標簽，不過建議保留
可全部省略的標簽
友情提示：省略或在DOM和XML軟件中會崩潰，省略在舊版瀏覽器(IE9)會發(fā)生錯誤。
6.布爾值的屬性，可省略屬性值
bool值類型屬性
7.屬性值可以不使用引號，推薦使用引號。
屬性值的各種寫法
8.屬性與屬性值之間等號前后空格
空格問題
9.屬性書寫順序
順序依次是class、id/name、data-、src/for/type/href、title/alt、aria-/role
書寫順序
10.使用語義化標簽
語義化標簽
以下內(nèi)容為H5相關(guān)標簽，大家感興趣可以自行學習。
1.其它新增標記
2．廢棄元素
basefont、big、center、font、s、strike、tt、u、bgsound、marquee（只有IE支持）、rb、acronym、dir、isindex、listing、xmp、nextid、plaintext
全棧攻城獅-每日更新原創(chuàng)IT編程技術(shù)及日常實用視頻。
主要內(nèi)容：正式引入HTML網(wǎng)頁開發(fā)，學習并了解HTML的相關(guān)知識。變身Web開發(fā)達人，做全棧程序員。這是HTML技術(shù)的第二課，主要講解一下開發(fā)工具及HTML的結(jié)構(gòu)，做出來屬于我們的第一個Web網(wǎng)頁。
作為程序員，只要做電腦編程寫代碼，一定會選擇一款合適的開發(fā)工具。HTML的書寫的話，開發(fā)工具就有的選擇了。
程序員寫代碼
作為HTML的開發(fā)，其實使用記事本完全就可以了，因為HTML網(wǎng)頁本身就是文本文件。但是沒人會使用記事本進行開發(fā)，因為一款適合自己的開發(fā)工具可以大大的提高寫代碼的效率。
下面我列出來幾個比較常用的HTML開發(fā)工具：
NotePad++、EditPlus、Adobe Dreameaver、Sublime、WebStorm、Visual Studio等。
我們這階段課程，主要使用Sublime這款工具為例進行使用，當然其他的開發(fā)工具也是大同小異。
Sublime代碼編輯器
直接打開微軟的必應搜索，這里不得不吐下槽，國內(nèi)的搜索引擎真的不敢恭維。搜索結(jié)果顯示并不是很好。谷歌當然是最不錯的選擇。但是無奈谷歌上不去，所以可以推薦給你使用必應搜索。必應搜索的結(jié)果可以說幾乎和谷歌相差不大。
必應搜索
直接打開必應搜索，輸入“sublime text 3”進行搜索，你就能找到官方網(wǎng)址。打開進行下載即可：
Sublime的下載方式
打開Sublime的官網(wǎng)，選擇Download，選擇合適你電腦系統(tǒng)的版本進行安裝：
下載Sublime
打開Sublime，默認打開：
軟件默認界面
此時，會默認打開一個新文件，首先點擊鍵盤上的Ctrl+S。進行文件保存。選擇合適的路徑，并輸入文件名，后綴以html。
保存html
添加代碼HTML的結(jié)構(gòu)：
需要明確的是HTML有一個文檔結(jié)構(gòu)的。就好比人有頭部和身體組成。html也是如此。上面就是html最簡單的結(jié)構(gòu)。
<html>類型標簽，表示開始標簽。</html>類型的表示結(jié)束標簽。
兩個標簽之間的內(nèi)容，輸入整個html標簽。
我們習慣性的把<xxxx>...</xxxx>的格式的代碼，叫做xxxx標簽。
為結(jié)構(gòu)添加內(nèi)容，做我們第一個Web網(wǎng)頁：
第一個Web網(wǎng)頁
此時，找到html文件所在路徑，雙擊打開，運行你就會看到效果：
網(wǎng)站結(jié)構(gòu)
經(jīng)過運行結(jié)果，你就會明白title、body標簽所展現(xiàn)的樣子了。
本視頻由做全棧攻城獅，原創(chuàng)首發(fā)，如有轉(zhuǎn)載，請注明出處。
如果你有什么比較不錯的編程技巧，或者你想要什么程序員編程資源，點擊下方了解更多。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
