Html是一種超文本標(biāo)簽語言,他并不是一種編程語言.
最基本的標(biāo)簽
我們使用編輯器創(chuàng)建html文件的時(shí)候通常都會(huì)給我們寫好一些代碼.
上圖中是html文件的基本標(biāo)簽,也就是說所有使用html便簽寫出的網(wǎng)頁,如果一層一層的剝?nèi)?最后就只會(huì)剩下這樣幾個(gè)標(biāo)簽.
<!DOCTYPE html>
我們從文字的意思上就可以看出來,這是聲明文件的類型是html文件,也就是說我們創(chuàng)建編輯的是html文件,這就跟txt,doc等文件一樣. 聲明必須是 HTML 文檔的第一行,<!DOCTYPE> 聲明不是 HTML 標(biāo)簽,它是指示 web 瀏覽器關(guān)于頁面使用哪個(gè) HTML 版本進(jìn)行編寫的指令.<!DOCTYPE html>只有在H5中這樣書寫,在其他版本的html中有不同的寫法.<html></html>
這一組便簽就是說我們要在這里面編寫html的文本.它告知瀏覽器其自身是一個(gè) HTML 文檔宴偿。<html> 與 </html> 標(biāo)簽限定了文檔的開始點(diǎn)和結(jié)束點(diǎn),在它們之間是文檔的頭部和主體.<head></head>
<head> 標(biāo)簽用于定義文檔的頭部,它是所有頭部元素的容器.<head> 中的元素可以引用腳本,指示瀏覽器在哪里找到樣式表诀豁、提供元信息等等.應(yīng)該把 <head> 標(biāo)簽放在文檔的開始處窄刘,緊跟在 <html> 后面,并處于 <body> 標(biāo)簽或 <frameset> 標(biāo)簽之前且叁。
上圖是百度網(wǎng)頁源碼中的head.
在head中通常會(huì)使用<title></title>標(biāo)簽來標(biāo)志頁面的標(biāo)題,可以添加網(wǎng)站的關(guān)鍵詞描述,已增加站點(diǎn)被搜索到的概率.
<meta>標(biāo)簽是一個(gè)自結(jié)束標(biāo)簽.其中有http-equiv為key,content為value的鍵值對(duì).http-equiv通常為content-type,而content指定文本的屬性為text/html,編碼方式charset,通常為gbk或者utf-8.
- <body></body>
文本的主要內(nèi)容就是在這里面編寫,顧名思義就是主體,也就是主要的部分. 它包含文檔的所有內(nèi)容(比如文本、超鏈接秩伞、圖像逞带、表格和列表等等。)
常用文本標(biāo)簽
<div></div>
這一對(duì)標(biāo)簽包含文檔的所有內(nèi)容(比如文本纱新、超鏈接展氓、圖像、表格和列表等等)瀏覽器通常會(huì)在 div 元素前后放置一個(gè)換行符.<h1></h1>
這對(duì)標(biāo)簽可定義標(biāo)題,<h1> 定義最大的標(biāo)題,<h6> 定義最小的標(biāo)題.字體以此減小.<p></p>
這對(duì)標(biāo)簽表示了一段的結(jié)束,在該標(biāo)簽結(jié)束之后會(huì)自動(dòng)換行.hr/
這是一個(gè)自結(jié)束標(biāo)簽,表示分割線<ol></ol>
表示html的有序列表,默認(rèn)是以數(shù)字開頭的.其中的每一項(xiàng)使用<li></li>來描述.<ul></ul>
與有序列表對(duì)應(yīng)的是無序列表,使用<ul>描述.列表中的每一項(xiàng)依然使用<li>來描述.br/
表示換行,與p標(biāo)簽不同的是該標(biāo)簽換行之后的行間距較小.<dl></dl>
這對(duì)標(biāo)簽用于主體和主體的描述.其中包括<dt></dt>表示被描述的主體,而<dd></dd>表示對(duì)主體的描述.<a></a>
用于描述超鏈接,其中的href屬性可以指定鏈接的地址.target屬性表示如何打開鏈接.target屬性通常用的值為_self,_blank,_top,_parent.<img>
描述圖片, src的表示資源的路徑. alt可以再圖片資源失敗的時(shí)候描述圖片.
文本的修飾
<strong> 可以加粗字體
<i>和<em>可以將字體變?yōu)樾斌w
表示下標(biāo)
表示上標(biāo)
一些字符
表示空格
? 企業(yè)標(biāo)識(shí)符
大于號(hào)
< 小于號(hào);
" 引號(hào)