基礎(chǔ)標(biāo)簽
H系列標(biāo)簽（Header 1 ~ Header 6）
- 給文本添加標(biāo)題語(yǔ)義罕拂，被它包裹的內(nèi)容會(huì)獨(dú)占一行卧须，并且一個(gè)頁(yè)面只有一個(gè)h1標(biāo)簽
<h1>####</h1> 最大
<h2>####</h2>
<h3>####</h3>
<h4>####</h4>
<h5>####</h5>
<h6>####</h6> 最小
每個(gè)h5頁(yè)面只有一個(gè)h1標(biāo)簽
P標(biāo)簽
- 用來(lái)表示一個(gè)段落,也會(huì)獨(dú)占一行
<p>#####</p> - Hr標(biāo)簽（Horizontal Rule）
- 在瀏覽器顯示一條分割線
<hr />
Hr標(biāo)簽的注意點(diǎn)：
- 在瀏覽器顯示一條分割線
HTML 與 XHTML 之間的差異
在 HTML 中，<hr> 標(biāo)簽沒(méi)有結(jié)束標(biāo)簽痴晦。
在 XHTML 中南吮，<hr> 必須被正確地關(guān)閉，比如 <hr />誊酌。
在 HTML 4.01 中部凑，hr 元素的所有呈現(xiàn)屬性均不被贊成使用露乏。
在 XHTML 1.0 Strict DTD 中，hr 元素的所有呈現(xiàn)屬性均不被支持涂邀。
img標(biāo)簽
- 用來(lái)展示圖片的標(biāo)簽瘟仿，只需要在里面寫入圖片的名字，而且圖片必須在工程文件夾中比勉，或者制定文件路徑下劳较。
- 內(nèi)部屬性
- title : 鼠標(biāo)懸停圖片之上顯示什么
- alt : 告訴瀏覽器圖片找不到顯示什么
- width : 圖片的寬度（只要設(shè)置寬度，會(huì)自動(dòng)對(duì)片進(jìn)行拉伸顯示）
-
height : 圖片的高度
圖片的展示
圖片路徑問(wèn)題
br標(biāo)簽
- 作用：換行,表示沒(méi)有描述完的換行敷搪。并不是真正的換行
<br>
可以多寫幾個(gè)br標(biāo)簽 兴想，此標(biāo)簽在企業(yè)開(kāi)發(fā)一般很少使用，如果明確換行可以使用<p>標(biāo)簽赡勘。
a標(biāo)簽
- 作用 ： 控制頁(yè)面與頁(yè)面之間跳轉(zhuǎn)的
<a href="制定要跳轉(zhuǎn)的目標(biāo)">展示內(nèi)容</a>
<a href="#">此內(nèi)容點(diǎn)擊后會(huì)跑到頁(yè)面最上面</a>經(jīng)常我們看到網(wǎng)頁(yè)有回到頂部的按鈕
<a href="javascript">此內(nèi)容點(diǎn)擊后內(nèi)容不會(huì)跑</a> - 其他屬性：
target='_self'從當(dāng)前網(wǎng)頁(yè)調(diào)到目標(biāo)網(wǎng)頁(yè)嫂便，瀏覽器不保留當(dāng)前網(wǎng)頁(yè)
target='_blank'從當(dāng)前網(wǎng)頁(yè)新建窗口即目標(biāo)網(wǎng)頁(yè)窗口，瀏覽器保留當(dāng)前網(wǎng)頁(yè)
title=""鼠標(biāo)懸停時(shí)顯示的文本
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>a標(biāo)簽</title>
</head>
<body>
<a href="http://www.reibang.com/u/74372cf48f59">簡(jiǎn)書(shū)</a>
<a href="http://www.reibang.com/u/74372cf48f59">簡(jiǎn)書(shū)博客</a>
<a href="http://www.reibang.com/u/74372cf48f59"></a>
</body>
</html>
點(diǎn)擊圖片進(jìn)行跳轉(zhuǎn)的制作
- a標(biāo)簽的指定位置跳轉(zhuǎn)
每個(gè)標(biāo)簽內(nèi)部有一個(gè)id屬性闸与，可以通過(guò)ID屬性跳到相應(yīng)的位置
<a href="#two">跳Two</a> <p id="two">Two</p>
跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)中的指定位置
<a href="CreatHTML.html#Two">跳到CreatHTML文件的Two標(biāo)簽</a> - base 標(biāo)簽
- 作用 ： 讓頁(yè)面的標(biāo)簽遵守這個(gè)規(guī)則毙替，超鏈接如何打開(kāi)
<head>
<meta charset="UTF-8">
<title>a標(biāo)簽</title>
<base target="_blank">
</head>
列表標(biāo)簽
作用： 將一些數(shù)據(jù)進(jìn)行整合，告訴瀏覽器是一個(gè)整體.常見(jiàn)使用列表標(biāo)簽做導(dǎo)航條践樱，商品列表
-
分類：
- 無(wú)序列表（unordered list）
數(shù)據(jù)沒(méi)有先后之分- 格式
- 無(wú)序列表（unordered list）
<ul><li>需要顯示的條目?jī)?nèi)容</li></ul>
<h1 align="center">世界最后的國(guó)家是哪些</h1>
<ul>
<li>中國(guó) ：<t>自強(qiáng)</t></li>
<li>韓國(guó) ：<t>悲劇</t></li>
<li>印度 ：<t>神奇</t></li>
<li>美國(guó) ：<t>屌絲</t></li>
</ul>
設(shè)置它的樣式厂画，可以不帶小圓點(diǎn)
快捷方式：
`ul>li`按下Tab鍵就會(huì)直接幫助你創(chuàng)建ok
`ul>li*3>ul>li*4`試一下這個(gè)如何？
- 有序列表(ordered list)
有高低區(qū)別拷邢，排行榜. - 格式
<ol><li></li></ol>
<li>中國(guó)</li>
<li>美國(guó)</li>
<li>印度</li>
<li>歐洲</li>
</ol>
image.png
- 定義列表(definition list)
- 作用：用來(lái)定義列表袱院，通過(guò)
<dt>來(lái)定義列表中的標(biāo)題，使用<dd>來(lái)描述列表中的標(biāo)題瞭稼。一般用來(lái)制作尾部?jī)?nèi)容忽洛，圖文混排介紹 - 格式
<dl> <dt></dt> //定義列表中的標(biāo)題 <dd></dd> // 定義標(biāo)題的描述 </dl>
- 作用：用來(lái)定義列表袱院，通過(guò)
4 基礎(chǔ)標(biāo)簽的運(yùn)用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>雷潮</title>
<h1 align="center">歡迎關(guān)注優(yōu)酷：雷潮886</h1>
</head>
<hr>
<body>
<p>這是一個(gè)超級(jí)項(xiàng)目，由牛逼的人主導(dǎo)环肘。相信隨著時(shí)間的推移肯定會(huì)越來(lái)越成功 </p>
</body>
</html>
