网页设计与制作_第3章 HTML的认识.pptVIP

第三章HTML的认识 当我们畅游Internet时，我们透过浏览器看到的网页，实际上主要是由HTML（超文本标记语言）实现的。所谓超文本指是把一些信息根据需要链接起来的信息管理技术，可以通过一个文本中的链指针打开另外一个相关的文本，只要用鼠标点一下文本中的高亮度或带下划线的条目，便可以得到相关的信息的文本。HTML是建立网页文件的一种语言，我们在第二章学习过的用FrontPage制作的网页以及用Dream Weaver 制作的网页也同样会生成HTML文件。我们可以通过直接查找代码来认识它们。HTML通过标签来分割和标记文本中的各个元素，如标题、表格、段落、列表等。 HTML以“”表示一个标签的开始，紧跟着的是标签名和该标签的各种属性，最后用“”表示这个标签的结束。下面是一个标签的实例：A HREF=。其中“A”是标签名，表示该标签是用来标记一个链接的；“HREF”是该标签的属性，表示该链接的地址；“”是该属性的具体值。HTML标签又分为单标记指令和双标记指令，一般情况下都是成对出现的，并且用“/”表示标签之间的响应，例如“title”和“/title”就是一对标签。每一对标签的作用范围在这两个标签之间，同时标签允许嵌套。 例如： html head title网页创作示例/title /head body p这是一个用于教学的示范网页。/p /body /html 3．1 HTML基本结构 一个HTML文件应具有下面的结构： html HTML文件开始 head 文件头开始 文件头 /head 文件头结束 body 文件体开始 文件体 /body 文件体结束 /html HTML文件结束 一般来讲，HTML的的元素有以下3种表达方式： 标记对象/标记 标记 属性1=参数1 属性２=参数２对象/标记 标记 3.1.1 三个基本标签 HTML定义了3种标签用于描述页面的整体结构，主要是HTML、HEAD、BODY。 3.1.1 三个基本标签 HTML标签：HTML是HTML语言里的第一个标签，凡是一个HTML源文件都是以此开头。它用来通知客户端该文件是HTML文档，在文档结尾处也有一个对应的/HTML作为结尾标记。 HEAD标签：HEAD出现在文档的起始部分，紧靠HTML标签。该标签表明了文档题目，包含的是文档的无序信息。文档标题部分可以包含题目和主题信息，以/HEAD为结束标签。 BODY标签：在HTML当中，BODY标签用来指明主体部分。为了理解方便，读者可以把主题部分简单地理解为标题以外的所有部分，该部分可以包含其他字符串（如标题、列表、段落等），结束标签是/BODY。 3.1.2超文本文件的格式约定和限制 超文本文件的格式有许多约定和限制，以下是其主要内容： （1）由于WWW浏览器忽略超文本文件中的回车符（除非用户指定用PRE标记元素限制按源文件格式展示文本内容），而是用专门的标记符号BR表示回车。 （2）由于WWW浏览器是按标记元素来控制超文本显示效果的，所以源文件列宽不受限制，一个文件的内容可以写在一行中，也可以写成习惯的80列屏幕宽度，后者更便于源文件的阅读和修改。 （3）在超文本中用“/”表示路径，而不时DOS系统中的反斜杠“\”。 （4）在超文本中可以用IMG标记元素插入图形图像。 3.2页面排版的基本元素 3.2.1文件中标题标记（title）和字体标记（hx） TITLE和/TITLE标签是用来说明HTML文档的标题。当浏览器浏览网页时，会将标题显示在浏览器最上方的标题栏内。 HEAD是文件头开始标记，/HEAD是文件头结束标记。 HTML文档中的字体标签是hx，字体标签用于对文件中的文章章节进行划分。分别有h1、h2、……、h6，用于表示文章中的各级标题的字体大小。标记号越小，标题字体越大，也就是标题越大。 下面我们来看一个简单的例子，在“记事本”中编辑利用刚刚学习的三个基本标签代码和这六个标题字体标记，代码如下： html head title使用标题/title /head body H1一级标题/H1 H2二级标题/H2 H3三级标题/H3 H4四级标题/H4 H5五级标题/H5 H6六级标题/H6 /body /html 将文档保存为“标题.htm”或“标题.html”用IE浏览器打开该文件 3.2.2设置字体