html 语言基本常识 标志着 html 文件的开始与结束

头部标志符

网页的标题 构成 web 的主体 1. background 定义网页的背景图案 2. bgcolor 背景色(默认 白) 3. text 文字颜色(默认 黑) 4. link 超链接颜色(默认 蓝) 5. alink 当前被选中的超链接颜色(默认 红) 6. vlink 已被访问过的超链接颜色(默认 紫) 标志符可以控制字符的样式 1. face 设置文字的字体效果 2. color 设置文字颜色 3. size 设置字体大小 粗体 删除线 大字体 下标 斜体 删除线 小字体 设置文件中的标题
(paragraph)划分段落

预格式化标志符

换行并绘制一条水平线(没有结束标志符) n 1~6 的数字 上标

下划线 1. width 2. size 水平线长度 水平线粗细 无阴影 水平线的对齐方式(left center right) 水平线颜色 3. noshade 4. align 5. color

强制换行(没有结束标志符)
......

......
.......

设 置 有 序 列 表 li 可 是 1.2.3.... 或 a.b.c.... 或 A.B.C... 或 i.ii.iii.....或 I.II.III.... (两个属性:type start)

......

......
......

方框) 无序列表 (一个属性:type disc 实心圆 circle 空心圆 square 实现超链接 1. href 2. target 3. name 定义超链接所指向的文档的 URL 目标窗口 锚名称 (该属性一般在创建页面内超链接时使用) 可以使用相对路径 (同 使用 a 标志符创建超链接时, 一网站内的文件),也可以使用绝对路径(指向本站点以外的文件) ..... href="#锚点名称 锚点名称"> 创建网面内超链接逻辑上分为两步,首先定义 锚点,然后再创建指向锚点的超链接 href="mailto:电子邮箱地址 电子邮箱地址"> 指向电子邮箱的超链接 插入图像 1. src 设置被引用的图像文件所在的位置 2. alt 设置图像的简单文字说明 3. width, height 4. align 5. border 设置图像的宽度与高度 对齐方式(left,right,top,bottom,middle) 边框宽度 定义了图像与周围元素的水平和垂直间距 6.hspace ,vspace hspace ...... src="/"usemap="#图像映射名称 图像映射名称"> 的区域 img 通过 usemap 可以确定与所建立的图像映射区域的关系 area 定义图像不同区域与不同文档之间建立链接 1. shape 形状(rect 矩形 circle 圆 poly 多边形) 坐标 目标窗口 定义了图像映射 2. coords 3. target 4. alt

替换文字

......

......

......

table 标记符定义表格 caption 定义表格标题 tr 标记符定义表 格的行 th,td 标志符定义表格的单元格 th 定义表头单元格 table 可以创建一个新的表格 1. width (宽), height (高) 2. border (边框) 3. bgcolor (背景颜色) 4. align (对齐方式 left right center) 5. cellpadding (填充距) 6. cellspacing (单元格间距) 7. rules (分隔线 none 无分隔线 groups 在行列之间有 rows 只有行分隔 线 cols 只有列 all 所有) 8. frame (边框 void 无边框 above 只显示顶部边框 below 只显示底部边 框 hsides 只显示顶,底部边框 vsides 只显示左右边框 lhs 显示左边框 rhs 显示右 box 显示所有)
表行

1. align 对齐方式(left center right) 2. valign 垂直对齐方式 (top middle bottom baseline) 3. bgcolor 背景颜色	表格数据 1. width (宽), height (高) 2. align (对齐方式 left right center) 3. valign 4. bgcolor 5. rowspan 6. colspan ...... frameset 是将窗口分割成若干个子窗口,子窗口数取决于 frame 的个数 标记符来标识子窗口(无结果符) 1. name 2. src (源) 设置框架内容的 URL 3. frameborder (框架边框) (top middle bottom) 背景颜色 单元表的行数 单元表的列数 4. marginwidth (框架的左右边距) 5. marginheight (框架的上下边距) 6. scrolling (是否显示滚动条 auto 自动 yes 显示 no 不显示) 7. noresize (不允许调整框架的尺寸) herf="目标文件"target="目标框架名">超链接内容 目标文件"target="目标框架名">超链接内容 超链接内容 1. _top 表示将超链接的目标文件装入整个浏览器窗口 2. _self 表示将超链接的目标文件装入当前框架,以取代该框架中正在显 示的文件 3. _blank 表示将超链接的目标文件装入一个新的浏览窗口 4. _parent 表示将超链接的目标文件装入当前框架的父框架 定义了一个页面内的框架 1. src (源) 设置框架内容的 URL 2. name 3. width,height 4. align (top middle bottom) 5. frameborder (框架边框) 6. marginwidth (框架左右边框), marginheight (框架上下边框) 7. scrolling (是否显示滚动条 auto yes no)

表单 1. method (方法) 定义表单的提交方式 2. action (动作) 指定表单所对应的处理程序 定义了一个用于用户输入的表单元素(无结束标记符) 1. name 标识表单元素 2. type 指定表单元素的类型(text 文本 password 密码 checkbox 复选框 radio 单选框 submit 提交按钮 reset 重置按钮) 将 type 指定为 text,在浏览器中显示一个文本输入 框,供用户输入信息 1. value 2. size (初始值) (尺寸) 3. maxlength (输入文本的最大字符数) 密码文本框 例:

密码:

复选框 例:

你的爱好:

音乐 体育 其它

单选框 例:

公司的人数:

少于 10 人

10 人至 100 人

100 人以上

提交按钮

重置按钮 图像提交按钮 定义一个用于用户多行输入的表单元素 1. name 2. rows 3. cols

......
定义了一个选项列表表单元素 1. name 2. size 指定选取项列表的名称 指定列表选项显示时一次显示选项的数目 指定文本域的名称 指定文本域的高度 指定文本域的宽度 3. multiple 使用该属性可以允许多重选择 4. value 指定当该选项被选中并提交后,浏览器传给服务器的数据 5. selected 指定哪一个选项在默认状态下是选中状态 选中该控件 创建一些滚动字幕 1.direction (方向 left right up down) 2.behavior (行为 scroll 绕圈滚动 slide 只滚一次 alternate 来回滚动) 3.loop (循环) 4.scrollamount (滚动的速度) 5.scrolldelay (滚动延时) 6.align (对齐方式 top middle bottom) 7.bgcolor 8.height,width 9.hspace,vspace (垂直和水平间距) ...... applet 用来在网页中插入一个 Java 小应用程序对象 1. code (源代码) 指定 Java 小应用程序的源代码文件(.class 文件) 2. name 3. width,height 4. align param 用来定义 Java 小应用程序中的参数 1.name 2.value (值)给变量赋值 3.valuetype (值类型 data 表示 value 指定的值将作为一个字符串传递的 对象 ref 表示 value 指定的值是一个 URL object 表示 value 指定的值是一个指向同一文档中一个 object 的标志符) 4. type (类型)当 valuetype 属性的值设置为 ref 时,此属性指定了 URL 所代表资源的内容类型 object 可以定义很多种不同的多媒体文件 1. classid: 该属性指定了浏览器中用来播放相应多媒体对象的控件 ID 2.codebase :定义多媒体文件相对位置的根目录 3.codetype: 指定当下载由 classid 所指定的对象时使用的数据内容的类 型 4.data: 定义多媒体文件的位置 5.type:定义多媒体文件的类型 6.width,height selector{property1:value1;property2:value2......} selector 表示需 要应用式样的对象 property 表示由 css 标准定义的样式属性 value 表示样式赂性的值 例:h2{text-align:center;font-family:楷体_gb2312} selector.classname{property1:value1;......} 标记符类 .classname{property:value;......} 通用类 #IDname{property:value;......}