1. body中的相關標簽
1.1 標題標簽：hn
HTML提供<hn>系列標簽，用于修飾標簽，包含：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>，<h1>定義最大的標題，<h6>定義最小的標題，
例如：
<html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 標題標簽 --> <h1>小灰灰</h1> <h2>小灰灰</h2> </body> </html>
1.2 水平線標簽：hr
<hr/>：標簽在HTML頁面中創建一條水平分隔線，用于 定義內容中的主體變化，
size屬性：水平線的高度，單位像素，
noshade屬性：沒有陰影，取值，noshade，表示顯示純色，
例如：
<html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 水平線 --> <hr /> <hr size="5" /> <hr noshade="noshade" /> </body> </html>
1.3 字體標簽：font
<font>：用于設定字體尺寸、字體顏色等，
size屬性：設定字體的大小，可能的值：從1到7的數字，瀏覽器默認值是3，
color屬性：設定字體的顏色，
顏色的取值：#xxxxxx或colorname
#xxxxxx表示使用紅綠藍三原色設定顏色，
紅綠藍分別取值：00--ff，此處使用16進制，(ff就是十進制的255)
#000000 黑色，#ffffff 白色
#ff0000 紅色，#00ff00 綠色，#0000ff藍色
紅綠藍2位取值相同可以省略成1位，例如：#112233簡化成#123
colorname使用英文單詞確定顏色，red紅色，blue藍色，green綠色
例如：
<html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 字體--> <font size="7">我最大</font> <font color="#ff0000">我最紅</font> <font color="blue">我最藍</font> </body> </html>
1.4 格式化標簽：b、i
<b>：粗體，
<i>：斜體，
例如：
<html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 格式化--> <b>粗體</b> <i>斜體</i> </body> </html>
1.5 段落標簽：p、br
<p>：定義段落，p標簽會自動在其前后創建一些空白，
<br/>：插入單個換行，
例如：
<html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 段落--> <p>我是段落1</p> <br /> <p>我是段落2</p> </body> </html>
1.6 圖片標簽：img
<img>：在html頁面中參考一張圖片，
src：指定需要顯示圖片的URL（路徑），
alt：圖片無法顯示時的替代文本，
width：設定影像的寬度，
height：定義影像的高度，
實體：
<html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 顯示圖片 --> <img src="img/1.jpg" alt="我躲起來了" width="200px" height="200px" title="滑鼠移上顯示"/> <img src="img/0.jpg" alt="我躲起來了" width="200px" height="200px" title="滑鼠移上顯示"/> </body> </html>
1.7 串列標簽：ul、ol
<ol>：定義有序串列，
type：串列型別，取值：A、a、I、i、1等，
<ul>：定義無序串列，
type：符號的型別，取值：disc 實心圓、square 方塊、circle 空心圓，
<li>：定義串列項，是<ul>或<ol>的子標簽，
例如：
<html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 串列標簽 --> <ul type="circle"> <!-- 以“空心圓”顯示無序串列 --> <li>無序</li> <li>無序</li> <li>無序</li> </ul> <ol type="I"> <!-- 以大寫阿拉伯數字顯示序號 --> <li>有序</li> <li>有序</li> <li>有序</li> </ol> </body> </html>
1.8 超鏈接標簽：a
<a>：標簽是超鏈接，是在html頁面提供一種可以訪問其他位置的實作方式，
href：用于確定需要顯示頁面的路徑（URL），
target：確定以何種方式打開href所設定的頁面，常用取值：_blank、_self等，
_blank：在新視窗中打開href確定的頁面，
_self：默認，使用href確定的頁面替換當前頁面，
例如：
<html> <head> <meta charset="utf-8"/> <title></title> </head> <body> <!-- 超鏈接 --> <a href="http://www.baidu.com" target="_self"> 訪問百度，以默認方式打開 </a><br /> <a href="http://www.cnblogs.com" target="_blank"> 訪問博客園，以新視窗方式打開 </a><br /> </body> </html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/102353.html
標籤：Html/Css