更新時(shí)間:2017-06-30 來(lái)源:黑馬程序員PHP培訓(xùn)學(xué)院 瀏覽量:
html簡(jiǎn)介
HyperText Markup Language
超文本標(biāo)記語(yǔ)言
超文本
能夠表達(dá)更豐富的內(nèi)容(相對(duì)于普通文本)
標(biāo)記:標(biāo)識(shí)符號(hào),就是html中的標(biāo)簽
語(yǔ)言
不是編程語(yǔ)言,就是html標(biāo)簽的描述
瀏覽器來(lái)翻譯html代碼
網(wǎng)頁(yè)擴(kuò)展名
.html .htm
HTML文檔結(jié)構(gòu)
HTML框架基本構(gòu)架
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
解釋:
帶<>的都叫標(biāo)簽
html: 指明當(dāng)前的文檔的類型,是一個(gè)網(wǎng)頁(yè)
head是網(wǎng)頁(yè)頭部 包括網(wǎng)頁(yè)的相關(guān)信息,基本設(shè)置,其中title網(wǎng)站的標(biāo)題就在里面。
body:在瀏覽器的看到的內(nèi)容。
html標(biāo)簽分類
雙標(biāo)簽 <font>HTML</font>,有開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽(標(biāo)記)
單標(biāo)簽 <br />
標(biāo)簽書(shū)寫(xiě)規(guī)范
所有的標(biāo)簽都在< >中
所有的標(biāo)簽都有開(kāi)始和結(jié)束,即使是單標(biāo)記也要結(jié)束
<br /> 強(qiáng)制換行
<img /> 圖片標(biāo)記
所有的標(biāo)簽和屬性及值小寫(xiě)
標(biāo)簽和屬性,屬性與屬性之間有空格
屬性值必須有加引號(hào)(單引號(hào)或雙引號(hào)都可以)
屬性必須有值
屬性可寫(xiě)可不寫(xiě)
標(biāo)簽與標(biāo)簽之間正確嵌套(標(biāo)簽不可交叉嵌套)
標(biāo)簽格式
<開(kāi)始標(biāo)簽 屬性1=”值1” 屬性2=”值2” 屬性n=”值n”>控制的內(nèi)容</開(kāi)始標(biāo)簽>(雙標(biāo)簽格式)
<開(kāi)始標(biāo)簽 屬性1=”值1” 屬性2=”值2” 屬性n=”值n” 空格/>(單標(biāo)簽格式)
<開(kāi)始標(biāo)簽 空格/>(單標(biāo)簽格式)
html注釋
<!--注釋內(nèi)容-->
注釋的內(nèi)容在html頁(yè)面中是無(wú)法看到的,但是可以在頁(yè)面源代碼中發(fā)現(xiàn)
代碼實(shí)現(xiàn):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/align][align=left]<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head>
<body>
HTML注釋
<!--這段文字是看不見(jiàn)的-->
</body>
</html>
文本的修飾
屬性:
Color(顏色):red,blue,green,yellow,gray,pink等
Size(大小):值(1-7),默認(rèn)值:3
字體最大尺寸為7,若比7大,則默認(rèn)為7。字體默認(rèn)尺寸為3,當(dāng)出現(xiàn)對(duì)尺寸的加減時(shí),就是對(duì)3進(jìn)行加減