新网页设计与制作项目实训教程 教学课件 严加琼 曾金发 项目12.pptVIP

项目12 使用HTML语言制作网页 项目描述 本项目通过在Dreamweaver中的代码视图窗口手工编写HTML代码，制作简单的图文并茂网页、表格网页和插入浮动框架网页。HTML代码也可以在记事本等文本编辑器中编写，另存为“.htm”或“.html”文件即可转换为网页文件。 1.2 知识储备 12.2.1 HTML语言简介 12.2.2 常用的HTML标记 1.2知识储备 12.2.1 HTML语言简介 HTML（Hyper Text Markup Language）称为超文本标记语言。通过浏览器看到的网页都是由HTML构成的。HTML是一种建立网页文件的语言，它通过标签式指令，将影像、声音、图片和文字等连接起来。用HTML编写的文件的扩展名为HTML或HTM，它们是能够被浏览器解释显示的文件格式。 1. HTML的基本结构 HTML文件就是由各种HTML元素和标签组成的。一个HTML文件的基本结构如下： html head title 网页标题 /title /head body 网页主体内容 /body /html 2. HTML的语法规则 一个完整的HTML文档由各种网页元素与HTML标记组成，网页元素指标题、段落、图像、表格、层等各种对象，标记的功能是逻辑性地描述网页的结构。 HTML文档应遵循以下语法规则： (1) HTML文档以纯文本形式存放，扩展名为“.html”或“.htm”。 (2) HTML文档中标记采用“”与“”作为分割字符。 起始标记的一般形式如下：标记名称 属性名称=对应的属性值… 结束标记的一般形式如下：／标记名称 包含在起始标记与结束标记之间的就是网页对象。 (3) HTML标记及属性不区分大小写。 (4) HTML标记可以嵌套，但不能交叉，各层标记是全包容关系。 (5) HTML文档一行可以书写多个标记，一个标记也可以分多行书写，不用任何续行符号，显示效果相同。但是HTML标记中的一个单词不能分开两行书写。 (6) HTML源代码中的换行、回车符和多个连续空格在浏览时都是无效的，浏览网页时，会自动忽略文档中的换行符、回车符、空格，所以在文档中输入的回车符，并不意味着在浏览器中将看到不同的段落。当需要在网页中插入新的段落时，必须使用分段标记p，它可以将标记后面的内容另起一段。换行可以使用br标记，需要多个空格，可以使用多个“nbsp”转义符号。 (7) 网页中所有的显示内容都应该受限于一个或多个标记，不能存在游离子标记之外的文字或图像等，以免产生错误。 (8) 对于浏览器不能分辨的标记可以忽略，同时也不显示其中的对象。 3. HTML标记的类型 (1) 不带属性的双标记：标记名称内容/标记名称。例如：设置网页中的标题，title欢迎你/title。 (2) 带有属性的双标记： 标记名称 属性名称=对应的属性值……网页对象/标记名称。 例如：设置超级链接，a href=gsjj.htm target=_blank 访问公司简介/a。 (3) 单标记：标记名称/。 经常看到的可能是br/换行标记、hr/等。新的HTML标准要求单标记必须以“/”表示结束。 12.2.2 常用的HTML标记 1.元信息标记 （1）网页的跳转 在浏览网页时经常会看到一些欢迎信息的界面，在经过一段时间后，这一页面会自动转到其它页面中，这就是网页的跳转。使用HTML代码可以很轻松地实现这一功能。 语法：meta http-equiv=refresh content=跳转时间; url=链接地址 / 当链接地址为一个新的网页地址时，就会在设定的时间跳转到这个新的网址，其代码如下： html head title网页的跳转/title meta http-equiv=refresh content=3; url= / /head body 您好，本页在3秒之后将自动跳转到网易网站 /body /html （2）自动刷新页面 当上述语法中的链接地址被省略时，网页的功能就变成了刷新页面本身，这在不断更新数据的页面中常常会用到，刷新页面的代码如下： html head title自动刷新页面/title meta http-equiv=refresh content=30 / /head body 您好，本页每隔30秒自动刷新一次 /body /html 2.HTML主体标记 网页的主体部分以body标记开始，以/body标记结束。body标记有自己的属性，设置body标记内的属性，可控制整个页面的显示方式，包括页面的背景、文字属性设置、链接设置、边距设置等。 （1）设置