Html的一些常用標籤

HTML的一些常用標籤

body 屬性: bgcolor背景顏色 background背景圖片  text文本顏色 link鏈接文本顏色 vlink訪問過的文本顏色 leftmargin左邊界 rightmargin右邊界  topmargin上邊界  bottommargin下邊界
font 屬性 color文本顏色 size字的大小 face字體
字符格式:
功能   標記
加粗 <b>文本</b>
傾斜 <i>文本</i>
加強語氣(加粗) <strong>文本</strong>
加強語氣(傾斜) <em>文本</em>
下劃線 <u>文本</u>
刪除線 <s>文本</s>
上標 <sup>文本</sup>
下標 <sub>文本</sub>
<hr/> 屬性:size像素  以數字表示,屬性值越大,線越粗
     width 百分比  相對設置,長度會隨着視窗寬度而改變
像素 絕對設置,長度不會隨着視窗寬度而改變
     noshade="noshade"實體線
<h1>—<h6>標題字體大小依次減少  align表示位置---center
在XHTML中,所有的標籤都必須要用屬性值,如果沒有,使用屬性名
如:<hr noshade="noshade"/>
引用塊:使用文本縮進
<blockquote></blockquote> 屬性cite ="url"--被引用的地址
<pre></pre>預格式化 表示計算機的源代碼
在html文檔中使用特殊字符
特殊字符 轉義碼
空格 &nbsp
版權號 &copy
註冊商標 &reg
&quot
& &amp
< &lt
> &gt
列表標記


1、無序列表<ul></ul>
disc 實心圓 circle空心圓 square實心矩形
語法 <ul type="項目符號類型">
<li type="項目符號類型">內容1</li>
<li type="項目符號類型">內容2</li>
...
     </ul>
2、有序列表<ol type="屬性值">
start="列表起點"---裏面是阿拉伯數字
屬性值
1  表示1、2、3、4...阿拉伯數字表示
a  表示小寫字母a、b、c、d....
A  表示大寫字母A、B、C、D....
i  表示 i、ii、iii
l  表示l、ll、lll
</ol>


3、定義列表自定義
語法
<dl>
     <dt>標題1</dt>
     <dd>內容1</dd>
     <dd>內容2</dd>
     <dt>標題2</dt>
     <dd>內容1</dd>
     <dd>內容2</dd>
</dl>
<dt></dt>表示一個項目
<dd></dd>表示一個項目下的更詳細的內容
圖片標記
<img src ="圖片的路徑"/>
<!--圖片與網頁在同一個文件夾內-->
<img src ="01.jpg">
<!--圖片所在的文件與網頁在同一個文件夾內-->
<img src ="pic\01.png">
<!--圖片所在的文件夾與網頁所在的文件夾在同一文件夾,即圖片在網頁的上一層-->
<!--../表示返回上一層-->
<img src ="..\01.png">


表格基本結構:
<table></table>-定義表格  屬性有width寬度
<tr></tr>-定義錶行
<td></td>-定義表列(單元格)之間沒有內容時,默認,是不顯示邊框,如果想看到,加個&nbsp
<th></th>-定義標題欄(文字加粗,居中)

標籤bgsound可以在網頁中插入音樂

標籤embed可以在網頁中插入視頻(只支持mp3.mp4格式)

標籤<a>超鏈接標籤可用來鏈接圖片,網頁,文檔

錨的用法:

<a href="#標籤">要鏈接的文字</a>

<a name="標籤">顯示出現的文字</a>

<name> 創建書籤  targel=" _blank"打開新的書籤


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章