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那些可爱的“表情包”的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 打蚊子表情包_打蚊子表情包 - 打蚊子微
- 下一篇: matlab行距,Matlab cdfp