HTML(Hyper Text Markup Language) 超文本標(biāo)記語(yǔ)言
Markup-標(biāo)記,標(biāo)簽,元素
使用開(kāi)發(fā)工具:Hbuilder
文件-新建-項(xiàng)目
右鍵項(xiàng)目-新建-7.HTML文件
Ctrl+s保存
運(yùn)行--運(yùn)行到瀏覽器--Chrome
HTML的基本結(jié)構(gòu):
<!DOCTYPE html>//代表HTML第五代標(biāo)準(zhǔn)
<html>
????<head>
????????<meta charset="utf-8">
????????<title>東軟睿道</title>
????</head>
????<body>
? ? ? ? 產(chǎn)業(yè)融于教育
????</body>
</html>
用? tab 體現(xiàn)標(biāo)記間的包含關(guān)系
標(biāo)記
HTML代碼是由很多標(biāo)記和標(biāo)記中的文字內(nèi)容組成的
HTML標(biāo)簽的組成:
1.通常成對(duì)出現(xiàn)，在開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽之間的文本是內(nèi)容
2.大小寫無(wú)關(guān)椿猎，<b>和<B>表示的意思是一樣的,建議小寫
3.標(biāo)記的名字是規(guī)范定義好的胶坠，不允許發(fā)明創(chuàng)造
HTML標(biāo)記 （HTML Tag）
1.告訴瀏覽器如何顯示內(nèi)容
2.兩端有兩個(gè)包括字符：“<”和“>”，如<html>，<body>
3.編程語(yǔ)言中出現(xiàn)的所有標(biāo)點(diǎn)符號(hào)都必須是英文(大小寫無(wú)關(guān))
標(biāo)記的種類:
1.成對(duì)出現(xiàn)的標(biāo)簽袍患。前一個(gè)標(biāo)簽為開(kāi)始標(biāo)記音诫，后一個(gè)標(biāo)記? ?為結(jié)束標(biāo)記
? 實(shí)際上控制中間內(nèi)容的顯示 <body>內(nèi)容</body>
2.單標(biāo)記，如<hr/> 也可以 <hr>? ? (推薦使用<hr/>)
? 實(shí)際上自帶顯示效果揖赴，不需要內(nèi)容
標(biāo)記種類:
文檔主體標(biāo)簽：<body>…</body>
????所有要顯示的頁(yè)面元素都包含在body內(nèi)
居中標(biāo)簽：<center>...</center>
????設(shè)置標(biāo)記中文本或者圖像居中顯示
注釋：<!-- … -->
????瀏覽器中不顯示注釋內(nèi)容,快捷鍵Ctrl+/
????<!-- 本句不會(huì)顯示在瀏覽器中 -->
各級(jí)標(biāo)題標(biāo)簽:<h1>一級(jí)標(biāo)題</h1>
? ? ? ? ? ? ? ? ? ? ? ?<h2>二級(jí)標(biāo)題</h2>
????????????????????????<h3>三級(jí)標(biāo)題</h3>
????????????????????????<h4>四級(jí)標(biāo)題</h4>
????????????????????????<h5>五級(jí)標(biāo)題</h5>
????????????????????????<h6>六級(jí)標(biāo)題</h6>
段落標(biāo)簽 :<p>...</p>
換行標(biāo)簽: <br/>
?水平線標(biāo)簽 :<hr/>
圖片標(biāo)簽:<img>
? ? ? ? ? ? <img_src="圖片鏈接">
超鏈接標(biāo)簽:<a>...</a>
? ? ? ? ? ? <a href="鏈接">
加粗標(biāo)簽:<strong>...</strong>
斜體標(biāo)簽:<em>...</em>
表示地址:?
列表的分類:
1.無(wú)序列表? ?<ul>...</ul>
<ul type="符號(hào)形狀">
<li>...</li>
<li>...</li>
</ul>
公式:ul>li*3,再摁tab鍵生成代碼
屬性type
2.有序列表:<ol>...</ol>
<ol>
<li>...</li>
</ol>
3.定義列表<dl>...</dl>
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
公式:dl>(dt+dd)*3
字符實(shí)體:
1.空格:?
2.人民幣符號(hào):¥
標(biāo)記屬性
1.標(biāo)記可以擁有屬性馆匿，來(lái)具體描述標(biāo)記的特征
2.屬性能夠?yàn)轫?yè)面上的HTML元素提供附加信息
3.屬性是附加給HTML元素的開(kāi)始標(biāo)記的
4.屬性通常由屬性名和屬性值成對(duì)出現(xiàn)，
形式為name=“value”? ?屬性名="屬性值"
