网页制作工具

网页制作工具内容摘要：

HTML HEAD TITLE HTML示例 /TITLE META equiv = “Refresh” content = “30。 URL = ” /HEAD BODY background = “” Tom amp。 amp。 Jerry amp。 gt。 is a popular VCD program. P 第一段 , 以下是默认水平线 : HR P 第二段，用 BR 标记符控制断行 BR 仍然为第二段，但此行已经断开 P 第三段，以下是粗为 5像素的实心水平线 : HR size = “5” noshade P 第四段 , 多个 BR 标记符可以产生多个空行效果 BR BR BR BR P 此为最后一段 /BODY /HTML • 标题标记符 – 在 HTML标记符中，最基本、最常用的标记符是标题标记符 TITLE 和 /TITLE ，用于定义网页的标题。 网页标题可被浏览器用作书签和收藏清单。 当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示 – 另一个常用的标记符是 META，用于说明与 Web页有关的信息。 例如说明文件创作工具、文件作者等信息 META标记符的常用属性包括： name、 equiv以及content。 其中， name属性给出特性名，而 content属性给出特性值， equiv属性指定 HTTP响应名称，通常用于替换 name属性， HTTP服务器使用该属性值为 HTTP响应消息头收集信息 – 例如： META equiv = “ContentScriptType” content = “text/javascript” , – 编写客户端程序的语言是 JavaScript – META标记符的一个常用功能是设置自动转址功能，使浏览器自动从一个地址跳转到另一个地址 • 正文标记符 – 正文标记符 BODY 和 /BODY 包含 Web页的具体内容，包括文字、图形、超链接以及其他各种 HTML对象 – 如果没有其他标记符修饰，正文标记符中的文字将以无格式的形式显示 (浏览器窗口显示不下则自动换行 ) – 在 BODY 标记符中使用 bgcolor属性可以为网页设置背景颜色。 例如，想为网页设置黑色背景，可使用 HTML语句： BODY bgcolor = “black” 在指定背景颜色时，有 16种标准颜色可供选择 – 网页设计者也可选择特定图案作为页面的背景，这时，可使用 BODY标记符的 background属性。 HTML语句： BODY background = “网页背景图案的地址” 使用背景图案时，如果图案小于浏览器窗口的大小，则浏览器会自动像铺地板砖一样平铺背景图案 • 显示特殊字符 – 如果要在网页中显示某些特殊字符，例如：“ ”、“ ”等与 HTML语法冲突的符号 (“”号是 HTML标记符 ) ，或者“ ”、“ ∑”、“ 177。 ”等无法直接用键盘输入的符号，则需使用参考字符来表示，不能直接输入 – 参考字符以“ amp。 ”号开始，以“。 ”结束，既可以使用数字代码，也可以使用代码名称 – 最常见的参考字符是： “ ”表示为 “”表示为 “amp。 ”表示为 amp。 空格表示为 – 例如，要在 Web页中显示内容“ Tom amp。 Jerry is a popular VCD Program.”，则需使用参考字符“ Tom amp。 amp。 Jerry is a popular VCD program.” – 对于“ amp。 ”这种可以直接用键盘输入的特殊字符，如果不用参考字符，浏览器通常也能够正确显示。 例如，刚才的示例中， BODY部分的代码也可以写为：“ Tom amp。 Jerry amp。 gt。 is a popular VCD program.”。 不过，如果要显示“ ”和“ ”，则一定要使用参考字符，否则会出现显示错误 • 段落标记符和换行标记符 – 段落标记符 P 和换行符 BR 标记符 P 标记符可以区分各段文字 BR 标记符产生断行或产生空行 • 水平线标记符 – 当需要水平线的时候要用水平线标记符 HR – 注意与水平线标记符相配合的还有 size、 width、 noshade和 color等属性 • 标题标记符及正文对齐方式 – 以下 HTML代码显示了 l ~ 5级标题的效果、 align属性的使用以及段落的对齐方式的效果，如图所示 – HTML HEAD TITLE 标题效果 /TITLE /HEAD BODY H1 align = “center” 一级标题 (居中对齐 ) /H1 H2 二级标题 /H2 P 本行为默认对齐的段落，相当于 align = “left” H3 三级标题 /H3 P align = “center” 本行为居中对齐的段落 H4 四级标题 /H4 P align = “right” 本行为右对齐的段落 H5 五级标题 /H5 DIV align = “center” P 好好学习 /P P 天天向上 /P /BODY /HTML • 浏览器在解释标题标记符时，会自动改变文本的大小并将字体设为黑体，同时自动将内容设置为一个段落 • align属性可应用于多种标记符，如 P、 BR标记符等 • 若需要将多个段落使用相同的对齐方式，可以不必在每个段落中设置 align属性，而是使用 DIV标记符将所有段落包含起来，然后在 DIV标记符中设置align属性 • 表格标记 – 表格是 HTML的一项非常重要的功能，利用其多种属性能够设计出多样化的表格 – 使用表格可以使页面有很多意想不到的效果，使页面更加整齐美观。 表格的设计及表格的属性标记介绍如下： • 表格的 HTML基本语法如下： – TABLE … /TABLE ——定义表格 – TR——定义单元行 – TH——定义标题栏 – TD——定义单元格 (表格的具体数据 ) • TABLE标签还包含其他一些参数 – BORDER表示表格边框 – CELLSPACING表示单元格之间的空白距离 – WIDTH表示表格的宽度 (可以用％或者具体数据表示 ) – HEIGHT表示表格的高度 • 表格的色彩也在 TABLE 标签里设置，参数有 – BGCOLOR背景颜色 – BORDERCOLOR边框颜色 – BORDERCOLORLIGHT立体边框亮色 – BORDERCOLORDARK立体边框暗色 – 标示颜色的语法为： TABLE BGCOLOR = “RRGGBB” – 其中， RRGGBB分别为 RGB三色的十六进制数值 • 在表格里面还有一些需要知道的属性： – ALIGN调整表格位置 – HEIGHT调整表格的高度 – WIDTH调整表格的宽度 – COLSPAN表示表内栏宽 – ROWSPAN表示表内栏高 – HTML代码的效果如图所示 • 虽然 FrontPage、 Dreamweaver等所见即所得的网页编辑软件都不用编写代码，就可以轻松地实现表格的排版，但是掌握一些基本语法，关键时刻还是很有用处的 • HTML HEAD TITLE 表格示例 /TITLE /HEAD BODY TABLE BORDER = 1 WITH = 200 HEIGHT = 100 ALIGN = CENTER BGCOLR = CCCCFF CAPTION 表格标题 /CAPTION TR TD TH COLSPAN = 2 行标题 l TH COLSPAN = 2 行标题 2 TR TH ROWSPAN = 2 列标题 l TD A TD A TD。