學(xué)習(xí)前端入門時(shí),無論在哪兒都告訴我們,要學(xué)習(xí)HTML+CSS+JS。google之,得到html是超文本標(biāo)記語言(英語:HyperText Markup Language,簡(jiǎn)稱:HTML)。 標(biāo)記語言,意味著這個(gè)不是編程語言,而是用來標(biāo)記文本的,把標(biāo)題標(biāo)記為標(biāo)題,段落標(biāo)記為段落,這樣,瀏覽器就能知道這些文字是什么,并用更好的格式顯示出來,換句話說,如果你僅僅使用HTML+CSS制作一張網(wǎng)頁,上面的各種特效、格式,是你選擇出來,而不是制作出來的。
接下來看一份普通的HTML文件的內(nèi)容吧。
1 2 3 4這是網(wǎng)頁標(biāo)題 5 6 7 8 9 10 11這是最大的標(biāo)題
12這是段落
13 14
這個(gè)標(biāo)記語言的標(biāo)記文字的方法很簡(jiǎn)單,就是
他們成對(duì)出現(xiàn),后面的“標(biāo)簽”比前者多一個(gè)“/”
還有另一種標(biāo)簽,不成對(duì)出現(xiàn),如
我們從上往下解釋上面這個(gè)html文檔的內(nèi)容吧。
1. 歷史問題,用于告訴瀏覽器這是個(gè)HTML5的網(wǎng)頁,意思就是說還有舊版本的html,而舊版本又需要定義一些別的東西。但是不用管,以后都是了,嗯,大概吧。
2.html 告知瀏覽器這是個(gè)html文檔,內(nèi)有head標(biāo)簽和body標(biāo)簽
3.head、body 用于存放網(wǎng)頁的各種信息和設(shè)置,body用于存放網(wǎng)頁內(nèi)容
4.head title 網(wǎng)頁標(biāo)題,就是打開一個(gè)網(wǎng)頁后,瀏覽器網(wǎng)頁標(biāo)簽上顯示的文字
link 用于引用一個(gè)CSS樣式表,所謂樣式表,就是你覺得瀏覽器默認(rèn)的的樣式太丑了,自己設(shè)置樣式
style CSS樣式表內(nèi)的內(nèi)容也可以放在html文檔里
script 引用一個(gè)JS文件,同樣也可以把內(nèi)容寫在html文檔里
還有一些像meta、base等標(biāo)簽,無論如何,head內(nèi)的東西是用來設(shè)置這個(gè)網(wǎng)頁的,而不是網(wǎng)頁內(nèi)容
5.body p 段落
h1 標(biāo)題 還有h2 h3 h4 h5 字體逐漸變小
萬事開頭難,終于開始寫第一篇了,寫得有點(diǎn)煩,哈哈。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com