关于html的表情包,HTML那些可愛的“表情包”

今天和大家一起來分享一下新學的HTML標簽，有人會問那什么是HTML呢？HyperText MarkupLanguage，是不是覺得太高大上了。它是超文本標記語言，標准通用標記語言下的一個應用。“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

大家平常在各個瀏覽器所看到的網站就是通過這些最基礎的html標簽組成的，但是很多人說這些標簽太多太雜不好記，接下來我會以可愛的方式讓大家記住這些”表情包”。

說明：

1>HTML標記符不區分大小寫，表達的意思都是一樣的。

一．HTML基本結構

頁面的標題

…網頁的正文{各種標簽}

不知道聰明的人發現了問題沒有，他們都是成對出現的，大家可以這樣記，成對出現的標簽就好像是一對情侶，男生在前面也就是主管外面，而女生就是后面的那一個標簽和他同對出現，只不過她主管內。相比男生會多一個,但是他們原本是一對啊，大家可以這樣記。這是我自己覺得的，你把他們放在一起在看一看，這和我說的可愛的表情包像不像，下面的也是這樣。先讓大家體會一下，發揮一下想象力。

…  

…  …  …

哈哈，有沒有覺得他們很可愛，看他們都對你笑呢。不鬧了，接下來就整理一下那些可愛的表情包都屬於哪個家族，以及專屬於它們的name.

二、HTML標簽之BASIC家族

…——他的名字是定義html文檔 

…——他的名字是標記文檔的信息…——他的名字是書寫頁面的標題

——他的名字是百變文檔樣式信息        這個最可愛了，他只是注釋所以有點不開心

三、HTML標簽之文本(text)家族

...

這個是標題字大小(h1~h6)，用來顯示字的大小，他有六個兄弟你懂的 … 看名字就知道這孩兒有強迫症，非要把文本內容居中，哈哈。

格式小家族(像警察一樣，規范着國家的文本格式)

…他的力氣很大，能把字體變粗。

…今天他沒睡醒，走路都是歪的，看把字都弄成斜體。

…他很細心，在文字的下面畫了一條線。

... or...她是警察，讓那些不規范的文字消失，是刪除線。

…她是老師，不同樣的方法加粗字體用於強調

_...淘氣下標

^...淘氣上標

• …

任性的萌妹紙,表示一個無序列表

1. …

蠢蠢的書呆子，表示一個有序列表…愛哭的人，表示一個列表項目

…這個厲害了，我的哥，他是超人表示 超鏈接.

..她是班長，用來組合行內元素，span的前后不會換行.

..他是一個魔法師，可以定義文本字體尺寸、顏色、大小.

他是孤獨的行者，表示換行。

…

表示段落

..

他是一個律師，表示塊級元素，div的前后會換行。

四、HTML標簽之picture家族

一個愛美麗的人

用來定義圖像，變幻出各種圖片。

五HTML標簽之table家族

他是一個主管，用來定義表格…他是願意沖鋒的小伙子，用來定義表頭行單元格…他有點內斂，用來定義表格中的行one、two、three…他是學習委員，用來定義表格中數據行單元

• 蘋果
• 香蕉
• 檸檬
• 桔子

他們是多胞胎，顯示的是他們一個種類，用來定義一個同類的列表以水果為例

六．HTML標簽之special家族

特殊符號說明

 空格

"          "

<               <

>>

&          &

分割線：

---

…定義供用戶輸入的 HTML表單定義框架集的窗口或框架

好了，這就是發揮我的想象力來給他們起的名字，其實有時候換一種角度就可以讓它變得很有趣，HTML那些可愛的表情包，大家一定舍不得忘記他們。當然這是他們的表面，以后跟我一起了解他們的內在吧也就是屬性咯。