HTML语言语法大全1Word文档格式.docx
《HTML语言语法大全1Word文档格式.docx》由会员分享,可在线阅读,更多相关《HTML语言语法大全1Word文档格式.docx(17页珍藏版)》请在冰豆网上搜索。
/strike>
橫線
s>
/s>
刪除線
del>
/del>
刪除線(表示刪除)
kbd>
/kbd>
鍵盤文字
tt>
/tt>
打字體
xmp>
/xmp>
固定寬度字體(在文件中空白、換行、定位功能有效)
plaintext>
/plaintext>
固定寬度字體(不執行標記符號)
listing>
/listing>
固定寬度小字體
less..
less..'
more='
ReadMore..'
fontcolor=00ff00>
/font>
字體顏色
fontsize=1>
最小字體
fontstyle=’font-size:
100px’>
無限增大
區斷標記
hr>
水平線
hrsize=’9’>
水平線(設定大小)
hrwidth=’80%’>
水平線(設定寬度)
hrcolor=’ff0000’>
水平線(設定顏色)
br>
(換行)
nobr>
/nobr>
水域(不換行)
p>
/p>
水域(段落)
center>
/center>
置中
連結格式
basehref=位址>
(預設好連結路徑)
ahref=位址>
/a>
外部連結
ahref=位址target=’_blank’>
外部連結(另開新視窗)
ahref=位址target=’_top’>
外部連結(全視窗連結)
ahref=位址target=’頁框名’>
外部連結(在指定頁框連結)
貼圖/音樂
imgsrc=圖片位址>
貼圖
imgsrc=圖片位址width=’180’>
設定圖片寬度
imgsrc=圖片位址height=’30’>
設定圖片高度
imgsrc=圖片位址alt=’提示文字’>
設定圖片提示文字
imgsrc=圖片位址’border=’1’>
設定圖片邊框
bgsoundsrc=MID音樂檔位址>
背景音樂設定
表格語法
tablealing=left>
/table>
表格位置,置左
tablealing=center>
表格位置,置中
tablebackground=圖片路徑>
背景圖片的URL=就是路徑網址
tableborder=邊框大小>
設定表格邊框大小(使用數字)
tablebgcolor=顏色碼>
設定表格的背景顏色
tableborderclor=顏色碼>
設定表格邊框的顏色
tableborderclordark=顏色碼>
設定表格暗邊框的顏色
tableborderclorlight=顏色碼>
設定表格亮邊框的顏色
tablecellpadding=參數>
指定內容與格線之間的間距(使用數字)
tablecellspacing=參數>
指定格線與格線之間的距離(使用數字)
tablecols=參數>
指定表格的欄數
tableframe=參數>
設定表格外框線的顯示方式
tablewidth=寬度>
指定表格的寬度大小(使用數字)
tableheight=高度>
指定表格的高度大小(使用數字)
tdcolspan=參數>
/td>
指定儲存格合併欄的欄數(使用數字)
tdrowspan=參數>
指定儲存格合併列的列數(使用數字)
分割視窗
framesetcols="
20%,*"
左右分割,將左邊框架分割大小為20%右邊框架的大小瀏
覽器會自動調整
framesetrows="
上下分割,將上面框架分割大小為20%下面框架的大小瀏
分割左右兩個框架
20%,*,20%"
分割左中右三個框架
分割上下兩個框架
分割上中下三個框架
AHREFTARGET>
指定超連結的分割視窗
AHREF=#錨的名稱>
指定錨名稱的超連結
AHREF>
指定超連結
A被連結點的名稱
ADDRESS>
....<
/ADDRESS>
用來顯示電子郵箱地址
B>
粗體字
BASETARGET>
BASEFONTSIZE>
更改預設字形大小
BGSOUNDSRC>
加入背景音樂
BIG>
顯示大字體
BLINK>
閃爍的文字
BODYTEXTLINKVLINK>
設定文字顏色
BODY>
顯示本文
BR>
換行
CAPTIONALIGN>
設定表格標題位置
CAPTION>
/CAPTION>
為表格加上標題
CENTER>
向中對齊
CITE>
用於引經據典的文字
CODE>
/CODE>
用於列出一段程式碼
COMMENT>
/COMMENT>
加上註解
DD>
設定定義列表的項目解說
DFN>
/DFN>
顯示"
定義"
文字
DIR>
/DIR>
列表文字標籤
DL>
/DL>
設定定義列表的標籤
DT>
設定定義列表的項目
EM>
強調之用
FONTFACE>
任意指定所用的字形
FONTSIZE>
設定字體大小
FORMACTION>
設定戶動式表單的處理方式
FORMMETHOD>
設定戶動式表單之資料傳送方式
FRameMARGINHEIGHT>
設定視窗的上下邊界
FRameMARGINWIDTH>
設定視窗的左右邊界
FRameNAME>
為分割視窗命名
FRameNORESIZE>
鎖住分割視窗的大小
FRameSCROLLING>
設定分割視窗的捲軸
FRameSRC>
將HTML檔加入視窗
FRameSETCOLS>
將視窗分割成左右的子視窗
FRameSETROWS>
將視窗分割成上下的子視窗
FRameSET>
/FRameSET>
劃分分割視窗
H1>
~<
H6>
設定文字大小
HEAD>
標示文件資訊
HR>
加上分格線
HTML>
文件的開始與結束
I>
斜體字
IMGALIGN>
調整圖形影像的位置
IMGALT>
為你的圖形影像加註
IMGDYNSRCLOOP>
加入影片
IMGHEIGHTWIDTH>
插入圖片並預設圖形大小
IMGHSPACE>
插入圖片並預設圖形的左右邊界
IMGLOWSRC>
預載圖片功能
IMGSRCBORDER>
設定圖片邊界
IMGSRC>
插入圖片
IMGVSPACE>
插入圖片並預設圖形的上下邊界
INPUTTYPENAMEvalue>
在表單中加入輸入欄位
ISINDEX>
定義查詢用表單
KBD>
/KBD>
表示使用者輸入文字
LITYPE>
/LI>
列表的項目(可指定符號)
MARQUEE>
跑馬燈效果
MENU>
/MENU>
條列文字標籤
metaCONTENTURL>
自動更新文件內容
MULTIPLE>
可同時選擇多項的列表欄
NOFRame>
定義不出現分割視窗的文字
OL>
/OL>
有序號的列表
OPTION>
定義表單中列表欄的項目
PALIGN>
設定對齊方向
P>
分段
PERSON>
/PERSON>
顯示人名
PRE>
使用原有排列
SAMP>
/SAMP>
用於引用字
select >
/select >
在表單中定義列表欄
SMALL>
顯示小字體
STRIKE>
文字加橫線
STRONG>
用於加強語氣
SUB>
下標字
SUP>
上標字
TABLEBORDER=n>
調整表格的寬線高度
TABLECELLPADDING>
調整資料欄位之邊界
TABLECELLSPACING>
調整表格線的寬度
TABLEHEIGHT>
調整表格的高度
TABLEWIDTH>
調整表格的寬度
TABLE>
/TABLE>
產生表格的標籤
TDALIGN>
調整表格欄位之左右對齊
TDBGCOLOR>
設定表格欄位之背景顏色
TDCOLSPANROWSPAN>
表格欄位的合併
TDNOWRAP>
設定表格欄位不換行
TDVALIGN>
調整表格欄位之上下對齊
TDWIDTH>
調整表格欄位寬度
TD>
/TD>
定義表格的資料欄位
TEXTAREANAMEROWSCOLS>
表單中加入多少列的文字輸入欄
TEXTAREAWRAP>
決定文字輸入欄是自動否換行
TH>
/TH>
定義表格的標頭欄位
TITLE>
文件標題
TR>
/TR>
定義表格美一行
TT>
打字機字體
U>
文字加底線
ULTYPE>
/UL>
無序號的列表(可指定符號)
var>
/var>
用於顯示變數
BlockQuotc文本缩进
表示颜色的有三种方式;
1,16进制颜色代码
语法:
#RRGGBB
例:
fontcolor="
#ff0000"
红色<
2,10进制RGB码
RGB(RRR,GGG,BBB)
rgb(255,000,000)"
3,直接用颜色的英文名称
red"
<
body>
.....<
/body>
属性可分为三种:
1,背景属性
包括:
bgcolor,background
2,文字属性:
text,link,alink,vlink,
3,留白属性:
其中分为:
leftmargin,topmargin
.bgcolor背景色
语法格式:
bodybgcolor="
.background背景图案。
bodybackground="
url"
.text文本颜色(非连接文字颜色)
.link连接文字颜色(可连接文字颜色)
.alink活动连接文字颜色(正被点击的可连接文字的颜色)
.vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)
bodytext="
color"
link="
alink="
vlink="
.leftmargin页面左侧的留白距离
.topmargin页面顶部的留白距离
bodyleftmargin="
value"
topmargin="
注:
value为长度值为数字
align属性
h2align="
?
"
文字<
/h2>
其属性有三种:
left靠左,center居中,right靠右
〈p〉<
为段落标记,可利用以上属性对整个段落进行设置
〈br>
为换行标记
为不换行标记放在文字两边即可
例:
h3>
江南逢李龟年<
/h3>
歧王宅里寻常见<
催九堂前几度闻<
正是江南好风景<
落花时节又逢君<
预格式化:
pre>
......<
/pre>
浏览是效果和编写是效果格式一样
列表分为
1无序列表又称符号列表
语法格式:
ultype="
type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框
li>
/li>
/ul>
2有序列表
oltype="
start"
/ol>
type的值是编号字符可选的有1...,a...,A...,i...,I...
start为起始值例:
如果start为3是那么将从3开始,而且必须是数字。
3定义列表
dl>
定义列表标记
dt>
标示定义条目
dd>
标示定义内容
/dt>
文字内容<
/dd>
/dl>
连接和图像
ahref="
target="
title="
属性:
href连接目标值可以是url地址也可以是连接锚点
或者
锚点"
name连接名称
a>
连接到该锚点的连接则应是:
target目标窗口
_blank|_self|_farent|_top|windowname"
-blank打开新窗口
_self当前窗口打开
一下两个仅在框架叶面中应用
_parent当前窗口的父级窗口(上一级)打开
_top在最高一级的窗口打开
windowname已命名的窗口或框架中打开连接
title连接提示
打开狂人部落的首页"
狂人部落
图像<
img>
imgsrc="
alt="
width="
height="
border="
align="
border属性定义图片边框的宽度,默认值为0
align属性设置图片旁边文字的位置
align"
可选值有:
top图片和文字顶部对齐
middle图片和文字居中对齐
bottom图片和文字底边对齐(默认)
left图片居左对齐,文字沿图片绕排
right图片居右对齐,文字沿图片绕排
absmiddle图片对齐到目前文字行绝对中央
absbottom图片对齐到目前文字行绝对底部
文字的排版
不换行空白标记&
nbsp
font元素
fontface="
字体名称"
size="
字体大小"
color="
字体颜色"
字体大小可选值为1——7,默认为3
〈fontface="
黑体"
4"
#ff00ff"
水平线<
hrwidth="
宽度"
align="
对齐方式默认居中center"
水平线
厚度默认为2"
颜色"
noshade>
noshade无阴影,既实线
层〈div>
span>
两种元素
div>
是块级元素,和段落元素<
相似,不同的是两个<
元素之间不会产生两
个<
元素之间的空行,
是行内元素,可以定义段落中部分文字的属性
divalign="
style="
/div>
align设置层中元素的水平对齐方式
stule设置元素应用css规范的属性
兼容性比<
要好一点,最好使用<
表格
tablewidth="
bgcolor="
background="
cellspacing="
cellpadding="
tr>
td>
/tr>
border边框宽度默认值为0,既没有边框
cellspacing表格中单元格的边距大小,默认值为两个像素
cellpadding表格中单元格之间的间距大小,默认值为两个像素
tr元素
tralign="
align属性对齐方式可选值如下:
left,center,tight,默认为left
bgcolor指定该行的背景颜色
td元素
tdwidth="
高度"
水平对齐方式"
valign="
垂直对齐方
式"
rowspan="
单元格的行跨度"
colapan="
单元格的
列跨度"
align属性的可选值有:
left,center,right
valign属性的可选值有:
top,middle,bottom
rowspan和colapan跨行和跨列的数量,默认为1
框架
frameset>
/framset>
框架组标记
frame>
/frame>
框架标记
/franeset>
/frameset>
元素(双标签)
rows="
frameborder="
framespacing="
.......
cols垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用
余下空间)数值的个数代表分成的部分数目,要以逗号分隔。
cols="
30,*,50%"
可以切成三个视窗,第一部分是30像素(pixels)为绝对分割
,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的
50%宽度,为相对分割。
rows就是横向切割,将窗口上下分开,数值设置同上。
以上两属性尽量不要在同一个<
标记中,因为王井(netscape)
不支持,尽量采用多重分割。
frameborder设置框架的边框,其值有0不要边框,1要边框。
border设置框架边框厚度
framespacing表示框架与框架间保留空白的距离
frame元素(单标签)
framesrc="
scrolling="
yes/no"
noresize>
name框架名称,指定框架来做连接的目标窗口。
src
框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。
scrolling是否显示滚动条,yes/no,auto是自动。
noresize设置不让使用者改变这个框架的大小,
noframe元素
指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息
noframe>
......
/noframe>
表单<
form>
/form>
formaction="
method="
get/post"
....
inputtype=submit>
inputtype=reset>
method有两种提交方式get,post
action是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里
,可设定此参数为action="
mailto:
lwr8494@"
这样此表单所填的资料将
会发送到这个邮箱地址。
method是指传送信息给cgi等网络程序的方式。
可选post方法,get方法,post
方法容许传送大量信息。
get方法只接受低于1k的信息。
申请表单用的是post搜索引擎用的是get
input元素
inputtype="
type属性的可选值有:
text单行文本框
name文本框名称
value文本框的初始值
size文本框的长度
maxlength可输入字符串最大的长度
radio单选框
name单选框名称
value内部值
checked默认选定
ch