HTML常用標(biāo)簽之格式標(biāo)簽
來源：程序員人生 發(fā)布時(shí)間：2015-04-02 08:10:08 閱讀次數(shù)：4156次
首先我們把HTML的經(jīng)常使用標(biāo)簽分為1下幾類: 格式標(biāo)簽, 文本標(biāo)簽, 超鏈接標(biāo)簽, 錨點(diǎn)標(biāo)簽, 圖象標(biāo)簽, "地圖"標(biāo)簽.
1. 格式標(biāo)簽
1. 作用: 用于定義網(wǎng)頁中的布局, 縮進(jìn), 位置, 換行列等等
2. 各屬性作用: <hr> <!-- 水平分割線 -->
<br> <!-- 換行 -->
<p></p> <!-- 段落 -->
<center></center> <!-- 居中 -->
<pre> <!-- 保存文字在源代碼中的格式 -->
<ul><li></li></ul><!-- 無序列表 -->
<ol><li></li></ol><!-- 有序列表 -->
3.代碼實(shí)例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf⑻" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description"content="Basic HTML5 App generated by MyEclipse Mobile Tools" />
<!-- 格式標(biāo)簽用于定義網(wǎng)頁中文本的布局, 縮進(jìn) , 位置, 換行列等等 -->
<title>格式標(biāo)簽</title>
<script type="text/javascript" src="rte/cordova.js"></script>
<script type="text/javascript" src="rte/rte.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<a href="Main.html">返回主頁</a>
<hr>
aaaaaaaaaaaa
bbbbbbbbbbbb
cccccccccccc
<hr> <!-- 水平分割線 -->
aaaaaaaaaaaa<br> <!-- 換行 -->
bbbbbbbbbbbb<br>
cccccccccccc<br>
<hr>
<p>ddddddddddd</p> <!-- 段落 -->
<p style="color: blue;">ddddddddddd</p>
<p align="center" style="color: green;">ddddddddddd</p>
<p>zzzzzzzzzzz</p>
<hr>
<center>居中顯示</center> <!-- 居中 -->
<hr>
eee fff ggg hhh
iii jjj kkk
<hr>
<pre> <!-- 保存文字在源代碼中的格式 -->
eee fff ggg hhh
iii jjj kkk
</pre>
<hr>
<!-- 無序列表 -->
<ul>
<li>列表項(xiàng)
<ul>
<li>項(xiàng)目1</li>
<li>項(xiàng)目2</li>
<li>項(xiàng)目3</li>
<li>項(xiàng)目4</li>
<li>項(xiàng)目5</li>
</ul>
</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>列表項(xiàng)
<ol>
<li>項(xiàng)目1</li>
<li>項(xiàng)目2</li>
<li>項(xiàng)目3</li>
<li>項(xiàng)目4</li>
<li>項(xiàng)目5</li>
</ol>
</li>
</ol>
</body>
</html>
生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)
