架构
*****************************
<html>
<head>
<title> ... </title>
... ...
</head>
<body>
... ...
</body>
</html>
背景
**********************************************
(颜色)
bgcolor 背景
text 普通文字
link 可连接文字
alink 正被点击
vlink 被点过了
(标尺线)
<hr size= width= color= align= >
(页边距)
leftmargin 左右两边空出
topmargin 上下... ...
段落
**********************************************
(换行控制)
<p> 加空行
<br> 换行
<nobr> 取消自动换行
(给文字划分块)
<div align= > ... </div>
(预格式文本)
<pre> ... </pre> 非html的部分原样显示
<xmp> ... </xmp> 全部原样显示
(列表)
<ol> ...<li type=> </ol> 有序 A,a,I,i,1
<ul> ...<li type=> </ul> 无序 circle,disc,square
<dl>
<dt> 不缩进
<dd> 缩进
</dl>
字体
**********************************************
(标题)
<hn >...</hn> n=1,...,6是字体大小
(正文)
<font>...</font> 用于正文
<basefont> 用于全文
(属性)
size= 大小
face= 类型
color= 颜色
(效果)
<b>...</b> 加粗
<i>...</i> 倾斜
<u>...</u> 下划线
<s>...</s> 删除线
<sup>...</sup> 上标
<sub>...</sub> 下标
<tt>...</tt> 打字机字体
<big>...</big> 放大
<small>...</small> 缩小
链接
**********************************************
(一般链接)
<a href=网页路径#位置名> ... </a> 出发地-->目的地
<a name=位置名> ... </a> 指明目的地
target=_blank 在新窗口中打开
(图片链接)
<img src=图片路径>
width= height= 图象大小
border= 边框
alt= 鼠标点上去图片上的文字
align= top/middle/bottom/left/right 摆放
(声音和视频链接)
<embeded src=多媒体路径名 width= height= align=
autostart= loop= hidden= >
hidden=true 隐藏播放器
autostart= ture/false
loop= true/false/数字
(背景音乐)
<bgsound src=音乐路径 loop= >
(视频剪辑)
<img src=图片路径 dynsrc=剪辑路径
start= loop= controls>
start= fileopen/mouseover
controls 加控制条
表格
*********************************************************
(定义)
<table>
<thead>
<tr>表行 <th>表头</th>
</thead>
<tbody>
<tr>表行 <td>表元</td>
</tbody>
</table>
(尺寸)
width height
border
cellspacing 表格线厚度
cellpadding 单元格内的空白
(位置)
align= left/center/right
(合并单元格)
colspan 把几列合起来 作为一个单元格
rowspan 行。。。
(单元格内的文字对齐)
水平 align= left/center/right
垂直 valign= top/middle/bottom
(标题)
<caption align= valign= >...</caption>
align= left/center/right
valign= top/bottom
*****************************************************
(色彩)
bgcolor background 用于单元格
bordercolor bordercolorlight bordercolordark
(按列控制单元格)
<colgroup align= > 对应某一列
<colgroup> 包含多列(span=列数)
<col align= span= >
(控制边框的显示)
frame= box 全部显示
above 上边框
below 下边框
hsides 上下
vsides 左右
lhs 左边框
rhs 右边框
void 不显示
(控制表格线的显示)
rules= all 全部显示
rows 横向
cols 纵向
group 组的分隔线(多列构成一组)
none 不显示
多窗口页面
************************************************************
(定义窗口)
<frameset>
<frame src=网页地址 name=给自己命名>
...
<noframes>...</noframes> 不支持多窗口的浏览器显示 这个
</frameset>
(窗口划分)
cols= n%,*
rows= *,2*,*
noresize 固定窗口大小
(多窗口交互〉
在一个窗口中加链接,目标窗口设为 另一个窗口
<html>
<head>...</head>
<framset cols=30%,*>
<frame src="" name=A>
<a href="" target=B>...</a>
... ...
<frame src="" name=B>
... ...
</frameset>
</html>
(设置每个窗口的外观)
frameborder= 1/0 是否要边框
framespacing 边框厚度
bordercolor 边框颜色
marginwidth 左右页边距
marginheight 上下...
(浮动窗口)
<iframe>...</iframe>
参数与<frame>...</frame>类似
表单
************************************************************
(定义表单)
<form action=CGI的地址 method= get/post>
... ...
<input type= name= >
</form>
type= text 文字
password 密码
checkbox 复选框
radio 单选框
image 用图象代替 submit/reset 按键
hidden
submit 提交
reset 重设
(文字和密码输入)
<form action=CGI的地址 method=post>
... ...
<input type=text name=姓名> <br>
<input type=text name=网址 value=http://> <br>
... ...
<input type=password name=密码> <br>
<input type=submit value=发送><input type=reset value=重设>
</form>
可选参数
size= 显示的输入栏长度
maxlength= 最大接收字符数
(复选框和单选框)
<form>
<input type=checkbox name= >
... ...
<input type=submit><input type=reset>
</form>
加参数checked的一项,是默认被选择的
(图象坐标)
<input type=image name=submit/reset src=图片路径>
(隐藏表单元素)
默认会自动传给CGI的值
<input type=hidden name= value=传给CGI的值>
(列表框)
<selected name= >
<option value= >... ...
... ...
</selected>
(文本区域)
用于简历,个性签名等
<textarea name= rows= cols= wrap=>...</textarea>
其它tag
***********************************************************
(使文字移动)
<marquee>...</marquee>
参数:
direction= left/right
behavior= scroll/slide/alternate
loop= 次数(默认无限)
scrollamount= 每帧文字的间隔
scrolldelay= 停顿时间
bgcolor 背景颜色
height 背景区域大小
width
hspace 背景区域与文字的距离
vspace
align 背景区在正文中的位置
(在<head>设定编码语系)
中文网页
<meta http-equiv="Content-Type" content="text/html; charset=big5">
英文网页
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">