-
网页
HTML
中各个代码意思大全
网页
HTML<
/p>
代码中的
h1
,
p
,
a
,
tr
,
td
……分别代表什么意思?相信还
有很
多人都不太了解,现在我们就具体讲一下它们的意思及用法:
h1
一级标题,
h2
二级标题,
p
段落,
a
超连接,
tr
表格
行,
td
表格
列,
li
标签定义列表,
ul
标签定义列表中的无序列表
这些都是
HTML
中的常用标签
他们都有特定的定义
没有英文全名
HTML
标签详解
结构
<
html
>
<
head
>
<
title
>标题<
/title
>
<
/head
>
<
body
>
..........
文件内容
...
.......
<
/body
>
p>
<
/html
>
1.
文件标题
<
title
>
.........
.
<
/title
>
< br>
2.
文件更新
--
<
meta
>
【
1
】
10
秒后自动更新一次
<
meta http-
equiv=
>
【
< br>2
】
10
秒后自动连结到另一文
件
<
meta http-equiv=
;
URL=
欲连结文件之
URL
>
3.
查询用表单
--
<
isindex>
若欲设定查询栏位前的提示文字:
<
isindex prompt=
提
示文字
>
4
.
预设的基准路径
--
<
base>
<
base href=
放置文件的主
机之
URL
>
版面
1.
标题文字
<
h#
>
..........
p>
<
/h#
>
#=
1~6
;
h1
为最大字,
h6
为最小字
2.
字体变化
<
font
>
..........
<
/font
>
【
1
】字体大小
< br>
<
font
size=#<
/p>
>
..........
<
/font
>
#=1~7
;数字愈大字也愈
大
p>
【
2
】指定字型
<
font face=
字型名称
p>
>
..........
< br><
/font
>
【
3
】
文字颜色
<
font
colo
r=#rrggbb
>
..........
< br><
/font
>
rr
:
表红色
(
red
p>
)
色码
gg
:表
绿色(
green
)色码
bb
:表蓝色(
blue
)色码
< br>
3.
显示小字体
<
small
>
....
......
<
/small
>
4.
显示大字体
<
big
>
.
.........
<
/big
>
p>
5.
粗体字
<
/p>
<
b
>
....
......
<
/b
>
6.
斜体字
<
i
>
.........
.
<
/i
>
7.
打字机字体
<
tt
>
..........<
/p>
<
/tt
>
8.
底线
<
u
>
..........
<
/u
>
9.
删除线
<
strike
>
.........
.
<
/strike
>
10.
下标字
<
sub
>
......
....
<
/sub
>
11.
上标字
<
sup>..........
<
/sup
>
12.
文字闪烁效果
<
blink
>
......
....
<
/blink
>
13.
换行
<
br
>
14.
分段
<
p
>
15.
文字的对齐方向
<
p
align=
>
#
号可为
left
:表向左对齐(预设值)
center
:表向中对齐
right
:表向右对齐
P.S.
<
p
align=
>之后的文字都会
以所设的对齐方式显示,
直到出现另一个<
p
align=<
/p>
>改变其对齐方向,或
遇到
<
hr
>
?
<
h#
>标签时会自动设回预设的向左对齐。
16.
分隔线
<
hr
>
<
/p>
【
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
>
p>
19.
<
bod
y
>指令的属性
【
< br>1
】背景颜色
-- bgcolor
<
body
bgcolor=#rrggbb
>
【
2
】背景图案
--
background
<
body background=
图形文件名
>
【
3
】设定背景图案不会卷动
-- bgproperties
<
body
bgproperties=fixed
>
< br>【
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 src=
图形文件名
点数>
3.
设定图形大小
--
width?height
<
img src=
图形文件名
宽度点数
height=
高度点数>
4.
设定图形上下左右留空
--
vspace?hspace
<
img
src=
< br>图形文件名
vspace=
上下
留空点数
hspace=
左右留空点数>
5.
图形附注
<
img src=
图形文件名
说明文字
>
6.
预载图片
<
img src=
高解析度图形文件
名
低解析度图形文件名
>
P.S.
两个
图的图形大小最好一致
7.
影像地图(
Image
Map
)
<
img
src=
< br>图形文件名
usemap=
图的
名称
>
<
map name=
图的名称
>
<
area
shape=
形状
coords=
区域座标列表
href=
连结点之
URL
>
<
area
shape=
形状
coords=
区域座标列表
href=
连结点之
URL
>
<
area
shape=
形状
coords=
区域座标列表
href=
连结点之
URL
>
<
area
shape=
形状
coords=
区域座标列表
href=
连结点之
URL
>
<
/map
>
【
1
】定义形状
-- shape
shape=rect
:
矩形
shape=circle
:
圆形
shape=poly
:
多边形
【
2
】定义区域
-- coords
a.
矩形:
必须使用四个数字,
前两个数字为左上角座标,
后两个数字为右
下角座
标
例:<
area shape=rect
coords=100,50,200,75 href=
>
b.
圆形:
必须使用三个数字,
前两个数字为圆心的座标,
最后一个数字为半径长
度
例:<
area
shape=circle coords=85,155,30
href=
>
c.
< br>任意图形(多边形):将图形之每一转折点座标依序填入
例:<
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
】调整表格宽度
-- width
<
table
width=
点数或百分比>
【
p>
5
】调整表格高度
-- height
<
table
height=
点数或百分比>
【<
/p>
6
】设定表格背景色彩
--
bgcolor
<
table
bgcolor=#rrggbb
>
【
7
】设定表格边框色彩
--
bordercolor