1、b標籤:粗體,雙標籤,例如<b>html</b>
2、i標籤:斜體,雙標籤,例如<i>html</i>
3、del標籤:刪除線,雙標籤,例如<del>html</del>。注意:s和strike標籤也能實現,但是已經過時了。
4、p標籤:段落標籤,雙標籤,p標籤只有一個align屬性
注意:不建議使用align屬性,推薦使用text-align樣式代替,CSS 語法:<p style="text-align:right">內容</p>
5、hr標籤:水平線標籤,單標籤,其屬性有color(水平線顏色)、noshade(設定水平線的顏色爲純色,而不是有陰影的顏色)、size(水平線高度,單位:像素)、width(水平線寬度,單位:像素或%)以及align
6、hn標籤:標題標籤,雙標籤,n的值爲1~6,其中<h1></h1> 定義最大的標題;<h6></h6> 定義最小的標題;只有一個align屬性其值和p標籤align屬性一樣,但不建議使用該align屬性,推薦使用text-align樣式代替,其使用方法和值參見p標籤。
7、img標籤:圖像標籤,單標籤,該標籤有src屬性(圖片URL)和alt屬性(圖片不存在時的替代文本)兩個必需的屬性,還有一些其它屬性
8、a標籤:超鏈接標籤,雙標籤
下面例子爲對上述標籤的練習:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="https://www.so.com/s">
<b>加粗</b><br />
<i>斜體</i><br />
<del>文本刪除</del><br />
<b>
<p style="text-align: center;">文本居中</p>
</b>
<!--跳轉----a標籤-->
<a href="http://www.baidu.com" target="_blank">百度一下</a><br />
<!--圖片-->
<img src="HBuilder.png" width="120px" height="50px" alt="picture" /><br />
<!--標題-->
<h1 align="center">標題1</h1>
<h2 align="center">標題2</h2>
<h3 align="center">標題3</h3>
<h4 align="center">標題4</h4>
<h5 align="center">標題5</h5>
<h6 align="center">標題6</h6>
<p align="center"> 興唐IT</p>
<hr size="30px" noshade="noshade" color="aqua" width="1200px" align="center" />
<ol type="a">
<li>111111</li>
<li>222222</li>
<li>333333</li>
</ol>
<ul type="circle">
<li>11111111111111111</li>
<li>22222222222222222</li>
<li>33333333333333333</li>
</ul>
</body>
</html>
9、ol標籤:有序列表標籤,即ordered list,雙標籤,有type和start兩個屬性:type用於指定ol子標籤li的編號類型,默認爲數字,可以是字母、阿拉伯數字或羅馬數字;start用於指定ol子標籤li序號起始點,默認爲1,必須爲整形數字。
10、ul標籤:無序列表標籤,即unordered list,雙標籤,有type屬性,該屬性用於指定ul子標籤li的編號類型,默認爲實心圓,其值可以爲disc(實心圓● )、circle(空心圓○ )、square(實心方塊■ );
下例爲自己編寫的做作業的解答:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="https://www.so.com/s">
<!--有序目錄1-->
<h3><b>圖書分類</b></h3>
<ol type="A">
<li>小說</li>
<li>文藝</li>
<ol type="a">
<li>文學</li>
<li>傳記</li>
<li>藝術</li>
<li>攝影</li>
</ol>
<li>勵志/成功</li>
<ol type="a">
<li>職場</li>
<li>成功</li>
<li>人際</li>
<li>心靈脩養</li>
</ol>
<li>童書</li>
<ol>
<li>0-2</li>
<ol type="i">
<li>數字</li>
<li>圖形</li>
<li>圖畫</li>
</ol>
<li>3-6</li>
<li>7-10</li>
<li>11-14</li>
</ol>
<li>生活</li>
<li>人文社科</li>
<li>經管</li>
<li>科技</li>
<li>教育</li>
<li>其他</li>
</ol>
<!--分界線-->
<hr size="10px" noshade="noshade" color="cornflowerblue" />
<!--混合目錄2-->
<h3><b>圖書分類</b></h3>
<ol type="A">
<li>小說</li>
<li>文藝</li>
<ul type="disc">
<li>文學</li>
<li>傳記</li>
<li>藝術</li>
<li>攝影</li>
</ul>
<li>勵志/成功</li>
<ul type="disc">
<li>職場</li>
<li>成功</li>
<li>人際</li>
<li>心靈脩養</li>
</ul>
<li>童書</li>
<ul type="disc">
<li>0-2</li>
<ul type="square">
<li>數字</li>
<li>圖形</li>
<li>圖畫</li>
</ul>
<li>3-6</li>
<li>7-10</li>
<li>11-14</li>
</ul>
<li>生活</li>
<li>人文社科</li>
<li>經管</li>
<li>科技</li>
<li>教育</li>
<li>其他</l
</ol>
</body>
</html>