三、Html常用標簽
來源：程序員人生 發布時間：2015-06-04 07:37:18 閱讀次數：3097次
<html>：html文檔的根元素，可以指定1個xmlns屬性，值只能是http://www/w3.org/1999/xhtml。
<body>：頁面主體部份
<head>：頁面開始部份
<style>：CSS定義
<h1>到<h6>：定義標題1到標題6。數字越大，顯示的標題越小
<p>：段落
<br />：換行
<hr />：水平線
<!-- -->：注釋
<div>：文檔中的節
<span>：也是文檔中的節
ok，html的經常使用標簽就是上面這些，有3個標簽<p><span><div>常常用到，他們都可以作為其他內容的容器。這里要注意他們之間的區分：
1，<span>不會換行，<div>和<p>都會換行，而且<p>段落與段落之間的默許間距更大。
2，<p>可以包括<span>，但是<span>不能包括<p>，但是<div>可以包括所有的東西，實際中<div>也使用最多。
以下是1份包括上面標簽的html：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Html基本標簽</title>
</head>
<body>
<!-- 標題1到標題6輸出文本 -->
<h1>林肯公園</h1>
<h2>林肯公園</h2>
<h3>林肯公園</h3>
<h4>林肯公園</h4>
<h5>林肯公園</h5>
<h6>林肯公園</h6>
<!-- 輸出換行 -->
<br />
<!-- 輸出1條水平線 -->
<hr />
<!-- 使用span定義3個節 -->
<span>不換行</span><span>不換行</span><span>不換行</span>
<!-- 使用div定義3個節 -->
<div>換行</div><div>換行</div><div>換行</div>
<!-- 使用p定義3個段落 -->
<p>換行</p><p>換行</p><p>換行</p>
</body>
</html>
<b>：粗體文本
<i>：斜體文本
<em>：強調文本
<big>：大號字體文本
<strong>：粗體文本
<small>：小號字體文本
<sup>：上標文本
<sub>：下標文本
<bdo>：定義文本的顯示方向。這個標簽可以指定dir屬性，該屬性值只能是ltr和rtl。
以下是1份包括上面標簽的html：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>文本格式化標簽</title>
</head>
<body>
<span><b>加粗的文本</b></span><br />
<span><i>斜體的文本</i></span><br />
<span><b><i>加粗的斜體文本</i></b></span><br />
<span><em>被強調的文本</em></span><br />
<span><big>大號字體文本</big></span><br />
<span><small>小號字體文本</small></span><br />
<span><strong>加粗的文本</strong></span><br />
<span>普通的文本<sup>上標文本</sup></span><br />
<span>普通的文本<sub>下標文本</sub></span><br />
<bdo dir="ltr">指定文本內容從左到右，left to right么</bdo><br />
<bdo dir="rtl">指定文本內容從右到左，right to left</bdo>
</body>
</html>
<a>：超級鏈接。頁面使用超鏈接，與網絡中的另外1個資源保持關聯，當用戶點擊頁面上的超級鏈接時，閱讀器會定義到該閱讀器鏈接所指的資源。關于這個標簽有2個屬性很重要：
href：指定超鏈接所關聯的另外一個資源。這里的屬性值可以是相對路徑，也能夠是絕對路徑。指定了這個屬性，超級鏈接位置上鼠標移過去就變成了手勢圖標了，而且字體也變色了。
target：指定使用框架集中的哪個框架來加載資源。1般有_self（本身），_blank（新窗口），_top（頂級框架），_parent（父框架）
注意：當href的屬性值指定的是絕對路徑時，屬性值就是1個URL。關于url不多說了，他的語法規范是：
scheme://host.domain:port/path/filename
<a>標簽還可以生成1個命名錨點。命名錨點用于在html中生成1個定位點，這模樣允許超級鏈接鏈接到指定頁面的該定位點。通俗點就是說要是沒有錨點的話每次頁面鏈接過去呢，都是在最上面開始顯示，假設1個頁面很長的話，那末我們就要自己去拖拉和轉動。定位了1個錨點呢，就是頁面1下子就跳到了指定的這個地方了，不用再拖拉頁面了。
比如<a name="linkin"> 這里的name屬性就是說該命名錨點的名稱
<a href="Linkin.html#linkin"> 這里就是說在url資源后指定了錨點名，錨點名和url資源之間用#隔開。
以下是1份包括上面標簽的html：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>超鏈接</title>
</head>
<body>
<a href="http://www.baidu.com">使用絕對路徑打開百度(自己的窗口)</a><br />
<a href="http://www.baidu.com" target="_blank">使用絕對路徑打開百度(新的窗口)</a><br />
<a href="Park.html">使用相對路徑打開自己的文件</a><br />
<a href="Park.html#linkin">直接定位到linkin錨點</a>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Park.html</title>
</head>
<body>
<h1>這里是另外的1個頁面</h1>
<hr />
<h1>這里是另外的1個頁面</h1>
<hr />
<a name="linkin">這里定義了1個錨點</a>
</body>
</html>
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
