2024年4月18日发(作者：)
第1章 Web前端开发技术综述
参考PPT讲课
例1-6-1 综合实例
第2章 HTML基础
1、什么是HTML？
HTML（Hypertext Markup Language，超文本标记语言），用于编写网页。用HTML编写的超
文本文档称为HTML文档，它是由很多标记组成的一种文本文件，用来告诉浏览器应该如何
显示文字、图形、动画、声音、表格、链接等。
（打开一个网页，如：，鼠标右键单击，从快捷菜单中选择“查看源”命令，
可以打开这个网页的HTML代码）
2、HTML文档结构
开学了，第一天上课可真累呀，假期里我可是天天睡到中午的！
（在桌面上新建一个文本文件，复制以上代码，并另存为HTML文件。然后双击打开该
网页文件）
HTML的文件结构相当简单，其主体结构如下：
HTML文档由头部head和主体body两个部分组成。头部用于记录与网页相关的重要信息，
如标题、关键字、样式等，头部信息不显示在网页上。主体部分则是在网页中显示的具体内
容。
3、头部head
HTML头部head标记主要包含页面标题标记、元信息标记、样式标记等。
（1）标题title标记
标题显示在浏览器的标题栏上
1
（2）元信息meta标记
mta标记定义了与文档相关的“名称/值”对。
meta标签分两大部分：页面描述信息(name) 和HTTP标题信息(http-equiv)。name是
描述网页的，以便于搜索引擎机器人查找、分类。http-equiv类似于HTTP的头部协议，它
回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容
语法：
如：
all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被检索，且页面上的链接不可以被查询；(和 noindex, nofollow 起相同
作用)
index：文件将被检索；（让robot/spider登录）
follow：页面上的链接可以被查询；
noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)
nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的
连接往下探找)
（3）样式style标记
样式是HTML4.01引入的，它是一种新的、首选的改变HTML元素样式的方式。可以在头部
通过style标记定义，也可以使用style属性直接将样式添加到HTML标记中，或者间接地在
独立的样式表（CSS文件）中进行定义。将在以后学习。