HTML 常用標籤

來自:http://zhidao.baidu.com/link?url=CqNsJrVh3LTVK0Tt_gaHBKmdTzbrGc2HLrN72jl_8qi_viGrC3B8O56uF6sdeKL0Dh9HUp-UMJwv6lmBiIgSyK
1、文本標籤(命令)
<pre></pre>         創建預格式化文本
<h1></h1>          創建最大的標題
<h6></h6>          創建最小的標題
<b></b>           創建黑體字
<i></i>           創建斜體字
<tt></tt>          創建打字機風格的字體
<cite></cite>        創建一個引用,通常是斜體
<em></em>          加重一個單詞(通常是斜體加黑體)
<strong></strong>      加重一個單詞(通常是斜體加黑體)
<font size=?></font>     設置字體大小,從 1 到 7
<font color=?></font>    設置字體的顏色,使用名字或十六進制值 
2、圖形(命令)
<img src="name">       添加一個圖像
<img src="name" align=?>   排列對齊一個圖像:左中右或上中下
<img src="name" border=?>  設置圍繞一個圖像的邊框的大小
<hr>             加入一條水平線
<hr size=?>         設置水平線的大小(高度)
<hr width=?>         設置水平線的寬度(百分比或絕對像素點)
<hr noshade>         創建一個沒有陰影的水平線 

3、鏈接(命令)
<a href="URL"></a>      創建一個超鏈接
<a href="mailto:EMAIL"></a> 創建一個自動發送電子郵件的鏈接 
<a name="NAME"></a>     創建一個位於文檔內部的靶位 
<a href="#NAME"></a>     創建一個指向位於文檔內部靶位的鏈接 

4、格式排版(命令)
<p>             創建一個新的段落
<p align=?>         將段落按左、 中、 右對齊
<br>             插入一個回車換行符
<blockquote></blockquote>  從兩邊縮進文本
<dl></dl>          創建一個定義列表
<dt>             放在每個定義術語詞之前
<dd>             放在每個定義之前
<ol></ol>          創建一個標有數字的列表
<li>             放在每個數字列表項之前,並加上一個數字
<ul></ul>          創建一個標有圓點的列表
<li>             放在每個圓點列表項之前,並加上一個圓點
<div align=?>        一個用來排版大塊HTML 段落的標籤,也用於格式化表 

二、HTML基本語法

文件格式<html></html>(文件的開頭與結尾)
主題<title></title>(放在文件的開頭)
文頭區段<head></head>(描述文件的信息)
內文區段<body></body>(放此文件的內容)
標題<h?></h>(?=1~6,改變標題字的大小)
標題對齊<h align=right,left,center></h>
字加大<big></big>
字變小<small></small>
粗體字<b></b>
斜體字<i></i>
底線字<u></u>
上標字<sup></sup>
下標字<sub></sub>
居中<center></center>
居左<left> </left>
居右<right> </right>
基本字體大小<basefont size>(取值範圍從1到7,默認值爲3)
改變字體大小<font size=?></font>(?=1~7)
字體顏色<font color=#rrggbb></font>(RGB色碼)
指定字型<font face=?></font>(?=宋體,楷體等)
網址鏈結<a href="URL"></a>
設定錨點<a name="?"></a>(?以容易記爲原則)
鏈結到錨點<a href="#?"></a>(同一份文件)
<a href="URL#?"></A>(錨點不同文件)
顯示圖形<img src="URL"></a>
圖形位置<img src="URL" align=top,bottom,middle,left,right>(分別爲上、下、中、左、右的位置)
圖形取代文字<img src="URL"alt=?>(無法顯示圖形時用)
圖形尺寸<img src="URL" width=? height=?>(?以像素爲單位)
連結圖形邊線<img src="URL"border=?>(?以像素爲單位)
圖形四周留白<img src="URL"hspace=? vspace=?>(?以像素爲單位)
段落<p></p>
斷行<br></br>
橫線<hr>
橫線厚度<hr size=?>(?以像素爲單位)
橫線長度<hr width=?>(?以像素爲單位)
橫線長度<hr width=?%>(?與頁寬相比較)
實橫線<hr noshade>(無立體效果)
背景圖案<body background=圖形文件名>(圖形文件格式爲gif和jpg)
背景顏色<body bgcolor=#rrggbb>(RGB色碼)
背景文字顏色<body text=#rrggbb>(RGB色碼)
未鏈結點顏色<body link=#rrggbb>(RGB色碼)
已鏈結點顏色<body vlink=#rrggbb>(RGB色碼)
正在鏈結點顏色<body alink=#rrggbb(RGB色碼)

三、具體在做html文件前,我們還有哪些需要做的:

1、網頁圖象一般有什麼要求?
  受網絡傳輸速度制約,圖象要儘量小。一般每幅最大不要20K。
圖象格式一般爲gif和jpg兩種。通常單調的可以考慮使用gif壓縮。用jpg處理照片比較合適,因爲裏面包含許多色彩的緩和變化。不管是哪種,做好後都應壓縮以給圖片減肥,但不要壓得太多而失真。壓縮可用JPEG Optimizer或Image Optimizer兩種工具,若用photoshop5.5做的圖象,保存時直接用Save For Web可進行壓縮。另外,Gif格式可作成動畫。

2、選擇圖片的網絡存儲空間
  建議各位賣家們事先可以找一個穩定的空間來存放你的圖片,以確保你的買家隨時可以看到精美漂亮的商品。注意:不要把圖片存放在免費相冊裏,因爲這些相冊的路徑一般都是虛擬的,每一次瀏覽的URL都會改變,這對我們賣家來說是非常不好的。
另外要注意的一點是:有一些買家反映看到的賣家商品的圖片是小叉叉,這是因爲一些賣家在用HTML粘貼圖片的時候把自己電腦中C盤或者D盤(也就是本地路徑)的圖片的路徑直接直接複製在命令中,這樣就會造成賣家自己可以看到這些圖片而你的買家們看到的則是叉叉!所以賣家們在用HTML製作圖片的時候一定要注意不要用本地路徑直接粘貼圖片! 

四、練習的例子:(紅色字體部分即可修改成你自己的自定義)

第一:用HTML來插入一個圖片,
<img src="http://www.cyberhome.cn/images/girl/PLMM_A.jpg">

Key: 

第二:用HTML來插入一個URL,
<a href="http://www.cyberhome.cn/images/girl/PLMM_F.jpg">點擊我進入</a>

Key:點擊我進入

第三:插入url的同時,插入圖片,點擊圖片就可以進入這個url,如做一個插入網園淘藝坊的圖片鏈接代碼: <a href="http://taobao.cyberhome.cn/"><img src="http://www.cyberhome.cn/images/girl/PLMM_C.jpg"></a>

Key: 

第四:插入一段音樂
高山流水:<embed src="http://www.cyberhome.cn/images/hill-water.mid" width="72" height="25" autostart="false" loop="1" align="absmiddle" controls="smallconsole/playbutton/pausebutton/stopbutton"></embed>

Key: 

何日君再來:<a href="http://202.108.23.172/m?ct=134217728&tn=baidumt, 何日君再來 &word=mp3, http://lib.jiutai.org/longresdemo/fWJjZGVmZ2hhYmVlbWhpbjE$.mp3,, [%BA%CE%C8%D5%BE%FD%D4%D9%C0%B4]&si = %BA%CE%C8%D5%BE%FD%D4%D9%C0%B4;; %B5%CB%C0%F6%BE%FD&lm = 16777216">何日君再來</a>
Key:
何日君再來
發佈了90 篇原創文章 · 獲贊 10 · 訪問量 16萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章