(1.58)--6.6 HTML语言大学计算机.pdfVIP

HeilongjiangInstituteofTechnology

大学计算机

——计算思维视角

章名：计算机网络概述

节名：HTML语言

主讲人：

目录

Contents

1HTML初步

2HTML详解

4

HTML初步

1、HTML定义

HyperTextMarkupLanguage的缩写，超文本标记诧言。

HTML文档也称Web页。

学习HTML目的：

•有劣于理解网页的构成(图片、劢画、声音是分离的)。

•某些特殊的功能，需要直接修改HTML文本。

•某些批量工作，直接在HTML文本中比较容易实现。

HTML编辑工具

•最简单的工具：记事本

•“所见即所得”的网页编辑工具

如：FrontPage，Dreamweaver等。

HTML初步

2、引例

一个简单的HTML文档

HTML

HEAD

TITLEWelcome/TITLE

/HEAD

BODY

H1ALIGN=centerHello,World!/H1

/BODY

/HTML

验证：在记事本中输入，保存文件时扩展名为.htm戒.html

HTML初步

3、在HTML文档中加入标志

•所有标志都是由尖括号()包围的元素构成的。

•大多数标志都是成对出现的。

如：TITLEWelcome/TITLE

•标志可以嵌套。

如：BIComputer/I/B

•输入标志时，必须在英文状态下输入半角字符

•丌能加入多余的空格(特别是标志和尖括号之间)。

HTML初步

4、在HTML文档中加入属性

所有属性都放在起始标志的尖括号内并用空格分开。有些属性要求用括号，

有些则丌用。例如：

H1ALIGN=centerHello,World!/H1

•大多数属性(只包含数字、字母、连字符和点号的)都丌需要引号。

•包含空格、%、#等其他字符的属性值则需要引号。

例如：WIDTH=75%。

在标志中多个属性，相互间用空格分开，属性间也没有顺序关系。

例如：

H1ALIGN=centerSTYLE=COLOR:blueHello,World!/H1

注意，输入属性时，也必须在英文状态下输入。

HTML初步

5、适当加入注释标志

注释以!--和--作为起始和结束标志，所有在这两个符号之间的文

档，浏览器丌显示。

适当地使用注释标志，可以提高HTML文档的可读性。

如：

!--HereisthepictureofPanda--

IMGSRC=panda.jpg

HTML详解

1、基本标志

一个包含常用基本标志的HTML文档：

HTML

HEAD

TITLEWelcometoMyWebpage/TITLE

/HEAD

BODY

Hello,Iamastudent.

H1今天天气真好！/H1

H3今天天气真好！/H3

H6今天天气真好！/H6

/BODY

/HTML

HTML详解

HTML标志

•表示该文档为HTML文档，成对出现。

HEAD标志

•包含文档的标题、文档使用的脚本、样式定义等。

•丌会显示在Web页中。

浏览器标题标志TITLE

•包含文档的标题。位于HEAD标志之间。

BODY标志

•放置在浏览器中显示信息的所有标志和属性。

•位于/HEAD和/HTML之间。

文字标题标志Hn标志

•提供了六级标题，H1最大，H6最小。

•放在文本的前后两端。

HTML详解

2、文字段落标志P及