HTML语言语法大全

2015-8-31来源:CSS教程人气:796

HTML语言语法大全

(文章转载至博客园 dodo-yufan)

<! - - ... - -> 註解<!> 跑馬燈<marquee>...</marquee>普通捲動<marquee behavior=slide>...</marquee>滑動<marquee behavior=scroll>...</marquee>預設捲動<marquee behavior=alternate>...</marquee>來回捲動<marquee direction=down>...</marquee>向下捲動<marquee direction=up>...</marquee>向上捲動<marquee direction=right></marquee>向右捲動<marquee direction=’left’></marquee>向左捲動<marquee loop=2>...</marquee>捲動次數<marquee width=180>...</marquee>設定寬度<marquee height=30>...</marquee>設定高度<marquee bgcolor=FF0000>...</marquee>設定背景顏色<marquee scrollamount=30>...</marquee>設定滚动速度<marquee scrolldelay=300>...</marquee>設定捲動時間<marquee onmouSEOver="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动

<!>字體效果<h1>...</h1>標題字(最大)<h6>...</h6>標題字(最小)<b>...</b>粗體字<strong>...</strong>粗體字(強調) (同上效果略同)<i>...</i>斜體字<em>...</em>斜體字(強調)<dfn>...</dfn>斜體字(表示定義)<u>...</u>底線<ins>...</ins>底線(表示插入文字)<strike>...</strike>橫線<s>...</s>刪除線<del>...</del>刪除線(表示刪除)<kbd>...</kbd>鍵盤文字<tt>...</tt> 打字體<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)<plaintext>...</plaintext>固定寬度字體(不執行標記符號)<listing>...</listing> 固定寬度小字體

<font color=00ff00>...</font>字體顏色<font size=1>...</font>最小字體<font style =’font-size:100 px’>...</font>無限增大<!>區斷標記<hr>水平線<hr size=’9’>水平線(設定大小)<hr width=’80%’>水平線(設定寬度)<hr color=’ff0000’>水平線(設定顏色)<br>(換行)<nobr>...</nobr>水域(不換行)<p>...</p>水域(段落)<center>...</center>置中<!>連結格式<base href=位址>(預設好連結路徑)<a href=位址></a>外部連結<a href=位址 target=’_blank’></a>外部連結(另開新視窗)<a href=位址 target=’_top’></a>外部連結(全視窗連結)<a href=位址 target=’頁框名’></a>外部連結(在指定頁框連結)<!>貼圖/音樂<img src=圖片位址>貼圖<img src=圖片位址 width=’180’>設定圖片寬度<img src=圖片位址 height=’30’>設定圖片高度<img src=圖片位址 alt=’提示文字’>設定圖片提示文字<img src=圖片位址’ border=’1’>設定圖片邊框<bgsound src=MID音樂檔位址>背景音樂設定<!>表格語法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址<table border=邊框大小>...</table>設定表格邊框大小(使用數字)<table bgcolor=顏色碼>...</table>設定表格的背景顏色<table borderclor=顏色碼>...</table>設定表格邊框的顏色<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色<table cellpadding=參數>...</table>指定內容與格線之間的間距(使用數字)<table cellspacing=參數>...</table>指定格線與格線之間的距離(使用數字)<table cols=參數>...</table>指定表格的欄數<table frame=參數>...</table>設定表格外框線的顯示方式<table width=寬度>...</table>指定表格的寬度大小(使用數字)<table height=高度>...</table>指定表格的高度大小(使用數字)<td colspan=參數>...</td>指定儲存格合併欄的欄數(使用數字)<td rowspan=參數>...</td>指定儲存格合併列的列數(使用數字)<!>分割視窗<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整<frameset cols="20%,*">分割左右兩個框架<frameset cols="20%,*,20%">分割左中右三個框架<分割上下兩個框架<frameset rows="20%,*,20%">分割上中下三個框架<! - - ... - -> 註解<A HREF TARGET> 指定超連結的分割視窗<A HREF=#錨的名稱> 指定錨名稱的超連結<A HREF> 指定超連結<A NAME=錨的名稱> 被連結點的名稱<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址<B> 粗體字<BASE TARGET> 指定超連結的分割視窗<BASEFONT SIZE> 更改預設字形大小<BGSOUND SRC> 加入背景音樂<BIG> 顯示大字體<BLINK> 閃爍的文字<BODY TEXT LINK VLINK> 設定文字顏色<BODY> 顯示本文<BR> 換行<CAPTION ALIGN> 設定表格標題位置<CAPTION>...</CAPTION> 為表格加上標題<CENTER> 向中對齊<CITE>...<CITE> 用於引經據典的文字<CODE>...</CODE> 用於列出一段程式碼<COMMENT>...</COMMENT> 加上註解<DD> 設定定義列表的項目解說<DFN>...</DFN> 顯示"定義"文字<DIR>...</DIR> 列表文字標籤<DL>...</DL> 設定定義列表的標籤<DT> 設定定義列表的項目<EM> 強調之用<FONT FACE> 任意指定所用的字形<FONT SIZE> 設定字體大小<FORM ACTION> 設定戶動式表單的處理方式<FORM METHOD> 設定戶動式表單之資料傳送方式<FRame MARGINHEIGHT> 設定視窗的上下邊界<FRame MARGINWIDTH> 設定視窗的左右邊界<FRame NAME> 為分割視窗命名<FRame NORESIZE> 鎖住分割視窗的大小<FRame SCROLLING> 設定分割視窗的捲軸<FRame SRC> 將HTML檔加入視窗<FRameSET COLS> 將視窗分割成左右的子視窗<FRameSET ROWS> 將視窗分割成上下的子視窗<FRameSET>...</FRameSET> 劃分分割視窗<H1>~<H6> 設定文字大小<HEAD> 標示文件資訊<HR> 加上分格線<HTML> 文件的開始與結束<I> 斜體字<IMG ALIGN> 調整圖形影像的位置<IMG ALT> 為你的圖形影像加註<IMG DYNSRC LOOP> 加入影片<IMG HEIGHT WIDTH> 插入圖片並預設圖形大小<IMG HSPACE> 插入圖片並預設圖形的左右邊界<IMG LOWSRC> 預載圖片功能<IMG SRC BORDER> 設定圖片邊界<IMG SRC> 插入圖片<IMG VSPACE> 插入圖片並預設圖形的上下邊界<INPUT TYPE NAME value> 在表單中加入輸入欄位<ISINDEX> 定義查詢用表單<KBD>...</KBD> 表示使用者輸入文字<LI TYPE>...</LI> 列表的項目 ( 可指定符號 )<MARQUEE> 跑馬燈效果<MENU>...</MENU> 條列文字標籤<meta NAME="REFRESH" CONTENT URL> 自動更新文件內容<MULTipLE> 可同時選擇多項的列表欄<NOFRame> 定義不出現分割視窗的文字<OL>...</OL> 有序號的列表<OPTION> 定義表單中列表欄的項目<P ALIGN> 設定對齊方向<P> 分段<PERSON>...</PERSON> 顯示人名<PRE> 使用原有排列<SAMP>...</SAMP> 用於引用字<select >...</select > 在表單中定義列表欄<SMALL> 顯示小字體<STRIKE> 文字加橫線<STRONG> 用於加強語氣<SUB> 下標字<SUP> 上標字<TABLE BORDER=n> 調整表格的寬線高度<TABLE CELLPADDING> 調整資料欄位之邊界<TABLE CELLSPACING> 調整表格線的寬度<TABLE HEIGHT> 調整表格的高度<TABLE WIDTH> 調整表格的寬度<TABLE>...</TABLE> 產生表格的標籤<TD ALIGN> 調整表格欄位之左右對齊<TD BGCOLOR> 設定表格欄位之背景顏色<TD COLSPAN ROWSPAN> 表格欄位的合併<TD NOWRAP> 設定表格欄位不換行<TD VALIGN> 調整表格欄位之上下對齊<TD WIDTH> 調整表格欄位寬度<TD>...</TD> 定義表格的資料欄位<TEXTAREA NAME ROWS COLS> 表單中加入多少列的文字輸入欄<TEXTAREA WRAP> 決定文字輸入欄是自動否換行<TH>...</TH> 定義表格的標頭欄位<TITLE> 文件標題<TR>...</TR> 定義表格美一行<TT> 打字機字體<U> 文字加底線<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )<var>...</var> 用於顯示變數BlockQuotc文本缩进

