网页制作HTML代码全攻略

1、网页制作HTML代码全攻略第一章：HTML 语言的结构 html文件是标准的ASCII文件，它看起来象是加入了许多被称为标注(tag)的特殊字符串的普遍文本文件。从结构上讲，html文件由元素(element)组成，组成html文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”， 即它有起始标记和结尾标记。元素的起始标记叫做起始标注(start tag)，元素结束标记叫做结尾标注(end tag)，在起始标注和结尾标注中向的部分是元素体。 每一个元素都有名称和可选择的属性，元素的名称和属性都在起始标注内标明。 比如体元素(body) demo This is my first html file. 第一行是体元素的起始标注，它标明体元素从此开始。因为所有的标注都具有相同的结构，所以我们将仔细分析这个标注的各个部分，以便读者对标注的写法有一大概了解。 起始标注开始 body 元素名称，由于元素和标注一一对应，所以元素名也叫标注名。需要注意的是起始链接链结束。 第二行和第三行是body元素的元素体，最后一行是body元素的结尾标注。结尾标注用。 从上面的例子

2、中，我们可以看出，一个元素的元素体中可以有另外的元素。(上例中第二行的标题元素和第三行的分段元素。实际上，html文件仅由一个html元素组成， 即文件以开始，以结尾，文件其部分都是 html的元素体。html元素的元素体由两大部分，即头元素.和体元素和一些注释组成。头元素和体元素的元素体又由其它的元素和文本及注释组成。也就是说，一个html文件应具有下面的结构： html文件开始 文件头开始 文件头 文件头结束 文件体开始 文件体 文件体结束 html文件结束 需要说明的是，html是一门发展很快的语言，早期的html文件并没有如此严格的结构，因而现在流行的浏览器(如Netscape,Mosaic等)为保持对早期html文件的兼容性,也支持不按上述结构编写的html文件。还需要说明的是，各种浏览器对html元素及其属性的解释也不完全一样，本书中所讲的元素，元素的属性及其输出是以Netscape2.0 浏览器为准的，作者将尽量给出别的浏览器对某一元素的解释。 一般来讲，html的元素有下列三种表示方法： 1)文件或超文本 2)文本成超文本 3) 第三种写法仅用于一些特殊的元素,比如分段

3、元素P，它仅仅通知www浏览器在此处分段，因而不需要界定作用范围， 所以它没有结尾标注。htlm3.0标准中，也定义了 标注，它用于需要界定作用范围的段落，比如增加对齐方式属性的段落。 注意: HTML并非大小写敏感. 和或者是一样的. html文件中，有些元素只能出现在头元素中，绝大多数元素只能出现在体元素中。在头元素中的元素表示的是该html文件的一般信息，比如文件名称，是否可检索等等。这些元素书写的次序是无关紧要的，它只表明该html有还是没有该属性。与此相反，出现在体元素中的元素是次序敏感的，改变元素在html文件中的次序会改变该html文件的输出形式。第二章： 构成网页的基本元素 2.1标题(TITLE) Title元素是文件头中唯一一个必须出现的元素，它也只能出现在文件头中。title元素的格式为： 文件标题 title标明该html文件的标题，是对文件内容的概括。一个好的标题应该能使读者从中判断出该文件的大概内容。文件的标题一般不会显示在文本窗口中，而以窗口的名称显示出来。除了标识窗口外，当将某一 homepage 存入书签或文件时，title还用作书签名或缺省的文件名。

