PART2HTML语言

PART2 HTML语言介绍

学习导航：

1. HTML语言的基础知识

2. HTML的常用标记

3. 网页基本元素之文本

4. 网页基本元素之多媒体

5. 网页基本元素之超链接

6. 表格

7. 框架

1. 网页设计的内功——HTML(超文本标记语言)

1.1 理解什么是HTML语言

HTML语言的定义：

HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言，是描述网页的一种语言，也是目前网络上应用最为广泛的语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。

理解：什么是超链接？什么是超文本？

扩展知识：搜索引擎的原理

首先是用蜘蛛(Spider)进行全网搜索，自动抓取网页；然后将抓取的网页进行索引，同时也会记录与检索有关的属性，中文搜索引擎中还需要首先对中文进行分词；最后，接受用户查询请求，检索索引文件并按照各种参数进行复杂的计算，产生结果并返回给用户。比如：百度、谷歌。

百度和谷歌的排名区别：超链分析技术和PageRank技术

理解：什么是标记语言

扩展知识：搜索引擎的原理

置标(markup)这个词来源自传统出版业的“标记”一个手稿，也就是在原稿的边缘加注一些符号来指示打印上的要求。 长久以来，这个工作都是由专门的人("markup men" )以及校对人来进行，对原稿标志出使用什么样的字体，字型以及字号，然后再将原稿交给其他人进行手工的排版工作。超文本标记语言的也是同样的道理，通过标记来描述网页上所显示的文字、图片、多媒体等信息。

1.2 HTML语言的基本结构

…………………………………………………根控制标记

THIS IS MY FIRST WEBPAGE!…设置浏览器的窗口标题

HELLO,THIS IS MY FIRST WEBPAGE!

实训练习1：利用记事本工具编写一个显示“Hello world！”的网页文件。

1.3 HTML控制标记的格式

：单一型，无设置值。如换行标记：

：单一型，有设置值。如：

---

； (head之间)

…标记名称>：对称型，无设置值。如：

…标记名称>：对称型，有设置值。如：

实训练习2：给“Hello world！”网页加上背景颜色和背景音乐，并重新审视此网页文件所使用标记的格式。

2. HTML语言的常用标记

(1)Title标签用来定义网页的标题。

(2)meta标签

下的属性：

属性名称：name 属性值：author description keywords generator revised others

Content 属性值：“字符串”

例如：

说明网页的文档类型及语言类型

扩展：了解搜索引擎的基本原理，思考搜索引擎营销。

(3)
换行

(4)

段落。格式：

…

属性名称：align，属性值：left、center、right

(5)

---

水平直线

属性名称：size，属性值：像素(绝对设置)、百分比(相对设置)

属性名称：width，属性值：像素(绝对设置)、百分比(相对设置)

(6)标题文字设置

格