超文本-HTML语言.ppt

第二讲 HTML 语言 HTML语言是超文本标记语言（Hypertext Mark-up Language）的缩写,主要用来创建与系统平台无关的网页文档,它不是编程语言，而是一种描述性的标记语言。 所有网页软件都是以HTML为基础，学会了它可以更方便灵活地控制网页。特别是在动态网页的设计中，常常需要利用ASP、JSP、PHP等代码来输出网页的部分HTML代码，此时就必须对HTML标记相当熟悉才行。 HTML文件是纯文本文件，能用任意的文本编辑器编辑，如：记事本、写字板、Word、Dreamweaver、Frontpage等。 本讲将对常用的HTML标记符进行介绍。 一、HTML网页的基本组成与特点 1、用HTML制作网页的简单实例 【例2.1】制作杜牧诗《秋夕》 制作过程： （1）用任何文本编辑器（如记事本、写字板、WORD等）输入下列文本（代码）： !example2-1.htm html head meta http-equiv=Content-Type content=text/html; harset=gb2312 title杜牧诗~秋夕/title /head body bgcolor=#FFFFFF text=#000000 p align=centerfont size=7 color=#0000ff秋夕/font/p p align=centerfont size=5 color=#0000ff杜牧/font/p p align=centerfont size=6 color=#0000ff银烛秋光冷画屏/font/p p align=centerfont size=6 color=#0000ff轻罗小扇扑流萤/font/p p align=centerfont size=6 color=#0000ff天阶夜色凉如水/font/p p align=centerfont size=6 color=#0000ff卧看牵牛织女星 /font/p /body /html （2）以纯文本格式存为example2-1.htm文件（设位置为：E:\网页制作\example）。 （3）打开浏览器，在地址栏中输入E:\网页制作\example\example2-1.htm，就会看到所制作的网页。 一、HTML网页的基本组成与特点 2、HTML网页的基本组成 启动Dreamweaver后，切换到代码浏览窗口，此时看到的HTML代码，即是网页的基本组成部分，其代码为： html head meta http-equiv=Content-Type content=text/html; harset=gb2312 titleexample2-1/title /head body bgcolor=#FFFFFF text=#000000 /body /html 从中可见，一个最基本的网页一般由三个部分组成，分别是： （1）html/html html标记用于定义网页文件的开始，对应的结束标记为/html则定义网页的结束。 （2）head/head 该组标记用于定义网页的头，用来说明文件的一些基本信息，如文档标题、文档所用的字符集、有哪些信誉好的足球投注网站引擎可用的关键词、Javascript块以及不属于网页内容的其他信息等。 在这里，title和/title标记定义网页的标题，该标题将显示在浏览器的标题栏中。 meta标记有很多用法，这里是用于指定网页所使用的字符集，是可选项。 （3）body /body body 用于定义网页的正文开始，/body用于定义网页正文的结束。网页的正文内容必须放在这两个标记之间，bgcolor为body 标记的属性，用于指定网页的背景颜色，text也为body 标记的属性，用于指定网页正文的前景色。 一、HTML网页的基本组成与特点 3、HTML的特点 HTML文件是标准的文本文件，以纯文本形式存放，扩展名为*.htm或*.html。若系统为UNIX系统,则扩展名为*.html。HTML是由若干标记符和文本构成，标记符适用于组织网页的内容和控制输出格式，HTML具有以下几个特点： （1）HTML标记的一般格式 HTML标记均是用括起来的，大多数标记是成对出现的，有开始标记和对应的结束标记，结束标记多一根斜杠。许多标记还有属性，用于对标记进行详细设置。HTML标记的一般格式为： 标记（名称） 属性1=属性值1 属性2=属性值2 属性3=属性值3…… /标记（名称） 例如： body bgcolor=#FFFFFF text=#000000 /body 但有的标记没有结束标记，称为单标记，如：BR （2）各属性项间用空格分隔，属性值可用双引号或单引号引起来，也可不引而直接表达。例如控制文本字体的标记为font，该标记有fac