HTML那些可爱的“表情包”
今天和大家一起來分享一下新學的HTML標簽，有人會問那什么是HTML呢？HyperText MarkupLanguage，是不是覺得太高大上了。它是超文本標記語言，標準通用標記語言下的一個應用。“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
?
?大家平常在各個瀏覽器所看到的網站就是通過這些最基礎的html標簽組成的，但是很多人說這些標簽太多太雜不好記，接下來我會以可愛的方式讓大家記住這些”表情包”。
?
說明：
1>HTML標記符不區分大小寫，表達的意思都是一樣的。
?
一．HTML基本結構
<html>
? <head>
???? <title>頁面的標題</title>
? <head>
? <body>
…網頁的正文{各種標簽}
????? </body>
</html>
?
不知道聰明的人發現了問題沒有，他們都是成對出現的，大家可以這樣記，成對出現的標簽就好像是一對情侶，男生在前面也就是主管外面，而女生就是后面的那一個標簽和他同對出現，只不過她主管內。相比男生會多一個</..>,但是他們原本是一對啊，大家可以這樣記。這是我自己覺得的，你把他們放在一起在看一看，這和我說的可愛的表情包像不像，下面的也是這樣。先讓大家體會一下，發揮一下想象力。
<html>…</html>?? <head>…</head>? <body>…</body>? <title>…</title>
哈哈，有沒有覺得他們很可愛，看他們都對你笑呢。不鬧了，接下來就整理一下那些可愛的表情包都屬于哪個家族，以及專屬于它們的name.
?
二、HTML標簽之BASIC家族
? <html>…</html>——他的名字是定義html文檔?<head>…</head>——他的名字是標記文檔的信息
? <body>...</body>——他的名字是顯示可見的頁面內容??? <title>…</title>——他的名字是書寫頁面的標題
? <style>…</style>——他的名字是百變文檔樣式信息?????? ?<!--…-->這個最可愛了，他只是注釋所以有點不開心
?
三、HTML標簽之文本(text)家族
<h1>...</h1>這個是標題字大小（h1~h6），用來顯示字的大小，他有六個兄弟你懂的
<center>…</center>看名字就知道這孩兒有強迫癥，非要把文本內容居中，哈哈。
?
格式小家族（像警察一樣，規范著國家的文本格式）
<b>…</b>他的力氣很大，能把字體變粗。
<i>…</i>今天他沒睡醒，走路都是歪的，看把字都弄成斜體。
<u>…</u>他很細心，在文字的下面畫了一條線。
?
<strike>...</strike>or<del>...</del>她是警察，讓那些不規范的文字消失，是刪除線。
?
<strong>…</strong>她是老師，不同樣的方法加粗字體用于強調
?
<sub>...</sub>淘氣下標
?
<sup>...</sup>淘氣上標
?
<ul>…</ul>任性的萌妹紙,表示一個無序列表?
<ol>…</ol>蠢蠢的書呆子，表示一個有序列表
<li>…</li>?愛哭的人，表示一個列表項目
<a?href=”…”>…</a>?這個厲害了，我的哥，他是超人表示?超鏈接.
?
<span>..</sapan>她是班長，用來組合行內元素，span 的前后不會換行.
?
<font>..</font>他是一個魔法師，可以定義文本字體尺寸、顏色、大小.
?
<br/>他是孤獨的行者，表示換行。?
?
<palign="center/left/right">…</p>表示段落
?
<div>..</div>他是一個律師，表示塊級元素，div 的前后會換行。
?
四、HTML標簽之picture家族
?
一個愛美麗的人
<imgsrc="url" width="寬度值"? height="高度值"alt="說明">用來定義圖像，變幻出各種圖片。
?
五HTML標簽之table家族
?
<table>…</table>?他是一個主管，用來定義表格
<th>…</th>?他是愿意沖鋒的小伙子，用來定義表頭行單元格
<tr>…</tr>?他有點內斂，用來定義表格中的行one、two、three
<td>…</td>?他是學習委員，用來定義表格中數據行單元
?
<ul>
?? <li>蘋果</li>
?? <li>香蕉</li>
?? <li>檸檬</li>
?? <li>桔子</li>
</ul> 他們是多胞胎，顯示的是他們一個種類，用來定義一個同類的列表以水果為例
?
六．HTML標簽之special家族
特殊符號?????? 說明
?????? 空格
??"????????? "
? <?????????????? <
> ???????? >
? &????????? &
?分割線：<hr>
?
<form>…</form>????定義供用戶輸入的?HTML?表單
<frame>?????????????????定義框架集的窗口或框架
?
?
好了，這就是發揮我的想象力來給他們起的名字，其實有時候換一種角度就可以讓它變得很有趣，HTML那些可愛的表情包，大家一定舍不得忘記他們。當然這是他們的表面，以后跟我一起了解他們的內在吧也就是屬性咯。
???
?
總結
以上是生活随笔為你收集整理的HTML那些可爱的“表情包”的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 打蚊子表情包_打蚊子表情包 - 打蚊子微
- 下一篇： SpringMVC：返回HTML页面