HTML是HyperText Markup Language,也就是超文本標記(Markup)語言的縮寫尖昏。
所謂的超文本標記語言赖歌,也就是用標記(Markup),也就是標簽芜壁,來定義不一樣內容的語言礁凡。(我也不知道為啥Markup被翻譯成標記又被翻譯成標簽高氮,總之這翻譯官讓初學者都很困擾)
所以每一個HTML,都是以html標簽開始和結束的顷牌。
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
</body>
</html>
如上面的那行代碼剪芍,在尖括號<和>中的就是標簽。
第一行的<!doctype html>被稱為dtd文檔或者文檔頭窟蓝,規(guī)定瀏覽器該用html5的版本解釋這個html文檔罪裹。它實際上不屬于正文內容,不需要太深刻的探究运挫。
每個html文檔的正文內容都從<html>開始状共,到</html>結束,其中又包含了<head></head>和<body></body>這兩對標簽谁帕。
head標簽的顧名思義是頭部峡继,它是給瀏覽器和服務器閱讀的,其中的內容并不會被體現(xiàn)在網頁上匈挖,涉及到很多亂七八糟細節(jié)知識碾牌,對于UI來說唯一有價值的就是如下的一句
<meta charset="utf-8" />
它唯一的作用就是讓網頁顯示中文的時候不會出現(xiàn)亂碼。
(meta=元語言关划,charset=character set=字符設置)
這里不去解釋它的來由小染,只要會用可以了翘瓮。
body
body標簽內是一個頁面最核心的部位贮折,這中間所寫的所有東西都會變成頁面上能看到的不同內容,或者稱為不同元素资盅。
讓我們用一個最簡單的標簽開始一個頁面內容调榄,
<p>1234567</p>
<p>1234567</p>
像上例這樣有始有終,成雙成對的標簽被稱為雙標簽呵扛。
(雙標簽一定要用帶有反斜桿/的閉合標簽閉合)
常見的標簽有:
h1,h2,h3,h4,h5,h6——head每庆,標題標簽,用來表示頁面的各級標題今穿,其中h1最大并有網站名的含義缤灵,h6最小。
<h1>一級標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3>
<h4>四級標題</h4>
<h5>五級標題</h5>
<h6>六級標題</h6>
(h1標簽在任何一個正規(guī)頁面中蓝晒,理論上必須存在而且只能存在一個)
p——paragraph腮出,段落標簽,段落標簽內一般只有文字和表示文字內容的標簽(如:span芝薇,strong胚嘲,em之類的標簽)。
<p>起來饑寒交迫的努力洛二,起來全世界受苦的人</p>
div——division馋劈,區(qū)塊標簽攻锰,萬能標簽,沒有語義(標簽的內容不解釋為具體的東西)妓雾,它本事就只作為結構使用娶吞。
<div>起來饑寒交迫的努力,起來全世界受苦的人</div>
a——超鏈接標簽械姻,用于給內容添加跳轉寝志,href指的是超鏈接的路徑,a標簽可以包含任何標簽策添,但是不能包含另一個a標簽
<a >點這里跳轉到百度百度</a>
<a >點這里跳轉到百度百度</a>
基礎內容就介紹的這里材部,下面的鏈接是各種標簽的參考手冊:
<a >w3cschool</a>