【源碼+演示】高考加油!HTML+CSS特效文字祝福_程序員祝福高考學(xué)子旗開得勝!
又是一年盛夏至,愿高三學(xué)子高中畢業(yè)日,即是高中名校時!
本篇為大家?guī)?款HTML+CSS制作出的小項目,為高考學(xué)子加油助威,愿他們旗開得勝,金榜題名!


用HTML標(biāo)記內(nèi)容的目的是為了賦予網(wǎng)頁語義(semantic)。換句話說,就是要給你的網(wǎng)頁內(nèi)容賦予某些用戶代理(user agent)能夠理解的含義。
HTML 規(guī)定了一組標(biāo)簽,用來給內(nèi)容打上不同的標(biāo)記。每個標(biāo)簽都是對它所包含內(nèi)容的一種描述。最常用的HTML描述的是標(biāo)題、段落、鏈接和圖片。目前,HTML一共有114個標(biāo)簽,但按照 80/20 原則,使用其中25個左右的標(biāo)簽就可以滿足80%的標(biāo)記需要。
HTML 最新的版本 HTML5,又新規(guī)定了一批結(jié)構(gòu)化標(biāo)簽,用于對相關(guān)內(nèi)容的標(biāo)簽進(jìn)行分組,從而更好地規(guī)范網(wǎng)頁的整體結(jié)構(gòu)。這些新標(biāo)簽包括
HTML 最新的版本 HTML5,又新規(guī)定了一批結(jié)構(gòu)化標(biāo)簽,用于對相關(guān)內(nèi)容的標(biāo)簽進(jìn)行分組,從而更好地規(guī)范網(wǎng)頁的整體結(jié)構(gòu)。這些新標(biāo)簽包括、(即 navigation,導(dǎo)航)、、、和。
1.標(biāo)簽的閉合
對于每個包含內(nèi)容的元素(比如標(biāo)題、段落和圖片),根據(jù)它所包含的內(nèi)容是不是文本,有兩種不同的方式給它們加標(biāo)簽,一種是使用閉合標(biāo)簽,另一種是使用非閉合標(biāo)簽。
1.1 文本用閉合標(biāo)簽
示例:
Hello, CSS!
1.2 引用內(nèi)容用自閉合標(biāo)簽
示例:
提示:
對于自閉合標(biāo)簽,XHTML 要求必須這樣寫:
而在 HTML5 中,可以省略最后那個表示關(guān)閉的斜杠,寫成:
2.屬性
提示:視障用戶使用的屏幕閱讀器會大聲讀出 alt 屬性的內(nèi)容,因此一定要給標(biāo)簽的
這個 alt 屬性添加讓人一聽(或一看)就能明白的內(nèi)容。
3.標(biāo)題與段落
標(biāo)題
段落
換行標(biāo)記
水平線標(biāo)記