整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          三分鐘快速知道如何學HTML

          天小白給大家簡單的講解了如何學習前端的方法,那么接下來我會做一系列的教程來教給大家如何一步步的學習,今天我們就說下三分鐘快速知道如何學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ā)工具

          作為程序員,只要做電腦編程寫代碼,一定會選擇一款合適的開發(fā)工具。HTML的書寫的話,開發(fā)工具就有的選擇了。

          程序員寫代碼

          作為HTML的開發(fā),其實使用記事本完全就可以了,因為HTML網(wǎng)頁本身就是文本文件。但是沒人會使用記事本進行開發(fā),因為一款適合自己的開發(fā)工具可以大大的提高寫代碼的效率。

          下面我列出來幾個比較常用的HTML開發(fā)工具:

          NotePad++、EditPlus、Adobe Dreameaver、Sublime、WebStorm、Visual Studio等。

          我們這階段課程,主要使用Sublime這款工具為例進行使用,當然其他的開發(fā)工具也是大同小異。

          Sublime代碼編輯器


          如何下載Sublime?

          直接打開微軟的必應搜索,這里不得不吐下槽,國內(nèi)的搜索引擎真的不敢恭維。搜索結(jié)果顯示并不是很好。谷歌當然是最不錯的選擇。但是無奈谷歌上不去,所以可以推薦給你使用必應搜索。必應搜索的結(jié)果可以說幾乎和谷歌相差不大。

          必應搜索

          直接打開必應搜索,輸入“sublime text 3”進行搜索,你就能找到官方網(wǎng)址。打開進行下載即可:

          Sublime的下載方式

          打開Sublime的官網(wǎng),選擇Download,選擇合適你電腦系統(tǒng)的版本進行安裝:

          下載Sublime


          書寫第一個Web網(wǎng)頁

          打開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)載,請注明出處。

          如果你有什么比較不錯的編程技巧,或者你想要什么程序員編程資源,點擊下方了解更多。


          主站蜘蛛池模板: 亚洲国产系列一区二区三区| 少妇无码AV无码一区| 亚洲国产一区二区三区在线观看 | 人妻体体内射精一区二区| 久99精品视频在线观看婷亚洲片国产一区一级在线 | 精品国产AⅤ一区二区三区4区| 高清一区二区在线观看| 精品国产免费一区二区三区 | 亚欧免费视频一区二区三区| 亚洲AV成人精品日韩一区 | 亚洲一区二区精品视频| 国精品无码一区二区三区在线 | 国产一区二区成人| 国产精品亚洲专一区二区三区| 亚洲欧洲一区二区三区| 日本高清不卡一区| 国产乱码精品一区二区三区四川人| 视频一区二区在线播放| 免费精品一区二区三区第35| 亚洲色偷精品一区二区三区| 亚洲国产成人久久一区WWW| 无码人妻精品一区二区| 在线一区二区三区| 中文字幕亚洲一区二区va在线| 精品一区二区三区在线播放视频| 国产福利在线观看一区二区| 日本一区二区在线| 日本精品视频一区二区| 国产在线精品一区二区中文| 国产一区二区三区播放心情潘金莲 | 中文字幕在线不卡一区二区| 亚洲一区二区三区乱码A| 亚洲狠狠狠一区二区三区| 偷拍精品视频一区二区三区| 亚洲一区动漫卡通在线播放| 91福利国产在线观看一区二区 | 亚洲日本中文字幕一区二区三区| 3D动漫精品一区二区三区| 久久毛片免费看一区二区三区| 亚洲色精品三区二区一区| 精品乱人伦一区二区三区|