表示颜色的有三种方式;1,16进制颜色代码语法:#RRGGBB例:<font color="#ff0000">红色</font>2,10进制RGB码语法:RGB(RRR,GGG,BBB)例:<font color="rgb(255,000,000)">红色</font>3,直接用颜色的英文名称例:<font color="red">红色</font>

<body>.....</body>属性可分为三种:1,背景属性 包括:bgcolor,background2,文字属性: 包括:text,link,alink,vlink,3,留白属性: 其中分为:leftmargin,topmargin .bgcolor背景色 语法格式:<body bgcolor="#ff0000"> .background背景图案。 语法格式:<body background="url"> .text文本颜色(非连接文字颜色) .link连接文字颜色(可连接文字颜色) .alink活动连接文字颜色(正被点击的可连接文字的颜色) .vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色) 语法格式:<body text="color" link="color" alink="color" vlink="color"> .leftmargin 页面左侧的留白距离 .topmargin 页面顶部的留白距离 语法格式:<body leftmargin="value" topmargin="value"> 注:value为长度值为数字

align 属性语法:<h2 align="?">文字</h2>其属性有三种:left靠左,center居中,right靠右

〈p〉</p>为段落标记,可利用以上属性对整个段落进行设置〈br>为换行标记<nobr></nobr>为不换行标记 放在文字两边即可 例:<body> <h3>江南逢李龟年</h3><p>歧王宅里寻常见<br>催九堂前几度闻<br>正是江南好风景<br>落花时节又逢君</p></body>预格式化:<pre>......</pre> 浏览是效果和编写是效果格式一样

列表分为1无序列表又称符号列表语法格式:<ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框<li>文字</li><li>文字</li></ul>

2有序列表语法格式:<ol type="?" start"?"><li>文字</li><li>文字</li></ol>type的值是编号字符可选的有1...,a...,A...,i... ,I...start为起始值例:如果start为3是那么将从3开始,而且必须是数字。

3定义列表<dl>定义列表标记<dt>标示定义条目<dd>标示定义内容语法格式:<dl><dt>文字</dt><dd>文字内容</dd></dl>

连接和图像语法格式:<a href="url" name="?" target="?" title="?">....</a>属性:href 连接目标 值可以是ur