HTML手册注意点.docx

1、HTML手册注意点在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=Bill HelloWorld Gates标题很重要请确保将 HTML heading 标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。HTML 提示 - 如何查看源代码您一定曾经在看到某个网页时惊叹道 “WOW! 这是如何实现的？”如果您想找到其中的奥秘，只需要单击

2、右键，然后选择“查看源文件”（IE）或“查看页面源代码”（Firefox），其他浏览器的做法也是类似的。这么做会打开一个包含页面 HTML 代码的窗口。注释：浏览器会自动地在段落的前后添加空行。（ 是块级元素）提示：使用空的段落标记 去插入一个空行是个坏习惯。用 标签代替它！（但是不要用 标签去创建列表。不要着急，您将在稍后的篇幅学习到 HTML 列表。）HTML 输出 - 有用的提示我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时，浏览器会移除源代码中多

3、余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。文本格式化标签标签描述定义粗体文本。定义大号字。定义着重文字。定义斜体字。定义小号字。定义加重语气。定义下标字。定义上标字。定义插入字。定义删除字。不赞成使用。使用 代替。不赞成使用。使用 代替。不赞成使用。使用样式（style）代替。“计算机输出”标签标签描述定义计算机代码。定义键盘码。定义计算机代码样本。定义打字机代码。定义变量。定义预格式文本。不赞成使用。使用 代替。不赞成使用。使用 代替。不赞成使用。使用 代替。引用、引用和术语定义标签描述定义缩写。定义首字

4、母缩写。定义地址。定义文字方向。定义长的引用。定义短的引用语。定义引用、引证。定义一个定义项目。不赞成使用的标签和属性在 HTML 4 中，有若干的标签和属性是被废弃的。被废弃（Deprecated）的意思是在未来版本的 HTML 和 XHTML 中将不支持这些标签和属性。这里传达的信息很明确：请避免使用这些被废弃的标签和属性！应该避免使用下面这些标签和属性：标签描述定义居中的内容。 和 定义 HTML 字体。 和 定义删除线文本定义下划线文本属性描述align定义文本的对齐方式bgcolor定义背景颜色color定义文本颜色对于以上这些标签和属性：请使用样式代替！style 属性淘汰了“旧的

5、” bgcolor 属性。background-color 属性为元素定义了背景颜色：background-color 属性为元素定义了背景颜色：style=background-color:redstyle 属性淘汰了旧的 标签。font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：style=font-family:arial;color:red;font-size:20px;style 属性淘汰了旧的 align 属性。text-align 属性规定了元素中文本的水平对齐方式：style=text-align:center有两种使

6、用 标签的方式：1. 通过使用 href 属性 - 创建指向另一个文档的链接 2. 通过使用 name 属性 - 创建文档内的书签 HTML 链接 - name 属性name 属性规定锚（anchor）的名称。name 属性用于创建 HTML 内部的书签。书签不会以任何特殊方式显示，它对读者是不可见的。当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。命名锚的语法：Text to be displayed提示：锚的名称可以是任何你喜欢的名字。实例HTML 文档内部的已命名的锚：Useful Tips Sec

7、tion然后，我们创建指向相同文档中“有用的提示”部分的链接：Visit the Useful Tips Section或者，创建从另一个页面指向该文档中“有用的提示”部分的链接：a href=Visit the Useful Tips Section在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。基本的注意事项 - 有用的提示：注释：请始终将正斜杠添加到子文件夹。假如这样书写链接：href= HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=提示：命名锚经常用于在大型文档开始位置上创建目录

8、。可以为每个章节赋予一个命名锚，然后把链接到这些锚的链接放到文档的上部。如果您经常访问XX百科，您会发现其中几乎每个词条都采用这样的导航方式。提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。格中的空单元格在大多数浏览器中，没有内容的表格单元显示得不太好。row 1, cell 1row 1, cell 2row 2, cell 1在浏览器显示如下：row 1, cell 1row 1, cell 2row 2, cell 1注意：这个空的单元格的边框没有被显示出来。（不过 Mozilla Firefox 可以将整个边框显示出来。）为了避免这种情况，在空单元格中添

9、加一个空格占位符，就可以将边框显示出来。row 1, cell 1row 1, cell 2row 2, cell 1 在浏览器中显示如下：row 1, cell 1row 1, cell 2row 2, cell 1基本的注意事项 - 有用的提示：, 和 很少被用到，这是由于浏览器对它们的支持不太好。希望这种情况在未来版本的 XHTML 中会有所改观。如果你使用 IE5.0 或者更新的版本，可以查看在我们的XML教程中的具体例子。表格标签表格描述定义表格定义表格标题。定义表格的表头。定义表格的行。定义表格单元。定义表格的页眉。定义表格的主体。定义表格的页脚。定义用于表格列的属性。定

10、义表格列的组。无序列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于 标签。每个列表项始于 。CoffeeMilk浏览器显示如下： Coffee Milk 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。有序列表同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 标签。每个列表项始于 标签。CoffeeMilk浏览器显示如下：1. Coffee 2. Milk 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。定义列表自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 标签开始。每个自定义列表项以 开始

