1
HTML 文档笔记
001 文件结构
文件开始
文件头
文件主体
002 注意事项
? 标记使用括起，结束使用
? 不区分大小写
? 回车空格不起作使用
? 标记中能放置各种属性
003 页面标题元素
004 元信息元素
name content
generator 编辑软件名
Keywords 关键字
description 页面说明
Author 作者姓名及信息
copyright 网页版权
附加属性
http-equiv content
content Text;charset=utf-8
refresh 跳转秒;url=页面 url
005 body 属性
属性 说明
bgcolor 背景颜色（名称或者十六进制）
background 背景图片（图片地址）
Text 整体文字颜色
link 未访问连接颜色
Alink 正在访问连接颜色
vlink 已经访问连接颜色
leftmargin Ie 左边界距离，像素
topmargin Ie 上边界距离，像素
bgproperties 背景图片固定，仅取 fixed
006 样式元素
样式表
007 脚本元素
属性 说明
type Text/javascript
charset 外部脚本文件编码
defer 能否加载完显示
language 脚本语言，不要使用
src 外部脚本 url
008 字体属性
属性 说明
Face 字体名，逗号分割
size 大小。1-7 或者-4–+4
color 字体颜色
009 标题元素
到
文字 1
…………
文字 6
010 段落元素
Align 对齐属性
Left right center
011 文本间隔和布局
换行
不换行文字
保留空白文字
行内引使用文字
块级引使用文字
012 水平分割线
属性 说明
Size 粗细
width 宽度
noshade 无立体阴影,无取值
align 对齐，left,center,right
color 颜色
013 文本样式设置
放大的文字
缩小文字
斜体文字：,,
粗体文字：,
作为下标的文字
作为上标的文字
014 无序列表
- 列表项 1
- 列表项 n
2
Type（符号类型）
Disc(实心圆) Circle(空心) Square(方形)
? 菜单列表：
? 目录列表：
015 有序列表
- 列表项 1
- 列表项 n
属性 说明
type 符号类型
value 条目编号，影响其后条目
017 定义列表
- 定义名称 1
- 缩进解释 1
- 缩进解释 n
- 定义名称 n
- 缩进解释 1
- 缩进解释 n
…………
018 图像元素
属性 功可以说明
src 图片的 url 路径
width 图片的显示宽度
height 图片的显示高度
hspace 图片的水平间距
vspace 图片的垂直间距
align 图片的对齐方式
border 图片的边框大小，单位像素
alt 图片的说明文字
说明：
? 宽度和高度单位为像素或者百分比(相对
于 IE)，只定义一个，另一个等比例显
示，定义两个则会失真。
? 对齐方式有两种：绝对和相对，相对指
与当前行文字的对齐方式。
属性值 说明
bottom 图片底与当前文字底对齐
top 图片顶与当前文字顶对齐
middle 图片中与当前文字中对齐
left 图片左对齐，相对于 IE
right 图片右对齐,相对于 IE
center 图片居中对齐, 相对于 IE
? 水平间距和垂直间距使用于设置图片与
它周围的文字的水平和垂直距离。
019 背景音乐
属性 说明
src 声音文件的 url，MP3，midi,wav
loop 循环播放次数，正值 n,-1 或者 infinite
时无限次播放
020 滚动标记
? 使用于移动文字，图片，表格。
? 语 法 ： 滚 动 的 内 容
属性 说明
direction 方向，up,down,left,right
behavior 方式，scroll(循环)，slide(1
次)，alternate(交替滚动)
loop 滚动次数
smallamount 滚动速度，像素单位
scrolldelay 滚动时间间隔
bgcolor 滚动区域的背景颜色
width 背景宽度，默认 IE 同宽
height 背景高度，默认文字同高
hspace 背景与内容水平间距，像素
vspace 背景与内容垂直间距，像素
021 多媒体
? 使用于播放 midi,wav,mp3,aiff,au 等多媒
体对象。
? 语法：
属性 说明
src 多媒体文件的 url
loop 循环次数，true( ),false(1)
autostart 能否自动播放，true,false
width 多媒体宽度
height 多媒体高度
022 超链接基础
? url 两种书写方式：绝对地址（完全的
路径），相对地址（简写的路径，与基
3
本地址合并）
常使用的 URL
http:// 进入万维网站点
ftp:// 进入文件传输服务器
news:// 启动新闻探讨组
mailto:// 启动邮件
023 链接元素
? 语法： 链接的内容
属性 说明
href 指定链接地址
name 给链接命名
title 链接提醒文字
target
链接显示目标窗口
_self:相同的框架或者窗口打开
_blank 新打开，未命名窗口打开
_top:在整个窗口打开
_parent:在父框架集中打开
024 设置不同的链接目标
? 书签：
链接内容
? 图片：
? 邮件：链接
内容
025 表格元素的结构
单元格内容 1 ………………………….
单元格内容 n …………………………
单元格内容 1 ………………………….
单元格内容 n …………………………
单元格内容 1 ………………………….
单元格内容 n 026
表格元素的属性
属性 说明
border 边框宽度，默认 0
align 对齐方式，left,center,right
height 高度，像素或者百分比
width 宽度，像素或者百分比
bordercolor 边框颜色，border>0
bordercolorlight 亮边框颜色，border>0
bordercolordark 暗边框颜色，border>0
bgcolor 表格背景颜色
background 表格背景图片
cellspacing 每个单元格之间间距
cellspadding 单元格内容与边界距离
027
行元素的属性 属性 说明
align 水平对齐，left,center,right
valign 垂直对齐，
top,middle,bottom
bgcolor 行背景颜色
background 行背景图片
bordercolor 行边框颜色
bordercolordark 行背光（暗）边框颜色
bordercolorlight 行向光（亮）边框颜色
028
单元格元素属性 属性 说明
width 宽度，像素或者百分比
height 高度，像素或者百分比
bgcolor 背景颜色
background 背景图片
align 水平对齐,left,center,right
valign 垂直对齐,top,bottom,middle
bordercolor 单元格边框颜色
colspan 合并列，单元格占几列
rowspan 合并行，单元格占几行
? 说明：合并行的单元格后应添加行，行
内添加单元格，并且合并行的单元格所
在的行内添加单元格以扩充列。
….. …. 添加的一个单元格 4
029
中用的其余元素
? 标题：
表格标题 ? 表头：
//表只可以有一个 thead
//tr 标记必需包含 内容 内容 ? 主体：
//表只可以有一个 tbody//tr 标记必需包含 内容 内容 ? 表尾：
//表只可以有一个 tfoot//tr 标记必需包含 内容 内容 thead,tbody,tfoot 属性及说明
bgcolor 背景颜色
align 水平对齐,left,center,right
valign 垂直对齐,top,middle,bottom
030 表单元素
? form 为容器标记，其余表单对象放于
其中。
? 语法：……
属性 说明
action 提交地址，绝地或者相对
name 名称，以便脚本语言控制表单
method 传送方法，get(表单内容在 url后，
最多 8192 字符),post(无限制)
enctype
提交表单编码方式
? Text/plain:纯文本
? application/x-www-form-url
encoded：默认编码
? multipart/form-data:传文件
时必需
target 返回信息打开方式,_top(顶级窗
口),_blank,_self,_parent（父级）
031 表单控件
通使用属性及说明
type 表单对象类型
name 表单对象名称，区分对象
type 属性值及说明
text 文本字段
password 密码域
radio 单选按钮
checkbox 复选框
button 普通按钮
submit 提交按钮
reset 重置按钮
image 图像域
hidden 隐藏域
file 文件域
各 type 值控件的标记可附加的属性
type=”text”
value 文本框默认值
size 在页面显示的长度，字符单
位
maxlength 文本字段最多输入字符数
type=”password”
value 默认值，显示星号或者圆点
size 显示长度
maxlength 最多输入字符数
type=”radio”
name 多个单选按钮名称可相同
value 传送四处理程序中的值
checked 选中，无取值，只可以设置一
个
type=”checkbox”
value 传送四处理程序中的值
checked 选中，无取值，能设置多个
type=”button”
value 按钮上显示的文字
onclick 按下按钮事件进行的解决
type=”submit” type=”reset”
submit 使用于提交，reset 使用于清理表单
value 显示在按钮上的文字
type=”image”
使用图像域代替提交按钮
src 图像的 url 路径
type=”hidden”
5
收集发送信息到服务器，可插入多个
value 传送到服务器中的值
type=”file”
文本框和浏览按钮，输入或者选择文件路径
size 显示的最大字符数
maxlength 可输入的最大字符数
032 选择列表元素
属性 说明
name 列表的名称
size 显示列表项数，默认 1，小于列
表项数时，增加滚动条
multiple 允许多选，无属性值
033 列表条目元素
语法：
选项 1 显示的内容
选项 2 显示的内容
………………………………………..
属性 说明
value 提交表单时的值
selected 选中的项，只可以设一个，无值
034 多行文本元素
Type(符号类型)
1（数字） a(小写英文)
A（大写英文） I(大写罗马)
i(小写罗马)
016 列表条目元素