1、网页制作HTML代码全攻略网页制作HTML代码全攻略第一章:HTML 语言的结构 html文件是标准的ASCII文件,它看起来象是加入了许多被称为标注(tag)的特殊字符串的普遍文本文件。从结构上讲,html文件由元素(element)组成,组成html文件的元素有许多种,用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”, 即它有起始标记和结尾标记。元素的起始标记叫做起始标注(start tag),元素终止标记叫做结尾标注(end tag),在起始标注和结尾标注中向的部份是元素体。 每一个元素都出名称和可选择的属性,元素的名称和属性都在起始标注内标明。 比如体元素(body) d
2、emo This is my first html file. 第一行是体元素的起始标注,它标明体元素从此开始。因为所有的标注都具有相同的结构,因此咱们将认真分析那个标注的各个部份,以便读者对标注的写法有一可能了解。 起始标注开始 body 元素名称,由于元素和标注一一对应,因此元素名也叫标注名。需要注意的是起始链接链终止。 第二行和第三行是body元素的元素体,最后一行是body元素的结尾标注。结尾标注用。 从上面的例子中,咱们能够看出,一个元素的元素体中能够有另外的元素。(上例中第二行的题目元素和第三行的分段元素。事实上,html文件仅由一个html元素组成, 即文件以开始,以结尾,文件其
3、部份都是 html的元素体。html元素的元素体由两大部份,即头元素.和体元素和一些注释组成。头元素和体元素的元素体又由其它的元素和文本及注释组成。也确实是说,一个html文件应具有下面的结构: html文件开始 文件头开始 文件头 文件头终止 文件体开始 文件体 文件体终止 html文件终止 需要说明的是,html是一门进展专门快的语言,初期的html文件并无如此严格的结构,因此此刻流行的阅读器(如Netscape,Mosaic等)为维持对初期html文件的兼容性,也支持不按上述结构编写的html文件。还需要说明的是,各类阅读器对html元素及其属性的说明也不完全一样,本书中所讲的元素,元素
4、的属性及其输出是以 阅读器为准的,作者将尽可能给出别的阅读器对某一元素的说明。 一样来讲,html的元素有以下三种表示方式: 1)文件或超文本 2)文本成超文本 3) 第三种写法仅用于一些特殊的元素,比如分段元素P,它仅仅通知www阅读器在此处分段,因此不需要界定作用范围, 因此它没有结尾标注。标准中,也概念了 标注,它用于需要界定作用范围的段落,比如增加对齐方式属性的段落。 注意: HTML并非大小写灵敏. 和或是一样的. html文件中,有些元素只能出此刻头元素中,绝大多数元素只能出此刻体元素中。在头元素中的元素表示的是该html文件的一样信息,比如文件名称,是不是可检索等等。这些元素书写
5、的顺序是无关紧要的,它只说明该html有仍是没有该属性。与此相反,出此刻体元素中的元素是顺序灵敏的,改变元素在html文件中的顺序会改变该html文件的输出形式。第二章: 组成网页的大体元素 题目(TITLE) Title元素是文件头中唯一一个必需显现的元素,它也只能出此刻文件头中。title元素的格式为: 文件题目 title标明该html文件的题目,是对文件内容的归纳。一个好的题目应该能使读者从中判定出该文件的可能内容。文件的题目一样可不能显示在文本窗口中,而以窗口的名称显示出来。除标识窗口外,当将某一 homepage 存入书签或文件时,title还用作书签名或缺省的文件名。 title
6、的长度没有限制,但太长的题目会致使折行,一样情形下它的长度不该超过64个字符。由于title的作用是标明文件内容,因此太短的title也是不可取的,比如:introduction 那个题目,读者不可能依照它判定出本文介绍的是什么。一个好的例子是: An Introduction to HTML 在头元素中还能够显现其他元素,如,等等。这些元素都不是必需的,而且也不经常使用。 这些元素的用法和它们的含义能够参考有关文献。下面是一个最简单的html 文件the simplest html fileThis is my first html file. 题目(hn) 题目元素有6种,别离为h1, h
7、2,h6,用于表示文章中的各类题目。题目号越小,字体越大。一样情形下,阅读器对题目作如下说明: h1 黑体,特大字体,居中,上下各有两行空行。 h2 黑体,大字体,上下各有一到两行空行 h3 黑体(斜体),大字体,左端微缩进,上下空行 h4 黑体,一般字体,比h3更多缩进,上边一空行 h5 黑体(斜体),与h4相同缩进,上边一空行 h6 黑体,与正文有相同缩进,上边一空行 Netscape 对hn的说明为,一概黑体,字体愈来愈小。 hn能够有对齐属性,align#,#表示left 题目居左center 题目居中right 题目居右 例: Chapter 2 题目元素! 题目元素!题目元素! 题
8、目元素!题目元素! 题目元素!题目元素! 题目元素!题目元素! 题目元素!题目元素! 题目元素! 分段 html的阅读器是基于窗口的,用户能够随时改变显示区的大小,因此html将多个空格和回车等效为一个空格,这是和绝大多数字处置器不同的。html的分段完全依托于分段元素。比如下面两段源文件有相同的输出。This is a level Two Heading paragraphy one paragraph two This Is a Level Two Headingparagraph one paragraph Two 也能够有多种属性,比较经常使用的属性是: aligh# #能够是left
9、,center,right,其含义同上文。 例This is a centered paragraph 当 html文件中有图形,图形可能占据了窗口的一端,图形的周围可能还有较大的空白区。这时,不带clear属性的可能会使文章的内容显示在该空白区内。为确保下一段内容显示在图形的下方,可利用clear属性。clear属性的含义为:clear=left 下一段显示在左侧界处空白的区域clear=right 下一段显示在右边界处空白的区域clear=all 下一段的左右两边都不准有别的内容 列表List 列表用于列举事实,经常使用的列表有3种格式,即无序列表(unordered List),有序列表
10、(ordered list)和概念列表(definition list) 无序列表(ul) 无序列表用(ul)开始,每一个列表条款用引导,最后是,注意列表条款不需要结尾标注。输出时每一列表条款缩进,而且以黑点标示。例 : Today Tommorow 输出为 Today Tommorow 有序列表 有序列表与无序列表相较,只是在输出时列表条款用数字标示,下面是一个例子及其输出: 例: Today Tommorow 输出为: 概念列表 概念列表用于对列表条款进行简短说明的场合,用开始,列表条款用引导,它的说明用引导。Item 1The definition of item 1Item 2Defi
11、nition or explaination of item 2输出为:Item 1 The definition of item 1Item 2 Definiton or explaination of item 2 改变条款标记 无序列表输出时,每一条款前都有一个黑色圆点,用户能够用type序性修改条款的标记。type能够是disc 实心圆点cirde圆圈 square实心方点ONETWOTHREE输出为:ONETWOTHREE 有序列表条款标记的缺省值是阿拉伯数字,能够用type属性修改。方式为:#=A, 大写字母a, 小写字母I, 大写罗马数字i, 小写罗马数字l, 缺省,阿拉伯数字ONE-ONEONE-TWO输出为:ONE-ONEONETWO输出为:ONE-ONEONE=TWO输出为:.ONE-ONE.ONE-TWOONE-ONEONE-TWO输出为:ONE-ONEONE-TWO输出为: 有序列表的条款数字在缺省情形下是从1开始的,用start属性可修改这一值。方式为 #是条款起始号ONE-ONEONE-TWOTWO-ONETWO-ONE输出为: 列表的嵌套 各类列表能够彼此嵌套,每一个列表条款都能够是一个单独的列
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1