11、。每个自定义列表项的定义以 开始。CoffeeBlack hot drinkMilkWhite cold drink浏览器显示如下：Coffee Black hot drink Milk White cold drink 定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。列表标签标签描述定义有序列表。定义无序列表。定义列表项。定义定义列表。定义定义项目。定义定义的描述。已废弃。使用 代替它。已废弃。使用 代替它。表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。表单使用表单标签（）定义。. input

12、元素.注意，表单本身并不可见。同时，在大多数浏览器中，文本域的缺省宽度是20个字符。表单的动作属性（Action）和确认按钮当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。Username: 表单标签标签描述定义供用户输入的表单定义输入域定义文本域 (一个多行的输入控件)定义一个控制的标签定义域定义域的标题定义一个选择列表定义选项组定义下拉列表中的选项定义一个按钮已废弃。有代替。图像标签（）和源属性（Src）在 HTML 中，图像由 标签定义。 是空标签，意思是说，它只包含属性，并且没有

13、闭合标签。要在页面上显示图像，你需要使用源属性（src）。src 指 source。源属性的值是图像的 URL 地址。定义图像的语法是：URL 指存储图像的位置。如果名为 boat.gif 的图像位于 的 images 目录中，那么其 URL 为 浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间，那么浏览器会首先显示第一个段落，然后显示图片，最后显示第二段。图像标签标签描述定义图像。定义图像地图。定义图像地图中的可点击区域。背景（Backgrounds） 拥有两个配置背景的标签。背景可以是颜色或者图像。背景颜色（Bgcolor）背景颜色属性将背景设置为某种颜色。属性

14、值可以是十六进制数、RGB 值或颜色名。以上的代码均将背景颜色设置为黑色。背景（Background）背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器窗口进行复制。body background=URL可以是相对地址，如第一行代码。也可以使绝对地址，如第二行代码。基本的注意事项 - 有用的提示： 标签中的背景颜色（bgcolor）、背景（background）和文本（text）属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。W3C 在他们的推荐标准中已删除这些属性。应该使用层叠样式表（CSS）来定义 HTML 元素的布局和

15、显示属性。颜色值颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。这个表格给出了由三种颜色混合而成的具体效果：ColorColor HEXColor RGB#000000rgb(0,0,0)#FF0000rgb(255,0,0)#00FF00rgb(0,255,0)#0000FFrgb(0,0,255)#FFFF00rgb(255,255,0)#00FFFFrgb(0,255,255)#FF00FFrgb(255,0,255)#C0C0C0rgb(192,192,192)#FFFFFFrgb

16、(255,255,255)颜色名大多数的浏览器都支持颜色名集合。提示：仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。如果需要使用其它的颜色，需要使用十六进制的颜色值。ColorColor HEXColor Name#F0F8FFAliceBlue#FAEBD7AntiqueWhite#7FFFD4Aquamarine#000000Black#0000F

17、FBlue#8A2BE2BlueViolet#A52A2ABrown颜色值颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。每种颜色的最小值是 0（十六进制：#00）。最大值是 255（十六进制：#FF）。1600万种不同的颜色通过计算 256 x 256 x 256，从 0 到 255 的红色、绿色和蓝色的值一共可以组合出 1600 万种不同的颜色。大多数现代的显示器有能力显示出至少 16384 种不同的颜色。灰阶当所有颜色取相等的值时，灰色就可以被显示出来。为了使您更容易地选择合适的灰色，我们为您制作了一幅灰阶色表。提示：仅有 16 种颜色名被 W3C 的 HTM

18、L 4.0 标准支持，它们是：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。如果使用其它颜色的话，就应该使用十六进制的颜色值。来自 W3School 的 HTML 快速参考。可以打印它，以备日常使用。HTML Basic DocumentDocument name goes hereVisible text goes hereText ElementsThis is a paragraph (line break) (horizontal rule)Th

19、is text is preformattedLogical StylesThis text is emphasizedThis text is strongThis is some computer codePhysical StylesThis text is boldThis text is italicLinks, Anchors, and Image Elementsa href= is a LinkSend e-mailA named anchor:Useful Tips SectionJump to the Useful Tips SectionUnordered listFir

20、st itemNext itemOrdered listFirst itemNext itemDefinition listFirst termDefinitionNext termDefinitionTables someheader someheader sometext sometextFrames FormsApplesBananasCherriesEntities< is the same as © is the same as Other ElementsText quoted from some source.Address 1Address 2City框架通过使

21、用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。使用框架的坏处： 开发人员必须同时跟踪更多的HTML文档 很难打印整张页面 框架结构标签（） 框架结构标签（）定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积 编者注：frameset 标签也被某些文章和书籍译为框架集。框架标签（Frame）Frame 标签定义了放置在每个框架中的 HTML 文档。在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 frame_a.htm 被置于第一个列中，而