4、 title的长度没有限制，但过长的标题会导致折行，一般情况下它的长度不应超过64个字符。由于title的作用是标明文件内容，所以太短的title也是不可取的，比如：introduction 这个标题，读者不可能根据它判断出本文介绍的是什么。一个好的例子是： An Introduction to HTML 在头元素中还可以出现其他元素，如，等等。这些元素都不是必须的，而且也不常用。 这些元素的用法和它们的含义可以参考有关文献。下面是一个最简单的html 文件the simplest html fileThis is my first html file. 2.2 标题(hn) 标题元素有6种，分别为h1, h2,h6，用于表示文章中的各种标题。标题号越小，字体越大。一般情况下，浏览器对标题作如下解释： h1 黑体，特大字体，居中，上下各有两行空行。 h2 黑体，大字体，上下各有一到两行空行 h3 黑体(斜体)，大字体，左端微缩进，上下空行 h4 黑体，普通字体，比h3更多缩进，上边一空行 h5 黑体(斜体)，与h4相同缩进，上边一空行 h6 黑体，与正文有相同缩进，上边一空行 Nets

5、cape 对hn的解释为，一律黑体，字体越来越小。 hn可以有对齐属性，align#，#表示left 标题居左center 标题居中right 标题居右 例: Chapter 2 标题元素！ 标题元素！标题元素！ 标题元素！标题元素！ 标题元素！标题元素！ 标题元素！标题元素！ 标题元素！标题元素！ 标题元素！ 2.3 分段 html的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以html将多个空格以及回车等效为一个空格，这是和绝大多数字处理器不同的。html的分段完全依赖于分段元素。比如下面两段源文件有相同的输出。This is a level Two Heading paragraphy one paragraph two This Is a Level Two Headingparagraph one paragraph Two 也可以有多种属性，比较常用的属性是： aligh# #可以是left,center,right,其含义同上文。 例This is a centered paragraph 当 html文件中有图形，图形可能占据了窗口的一端，图形的周围可能还有较大

6、的空白区。这时，不带clear属性的可能会使文章的内容显示在该空白区内。为确保下一段内容显示在图形的下方，可使用clear属性。clear属性的含义为：clear=left 下一段显示在左边界处空白的区域clear=right 下一段显示在右边界处空白的区域clear=all 下一段的左右两边都不许有别的内容 2.4 列表List 列表用于列举事实，常用的列表有3种格式，即无序列表(unordered List)，有序列表(ordered list)和定义列表(definition list) 2.4.1 无序列表(ul) 无序列表用(ul)开始，每一个列表条目用引导，最后是，注意列表条目不需要结尾标注。输出时每一列表条目缩进，并且以黑点标示。例 ： Today Tommorow 输出为 Today Tommorow 2.4.2 有序列表 有序列表与无序列表相比，只是在输出时列表条目用数字标示，下面是一个例子及其输出： 例： Today Tommorow 输出为： 1.Today 2.Tommorow 2.4.3 定义列表 定义列表用于对列表条目进行简短说明的场合，用开始，列表条目用引

7、导，它的说明用引导。Item 1The definition of item 1Item 2Definition or explaination of item 2输出为：Item 1 The definition of item 1Item 2 Definiton or explaination of item 2 2.4.4 改变条目标记 1.改变无序列表条目标记 无序列表输出时，每一条目前都有一个黑色圆点，用户可以用type序性修改条目的标记。type可以是disc 实心圆点cirde圆圈 square实心方点ONETWOTHREE输出为：ONETWOTHREE 2.改变有序列表条目标记 有序列表条目标记的缺省值是阿拉伯数字，可以用type属性修改。方法为：#=A, 大写字母a, 小写字母I, 大写罗马数字i, 小写罗马数字l, 缺省,阿拉伯数字ONE-ONEONE-TWO输出为：A.ONE-ONEB.ONE-TWOONE-ONEONETWO输出为：a.ONE-ONEb.ONE-TWOONE-ONEONE=TWO输出为：.ONE-ONE.ONE-TWOONE-ONEONE-TWO输出为：i.ONE-ONEii.ONE-TWOONE-ONEONE-TWO输出为：1.ONE-ONE2.ONE-TWO

《网页制作HTML代码全攻略》由会员大米分享，可在线阅读，更多相关《网页制作HTML代码全攻略》请在金锄头文库上搜索。