HTML简介-pt配套word讲义.doc

第一部分 页面设计语言 HTML简介 一、Html HTML（Hyper Text Markup Language 超文本标记语言）是一种用来制作超文本文档的简单标记语言，用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web上的信息表示语言，用于描述网页的格式设计和它与WWW上其它网页的连结信息。 HTML语言是通过各种标记（tags）来标识文档的结构以及标识超链接的信息。虽然HTML语言描述了文档的结构格式，但并不能精确地定义文档信息必须如何显示和排列，而只是建议Web浏览器（如IE，Netscape等）应该如何显示和排列这些信息，最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样。 二、页面制作软件简介 HTML文档（即网页的源文件）是一个设置了标记的ASCII文本文件，通常它用.html或.htm作为文件的扩展名，由于是普通的文本文件，只要支持文本编辑的软件，都可以编辑html文件，常用HTML文档编辑器主要有以下三种： 手工直接编写，例如 用windows附件的记事本编辑 简单的HTML的编辑工具，如editplus等带有特定菜单和标记颜色的编辑器。 所见即所得的页面编辑器，如frontpage ,dreamwaver等，既可在页面上设计，又可以编辑源文件的专门编辑器。 三、html语法 页面框架 html文件以一对标记来设置不同的显示效果，格式为：标记名…/标记名 。 【基本的框架结构格式】 HTML HEAD TITLE 页面标题 /TITLE /HEAD BODY 浏览器正文信息和相关的标记在这里 /BODY /HTML 【说明】 html /html标记作为文件的起点和终点，浏览器只对两个html /html之间的文字和标记进行解释，并显示有相应的效果。 head /head标记之间设置html文档的头部信息，如用户信息，标题，关键词等 body /body标记设置html文件的主体信息，包括正文、图形、表格、链接、表单等信息。 字体 字体设置有两种格式，标题字体和普通正文字体 【标题字体】 hn …/hn n=1,2,3,4,5,6 【正文字体】 font size=n color=#…/font n=1,2,3,4,5,6,7 【说明】 ① 标题字体1号最大，6号最小，一般用来设置标题，有自动换行的功能。 ② 正文字体1号最小，7号最大，一般设置正文的字体，还可以设置文字的颜色，颜色部分参照后面关于颜色的介绍。 图像 【图像格式】 img src=“图像文件名” width=n height=n 【说明】 ① img 用来设置在页面中显示的图像，它比较特殊，只有开始，没有结束标记。 ② src参数用来指明图像的文件名，常用的图形格式文件有jpg文件和gif文件。 可选参数 width,height 用来设置图像在浏览窗口所占的宽度和高度。 链接(a1.htm) 【链接格式】 a href=”URL或网页文件” target=”” 链接文字 /a 【说明】 ① 一对a/a 用来设置在页面中超链接信息。 ② 浏览时光标移动到链接文字处变成手形，单击后指向href设定的URL网址或页面。 ③ 可选参数target用来设定新的页面在什么窗口显示，这部分内容跟多窗口界面关系比较大。target的值为： _self: 链接的页面在页面显示，默认设置。 _blank 链接的页面在新的浏览窗口显示 _parent 链接的页面在当前窗口的父窗口显示 _top 链接的页面在整个浏览窗口显示 name 链接的页面在指定的name窗口显示 表格(a2.htm) 【表格格式】 TABLE TR TD/TD TD/TD /TR /TABLE 【说明】 ① 一对TABLE/TABLE标记指明里面要显示的内容以表格的形式出现，但是默认的情况下是没有表格边界线的，需要加参数border=1 或大于1的值。 ②表格每增加一行，需加一对TR/TR标记 ③表格每增加一列，需加一对Td/Td标记，表格中要显示的文字必须放在Td/Td标记之间。 ④ TABLE、TD都有可选参数width,height用来设定表格或某列的宽度和高度，align参数设置文字的对齐方式。 表单(a3.htm) HTML表单用来选择不同种类的用户输入。FORM METHOD=POST ACTION=act.php /FORM 【表单格式2】 INPUT TYPE=# NAME=