03html语言.ppt

网页设计与制作 张胜光制作 本章目录 第一节  什么是HTML语言 作业3 最简单的HTML文档 这是用记事本写成的一个最简单的HTML文档。在本文档中，没有使用一个HTML的标记。所需要做的只是把文件名的后缀存成.htm或.html。 HTML文件的结构 一个HTML文件大体分为以下几部分： 　　 HTML　　　　HEAD　　　　　TITLE网页标题/TITLE　　　　/HEAD　　　　BODY　　　　　　网页的内容　　　　/BODY　　/HTML HTML文件的结构 HTML 和 /HTML ：超文本的开始和结束。 HEAD 和 /HEAD ：超文本标题的开始和结束。 TITLE 和 /TITLE ：超文本窗口标题的开始和结束，它被显示在浏览器顶端的标题栏中。 META ：是用来描述HTML文档的元信息，即文档文档自身的信息。 BODY 和 /BODY ：正文的开始和结束，它被显示在浏览器中。其中可以包含许多元素，是HTML语言的核心部分。 第二节HTML语言的基本标记 第三节HTML的超级链接和整体控制 第四节HTML的表格标记 表格实例 TABLE BORDER=1 align=center TR TD第一行的第一列/TD TD第一行的第二列/TD /TR TR TD第二行的第一列/TD TD第二行的第二列/TD /TR TR TD第三行的第一列/TD TD第三行的第二列/TD /TR /TABLE 本章作业 作业4 创建HTML文档 ? 整体控制 页面的整体控制属性在BODY标记中，常用的以下属性： BACKGROUND=“...”构成背景的图片文件名。BGCOLOR=“...”背景颜色。TEXT=...默认文本颜色。LINK=...未被访问的文字链接源的颜色。ALINK=... 被激活的文字链接源的颜色。VLINK=...访问过的文字链接源的颜色。BORDER=”…”图像边界的宽度，单位是像素点。 表格标记 表格的标记是 TABLE.../TABLE 属性语法如下： ⑴ 边线控制：BORDER=“...” ⑵ 宽度控制：WIDTH=... 表格的行标记是TR.../TR 属性语法如下： ALIGH=“...” 行中单元水平对齐方式 VALIGN=... 表行中垂直对齐方式 表格的列标记是TD.../TD 属性语法如下： ALIGN=... 单元内容水平对齐方式 VALIGN=... 单元内容垂直对齐方式 ROWSPAN=... 该单元跨过的行数； COLSPAN=... 该单元跨过的列数。 其它控制标记 HTML标记非常多，而且数量和规则一直还处于不断发展变化的过程中，随着可视化网页自动制作工具的迅速普及，不常用的标记已经没有必须记忆的必要。用户只要知道最常用的一些标记，就可以学习XML、ASP和JavaScript等更强劲的信息控制技术。 * * 第三章 HTML语言 什么是HTML语言 1 HTML语言的基本标记 3 2 超级链接和整体控制 3 HTML的表格标记 3 4 1、什么是HTML语言 56秒 HTML语言 HTML （HyperText Markup Language超文本标记语言）是标准文档格式化系统，使用HTML控制信息的文本文件被称为HTML文件，也称Web文件。 2、HTML语言的构架 2分26秒 3、利用记事本编写HTML语言 54秒 使用普通的文本编辑器就可以创建Web文件。方法是：在文本编辑器中，输入一段文本，再给文本加上HTML标记，然后以扩展名htm或html存盘。 HTML文件由控制部分和正文部分组成。HTML的控制标记对大小写不敏感，同时控制标记用“ ”进行区分。 ⑴ HTML和/HTML标记，把全部源代码“括起来”，就像括号一样。 ⑵ HEAD和/HEAD标记，把全部控制部分括起来。 ⑶ TITLE和/TITLE标记，把页面标题括起来。 ⑷ BODY和/BODY标记，把全部正文部分括起来。 HTML标记一般配对使用，只有少数标记单独使用。 例如： ⑴ P表示一个自然段落的结束，一般加在两个自然段落之间，此时/P被省略。 ⑵ BR表示转行（断行），不表示自然段落的结束。与P标记相比，BR标记因为产生的行间距较小，被广泛使用。 ⑶ HR表示画水平线。 4、HTML文件的编辑与保存 2分08秒 使用记事本，输入标记文本，并以h1.htm作为文件名存盘，为了保证文件名的正确，在输入文件名时请加引号，如：h1.htm。加双引号的目的是强制使用该文件名，否则记事本程序将增加“TXT”的扩展名。 html headtitleWWW网页制作/