《HTML基本结构与常用记.docx》由会员分享，可在线阅读，更多相关《HTML基本结构与常用记.docx（12页珍藏版）》请在三一办公上搜索。
1、HTML基本结构与常用记附录A HTML基本结构与常用标记 1 HTML简介 我们在浏览器上看到的网页其实是HTML文件构成的,HTML是“Hypertext Markup Language与COORDS。 5表格标记 表格标记对于制用网页是非常重要的，现在的很多网页都是使用多重表格，主要是因为表格不但可以定位文本或图像的输出，而且还可以在表格中进行任意的背景和前景颜色的设置。 (1) 标记对用来创建一个表格，它有八个属性值，分别为： l ：设置表格的背景色。 l ：设置边框的宽度，若不设此属性，则边宽为零。 l ：设置边框的颜色。 l ：设置边框明亮部分的颜色。 l ：设置边框昏暗部分的颜色
2、。 l ：设置表格格子之间空间的大小。 l ：设置表格格子边框与内容之间空间的大小。 l ：设置表格的宽度。 以上各个属性可以结合使用，有关宽度、大小的单位用绝对像素值。而有关颜色的属性使用十六进制RGB颜色码或HTML语言给定的颜色常量名。 6 (2) 与 标记对用来创建表格中的每一行，而标记对用来创建表格一行中每一个格子，例如要创建一个一行三列的表格，则标记就可按如下方式书写： 最外层，创建一个表格 创建一行 要输出的文本 创建三个格子 要输出的文本 要输出的文本 最外层 。 (3) 标记对用来设置表格头，通常是黑体居中文字。 (4) 为表格定义一个标题，使用属性ALIGN指定标题的位置。
3、 6框架标记 创建框架页面时，我们也可以根据框架标记编制出任意的框架集合。它的标记如下： (1) 该标记对用来定义主文档中有几个框架并且各个框架是如何排列的。该标记放在框架的主文档的标记对的外边，也可以嵌在其他框架文档中，并且可以嵌套使用。它具有ROWS和COLS属性，使用标记时这两个属性至少必须选择一个，否则浏览器只显示第一个定义的帧。ROWS用来规定主文档中各个框架的行定位，而COLS用来规定主文档中各个框架的列定位。 (2) 标记放在之间，用来定义某一个具体的框架。标记具有SRC和NAME属性，这两个属性都是必须要取值的。SRC定义此框架的源HTML文件名，浏览器将会在此框架中显示SRC
4、指定的HTML文件。NAME是此框架的名字，当此框架要建立超链接时必须要用到。标记还有SCROLLING和NORESIZE属性，SCROLLING用来指定是否显示滚动条，取值可以是“YES”、“NO”、“AUTO”。NORESIZE属性直接加入标记中即可使用，不需赋值，它用来禁止用户调整一个框架的大小。 (3) 标记对也是放在标记对之间，用来在那些不支持框架的浏览器中显示文本或图像信息。 7 7表单标记 (1) 标记用来创建一个表单，也即定义表单的开始和结束位置，在标志对之间的一切都属于表单的内容。标记具有action、method和target属性。Action用来处理程序的程序名，meth
5、od属性用来定义处理程序从表单中获得信息的方式，可取值为GET和POST的其中一个。GET方式是处理程序从当前Html文档中获取数据，然而这种方式传送的数据量是有所限制的，一般限制在1KB以下。POST方式与GET方式相反，它是当前的Html文档把数据传送给处理程序，伟送的数据量要比使用GET方式的大的多。target属性用来指定目标窗口或目标框架。 (2) 标记用来定义一个用户输入区，用户可以在其中输入信息。此标记放在标记对之间。标记中共提供了八种类型的输入区域，具体是哪一种类型由type属性来决定。 (3) 标记用来创建一个下拉式列表或可以复选的列表框。此标记放在标记对之间。具有multi
6、ple、name和size属性。Multiple属性不用赋值，直接加入标志中即可使用，加入发此属性后列表框就成了可多选的了。Name是此列表框的名字。Size属性用来设置列表的高度，默认时值为1，若没有设置multiple属性，显示的将是一个弹出式的列表框。 (4) 用来创建一个可以输入多行的文本框，此标记对用于标记对之间。具有name、cols和rows属性。cols和rows属性分别用来设置文本框的列数和行数，以字符为单位。 8音、视频与图像标记与特殊效果标记 网页中如果加入音频、视频与图像，可以使网页显得更加的绚丽多彩。它们的标记如下： (1) 标记并不是真正的把图像给加入到HTML文档
7、中，而是将标记对的SRC属性赋值，这个值是图形文件的文件名，当然包括路径，路径可以是相对路径也可以是网址。SRC属性在标记中是必须赋值的，是标记中不可缺少的一部分。除此之外，标记还有ALT、ALIGN、BORDER、WIDTH和HEIGHT属性。其中ALT属性是指当鼠标移动到图像上时显示的文本，ALIGN是图像的对齐的方式，BORDER属性是图像的边框，可以取大于或等于零的整数，WIDTH和HEIGHT属性是指图像的宽与高。 8 (2) 标记用来加入音频。也是利用标记对的SRC属性赋值，SRC的值为路径，也是标记中不可缺少的。该标记对有一个特殊的属性为LOOP，用来控制音频的播入次数，当取值为
8、-1时，指不限制播放次数。 (3) 标记用来加入视频。该标记也是利用SRC属性值来赋值实现的，功能与上面的相同。 (4) 标记对用来设定当不支持视频播放的浏览器浏览网页时显示的文本或图像。 (5) 标记对用来设置滚动字幕。该标记有八个属性值，其中BGCOLOR属性值表示背景色，SCROLLAMOUNT表示速度，SCROLLDELAY属性值表示延迟，WIDTH和 HEIGHT分别表示该字幕的宽与高，LOOP表示该字幕的循环次数，DIRECTION属性值表示滚动的方向，ALIGN表示对齐方式。 3常用HTML标记汇总 结构标记 1 用于定义HTML文件的类型。 2 定义HTML文件的开始和结束.
9、3 出现在HTML文件的起始部分,用来表明文件的标题等相关信息. 4BODY BDDY元素是HTML文件的主体,可以理解成除标题以外的所有部分. 文件头部标记 HTML文件头部位于HTML和/HTML之间，内容包括标题名、创作信息等。 1BASE 这是一个单标记，设定相对引用的基址URL。 2ISINDEX 用于在浏览器上建立一个交互索引框。 9 3LINK 定义当前文件和另一文件或资源间的链接关系。 4META 用于指明HTML文件自身的一些信息，如：文件制作工具、文件作者等。 使用的属性有： Name:指定特性名； Content: 指定特性值； Http-equiv:定义标记的特性。 5
10、 用于定义风格. 6 定义标题,用法如: 标题名. 格式标记 1. 指定文本为粗体. 2. 使用SIZE属性指定文本的基准大小. 3. 大字体文本. 4. 设定文本闪烁(只适用于Netscape Navigator). 如: 此处是闪烁的文本 5. 设定斜体文字. 6. 将程序代码显示成等宽字体.如:int x;x+; 7. 指定一个术语的定义 8. 强调某段文字,通常用斜体显示 9. 规定字体属性,使用的属性有:size、color等 10. 斜体格式 11. 提示用户应该从键盘输入的文字，浏览器一般用等宽字体显示 12. 10 样本字体格式，常用于举例，浏览器一般用等宽字体显示. 13.
11、指定一段文字为小字体(比当前一般字体小一号). 14. 指定一段文字在浏览器中显示带删除线. 15. 粗体显示的强调文本. 16. 下标文字. 17. 上标文字. 18. 标准打印机字体. 19. 带下划线的文字. 20. 参数或变量型字体，常显示为斜体 超文本链接标记 1. 用于创建超文本链接，可以使用的属性有： Href:指定一个URL作为有效的链接资源地址 Name:指定一个字符串作为链接时可以使用的位置名称 Target:用于设置所链接的文件显示在指定的窗口 Rel:用来指定源端在当前文件的链接 Rev:用来指定目的端在当前文件的链接，与Rel一样，对A元素它们都不是必须的 2. 为客
12、户端的图像指定链接，使用的属性为Name 3. 用于定义热区或区域，使的属性有: Shape:定义形状,属性值可为:rect,circle,polygon,default. Coords:定义一个以逗号分隔的坐标列表. 图像与声音标记 1. 为HTML文件指定背景声音(适用于Microsoft Internet Explorer),使用的属性有: Src:指定文件的URL. Loop:声音播放的次数,若为-1或Infinite,则一直播放下去. 2. 11 用于将图像嵌入HTML文件.使用的属性有: Src:指定图像的URL. Alt:指定当浏览器尚未完全读入图像、或浏览器不支持内联图像、或用
13、户为加快浏览速度设置不显示图像时，在图像位置显示的说明性文字。 Align:指定图像的对齐方式和布局方式。可取值为：top,texttop,middle,absmiddle,baseline,bottom,absbottom. Hspace:设定图像与文本之间水平方向的空白。 Vspace: 设定图像与文本之间垂直方向的空白。 Border:用于给图像加边。 Height和Width：用于指定图像的大小。 块标记 1. 地址型格式，用于地址、签名等。 2. 表示引用的一段材料 如：爱因斯坦说过：A=X+Y+Z，A代表成功 3. 强制文本换行 4. 使文本或图像居中。 5. 用于将文本划分成不同
14、的部分，使用Align属性为各个段落指定不同的对齐方式。 6. N级标题，其中n的取值可为1，2,6。 7. 在前后两个段落之间画出一条横跨的标尺线，使用的属性有： Width:标尺线的长度，可用Width=x%表示占屏幕宽度的比例。 Size:标尺线的宽度。 Noshade:将标尺线设置成黑色。 8. 预格式化文本，使浏览器能保留显示这些格式。 9. 用于分段。 列表标记 1. 建立目录表,作为无序列表,在HTML中中推荐书使用标记 12 2. 与和元素配合使用,定义项目列表 3. 定义项目内容,特点是换行、不带记号和缩进左对齐 4. 定义项目，特点是换行和左对齐 5. 用于定义表项 6.
15、定义菜单列表,作为无序列表,在HTML中推荐使用标记. 7. 定义带序号的列表,即有序列表. 8. 定义无序列表,用定义表项 制表标记 1. 为表格定义一个标题,使用属性Align指定标题的位置 2. 定义一个表格,可以使用的属性为: Align=”left/right”:表格在页面的位置 Border=value:设定表格边框的粗细,value取整数,单位为像素Bordercolor=color:设定边框线颜色 Bordercolordark=color:设定边框线亮度(暗色) Bordercolorlight=color:设定边框线亮度(亮色) Cellpadding=pixels:设置表
16、元四周格线和数据之间的距离 Cellspacing=pixels:设定两个表元间隙 3. 表格主体段 4. 表格数据单元,即表格数据写在和之间 5. 表格注脚段 6. 表格表头部分 7. 表格一行 表单标记 13 1. 在文档中产生表单,使用的属性如下: Action=url:设定处理表单数据的URL Method=get/post:说明如何处理表单数据 2. 用于设计输入控件,使用的属性如下: Type:指定控件的类型,可以选择的属性为: text,checkbox,radio,submit, reset,image等 Size=n:控件的大小 Name:指定控件的名称 Maxlength=
17、nchars:限定用户所能输入的最多字符数目 3. 为由SELECT定义的列表控件定义一个选项,使用的属性为: Selected:该选项被预置 Value=n:用户选中某选项后的返回值 4. 用于定义列表框 5. 定义多行文本输入框,使用的属性为: Name:指定控件名 Cols=n:文本框的列数 Rows=n:文本框的行数 框架标记 1. 定义一个框架窗口,使用的属性为: Frameborder=”yes/no”:指定框架有无边框 Marginwidth=pixels:框架内容和框架左、右边框之间的空白 Marginheight=pixels:框架内容和框架上、下边框之间的空白 Scrolling=”yes/no/auto”:是否加入滚动条 Name:指定框架名 Src=url:指定源文件 2. 定义框架集，即整体框架，使用的属性为： Cols:按纵向将窗口划分成几个框架 Rows:按横向将窗口划分成几个框架 3. 为不能显示框架的浏览器指定替换内容 14 15
