2015/3/11
HTML的基礎瞭解及基礎標籤的總結羅列
比起去每次都去W3C翻
不如自己存個txt之類
要用的時候查找一下
方便很多。
其中像 cologroup 這種跟CSS有關聯還沒有涉及所以沒有加上去。
特地來bolg備份。
<html ><html >
<body ></body >
<head ></head >
<p ></p > 段落
<h ></h > 標題
<a href = "www.baidu.com" > this is link</a >
超鏈接
<img src = "name.ipg" width=" " height = " " / > 圖片
<br/ > 換行
<h align = "center" >this is heding</h > 標題居中
<body bgcolor="yellow" text = ""> 背景顏色
<table > 表格
<hr/ > 水平線
<!-- This is a comment -- > 註釋
<b ></b > 黑體
<strong ></strong > 加粗
<big ></big > 加大
<em ></em > 突出
<i ></i > 斜體
<small ></small > 變小
<sub ></sub > 上標
<sup ></sup > 下標
<pre ></pre > 預格式文本,適
適合計算機代碼
——————————————————.
<code ></code >
定義計算機代碼
<kbd ></kbd >
定義鍵盤碼
<tt ></tt >
定義打字機代碼
<samp ></samp >
定義計算機代碼樣本
<var ></var >
定義變量
這些標籤常用於顯示計算機/編程代碼。 |
——————————————————.
<address ></address >(並不知道用什麼用用普通的寫法也能代替)寫地址
<abbr title="" >XXX</abbr > 或者<acronym title="" >XX<acronym >
鼠標移至縮略詞語上時,title 可用於展示表達的完整版本。
僅在 IE5或者 Netscape 6.2中有效。
<bdo dir = "rtl" ></bdo > 顯示翻轉字符串
<blockquote ></blockquote > 塊的引用
<q ></q > 短的引用
<del ></del > 刪除字效果
<ins ></ins > 插入字效果
<link ></link > 定義資源引用
<style ></style > 定義樣式定義
<link rel="stylesheet" type="text/css" href="mystyle.css" / >外部樣式表
——————————————
<style type="text/css" >
body {background-color: red}
p {margin-left: 20px}
</style >
內部樣式表
——————————————
<div ></div > 定義文檔中的節或區域(塊級)。
<span ></span > 定義文檔中的行內的小塊或區域。
<img border="num"/ > 產生不同粗細的圖像邊框
<a href="XXX" target="_blank" >XXX</a >
tagrget="_blank"該鏈接在新窗口中打開
<img src="" alt=""/ > alt圖片無法顯示時的替換文本
<body background="" > 背景圖片
<img src="" align="bottom/middle/top/left/right"/ >
圖片排列方式
<area shape="形狀" coords="座標" href="" target="" alt="" / >
定義圖像地圖中的可點擊區域。
<img src ="" ismap/ > 把圖像轉換成圖像映射
<table >具體
<table border="num" >
表格邊框大小
<tr ></tr > 表格中的行
<td ></td > 表格中的單元格
<td colspan="" > 合併單元格
<th ></th > 表格的表頭
<thead ></thead > 表格的頁眉
<thody ></thody > 表格的主體
<tfoot ></tfoot > 表格的頁腳
<col align="" > 定義用於表格列的屬性。
<ul ><li ></li >....</ul > 無序列表
<ol start="" ><li ></li >....</ol > 有序列表
<dl ><dt ><dd ><dd ></dt ></dl > 自定義列表
<div ></div > 塊級元素定義文檔中的分區或節
<span ></span > 組合文檔中的行內元素
<from ></from > 定義供用戶輸入的表單
<input type="" name=""/ > 輸入文本
<input type="password" name="password"/ >輸入密碼
<input type="radio" name="" value="" / > 單選按鈕
<input type="checkbox" name="" / > 複選框
<input type="button" value="" > 按鈕
<label ></label > 定義一個控制的
標籤
————————————————————————————————
<form name="input" action="html_form_action.asp" method="get" >
<input type="submit" value="Submit" / >
</form >
動作屬性和確認按鈕
————————————————————————————————
<from >
<select name="" selected="" >
<option value="" ><.option > 定義下拉列表中的選項
</select >
</from >
<optgroup ></optgruop > 定義選項組
下拉列表
<textarea rows="" cols="" > 文本域
<fieldset ></fieldest > 數據周圍繪製一個帶標題的框
<legend ></leernd > 定義域的標題
<form action="" method="" enctype="text/plain" >
目標地址,發送方式,文件類型
<input type="submit" value="發送" >
<input type="reset" value="重置" >
<frameset cols="" > 垂直框架
<frame src=""/ >
</framset >
<frameset rows=""/ > 水平框架
<noframes >
<body >您的瀏覽器無法處理框架!</body >
</noframes >
<frame src="" name="showframe" > 導航框架
<iframe src="" ></iframe > 內聯框架
<frame src="XXX.html#CXXX" > 跳轉至框架內的一個指定的節
<iframe src="URL" width="" height="" frameborder=" ></iframe >
用於在網頁內顯示網頁。 framborder 邊框大小
<iframe src="" name="XXX" ></iframe >
<p ><a href="" target="XXX" >xx</a ></p >
iframe 可用作鏈接的目標(target)。
鏈接的 target 屬性必須引用 iframe 的 name 屬性
顏色 英文 W3C 的 HTML4.0 標準所支持。它們是:aqua, black, blue,
fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver,
teal, white, yellow。