-
dreamweaver
常用标记和含义
结构
<
html
>
<
head
>
<
title
>标题<
title
>
<
/head
>
<
b
ody
>
..........
文件内
容
..........
<
/body
>
<
/p>
<
/html
>
1.
文件标题
<
title
>
..........
<
/tit
le
>
2
.
文件更新
--
<
meta
>
【
1
】
p>
10
秒后自动更新一次
<
meta http-
equiv=
>
【
2
】
p>
10
秒后自动连结到另一文件
<
meta http-equiv=
;
URL=
欲连结文件之
URL
>
3.
查询用表单
--
<
is
index>
若欲设定查询栏位前的提示文字:
<
isindex prompt=
提
示文字
>
4.
预设的基准路径
--
<
base>
<
base href=
放置文件的主
机之
URL
>
版面
1.
标题文字
<
h#
>
..........
p>
<
/h#
>
p>
#=1~6
;
h1
为最大字,
h6
为最小字
2.
字体变化
<
font
>
..........
<
/font
>
【
1
】
字体大小
<
font size=#
>
..........
<
/font
>
#=1~7
;数字愈大字也愈大
【
2
】指定
字型
<
font face=
字型名称
>
....
......
<
/font
>
【
3
】文字颜色
<
font
color=#rrggbb
>
..........
<
/font
>
p>
rr
:表红色(
red
)色码
gg
< br>:表绿色(
green
)色码
bb
:表蓝色(
blue
)色码
3.
显示小字体
<
small
>
........
..
<
/small
>
4.
显示大字体
<
big
>
..........
<
/big
>
5.
粗体字
<
b
>
...
.......
<
/b
>
6.
斜体字
<
i
>
..........
<
/i
>
7.
打字机字体
<
tt
>
..........<
/p>
<
/tt
>
8.
底线
<
u
>
...
.......
<
/u
>
9.
删除线
<
strike
>
.........
.
<
/strike
>
10.
下标字
<
sub
>
..........<
/p>
<
/sub
>
11.
上标字
<
sup>..........
<
/sup
>
12.
文字闪烁效果
<
blink
>
......
....
<
/blink
>
13.
换行
<
br
>
14.
分段
<
p
>
15.
文字的对齐方向
<
p
align=
>
#
号可为
left
:表向左对齐(预设值)
center
:表向中对齐
right
:表向右对齐
P.S.
<
p
align=
>之后的文字都会以所设的对齐方式显示,
直到出现另一个<
p
1 / 6
dreamweaver
常用标记和含义
align=
>改变
其对齐方向,或遇到
<
hr
>ⅱ<
h#
>标签时会自动设回预设的
向左对齐。
16.
分隔线
<
hr
>
【
1
】分隔
线的粗细
<
hr
size=
点数>
【
2
】分隔线的宽度
<
hr
size=
点数或百分比>
【
3
】分隔线对齐方向
<
hr
align=
>
#
号可为
left
:表向左对齐(预设值)
center
:表向中对齐
right
:表向右对齐
【
4
】分隔
线的颜色
<
hr
color=#rrggbb
>
<
/p>
【
5
】实心分隔线
<
hr
noshade
>
17.
向中对齐
<
center
>
.......
...
<
/center
>
18.
依原始样式显示
<
pre
>
.......
...
<
/pre
>
< br>
19.
<
< br>body
>指令的属性
p>
【
1
】背景颜色
-- bgcolor
<
body
bgcolor=#rrggbb
>
【
2
】背景图案
-- background
<
body background=
图形文件名
>
【
3
】设定
背景图案不会卷动
-- bgproperties
<
body
bgproperties=fixed
>
【
4
】文件
内容文字的颜色
-- text
<
body
text=#rrggbb
>
p>
【
5
】超连结文字颜色
-- link
<
body
link=#rrggbb
>
p>
【
6
】正被选取的超连结文字颜色
-- vlink
<
body
vlink=#rrggbb
>
<
/p>
【
7
】已连结过的超连结文字颜色
-- alink
<
body
alink=#rrggbb
>
20.
注解
<
!--..........--
>
21.
特殊字元表示法
符
号
语
法
<
&
lt
>
&
gt
&
&
amp
&
quot
空白
&
nbsp
图片
1.
插入图片
<
img src=
图形文件名
>
2.
设定图框
-- border
<
img sr
c=
图形文件名
点数>
3.
设定图形大小
-- width
ⅱ
height
<
img src=
图形文件名
宽度点数
height=
高度点数>
4.
设定图形上下左右留空
-- vspace
ⅱ
hspace
<
img src=
图形文件名
vspace=
上下留空点数
hspace=
左右留空点数>
5.
图形附注
<
img src=
图形文件名
说明文字
>
6.
预载图片
<
img src=
高解析度图形文件名
低解析度图形文件名
>
P.S.
两个图
的图形大小最好一致
7.
影像地图
(
Image Map
)
<
img src=
图形文件名
图的名称
>
<
map name=
图的名称
>
2 / 6
dreamweave
r
常用标记和含义
<
area
shape=
形状
coords=
区域座标列表
href=
连结点之
URL
< br>>
<
area
shape=
形状
coords=
区域座标列表
href=
连结点之
URL
< br>>
<
area
shape=
形状
coords=
区域座标列表
href=
连结点之
URL
< br>>
<
area
shape=
形状
coords=
区域座标列表
href=
连结点之
URL
< br>>
<
/map
>
【
1
】定义
形状
-- shape
shape=rect
:矩形
shape=circle
:圆形
shape=poly
:多边形
【
2
p>
】定义区域
-- coords
a.
矩形:必须使用四个数字,前两
个数字为左上角座标,后两个数字为右下角座
标
例:<
area
shape=rect coords=100,50,200,75
href=
>
b.
圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长<
/p>
度
例:<
area shape=circle
coords=85,155,30 href=
>
c.
任意图形(多边形):将图形之
每一转折点座标依序填入
例:<
area shape=poly
coords=232,70,285,70,300,90,250,90,200,78
href=
>
表格
1.
定义表格
<
table
>
.........
.
<
/table
>
< br>
【
1
】设定边框的厚度
-- border
<
table
border=
点数>
【
2
】设定格线的宽度
-- cellspacing
<
table
cellspacing=
点数>
【
3
】设定资料与格线的距离
-- cellpadding
<
table
cellpadding=
点数>
【
4
】调整表格宽度
< br>
-- width
<
table
width=
点数或百分比>
p>
【
5
】调整表格高度
-- height
<
table
height=
点数或百分比>
<
/p>
【
6
】设定表格背景色彩
-- bgcolor
<
table
bgcolor=#rrggbb
>
【
7
】设定表格边框色彩
-- bordercolor
<
table
bordercolor=#rrggbb
>
2.
显示格线
<
table
border
>
3.
表格标题
<
caption
< br>>
..........
<
/c
aption
>
表格标题位置
-- align
<
caption
align=
>
#
号可为
t
op
:表标题置于表格上方(预设值)
bottom
:表标题置于表格下方
4.
定义列
<
tr
>
5.
定义栏位
《
1
》<
td
>:靠左对齐
《
2
》<
th
>:靠中对齐ⅱ粗
体
【
1<
/p>
】水平位置
-- align
<
th
align=
>
3 / 6
-
-
-
-
-
-
-
-
-
上一篇:和老外打交道必备的英文缩写。英文发短信常用
下一篇:篮球术语解释