
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.3 基础标签
下面对常用的标签展开讲解。基础标签包括标记文本、超链接、列表,以及标题标签、段落标签、图像标签等。首先介绍<head>标签中的两个标签,即<title>标签和<meta>标签。
(1)<title>标签是双标签,包括开始和结束两个标签,表示网页的标题。
例如,修改HelloWorld.html文件,在<title>标签中填写内容,具体代码如下。

使用浏览器打开HelloWorld.html文件查看效果,添加title标签如图2-10所示,可以看到显示了该网页的标题。

图2-10 添加<title>标签
(2)<meta>标签是一个单标签,可以用来在 HTML 文件中模拟 HTTP 的响应头报文。该标签包含一个charset属性,可以设置文件的字符编码。注意,乱码的根本原因是编码和解码使用的编码方式不一致,因此保证编码和解码格式一致是避免乱码产生的重要前提。
例如,修改HelloWorld.html文件的编码格式为“GBK”,并在<body>标签中添加带有中文的字符串“你好,HTML!”,具体代码如下。

访问该文件,如图2-11所示,发现出现中文乱码。

图2-11 修改HelloWorld.html文件的编码格式为“GBK”
再次修改编码格式为“UTF-8”后访问文件结果,如图2-12所示,发现中文显示正常。

图2-12 修改HelloWorld.html文件的编码格式为“UTF-8”
用户访问网站主要是为了获取网站相关内容,对于他们来说,该网站是否能轻松获得相关的内容是最重要的事情。所谓内容指的不只是文本,还包括其他形式的信息,如图像、视频、音频等。接下来,介绍表示网页中不同形式内容的标签,也就是用在<body>标签中的标签,主要包括标记文本、超链接、列表、标题、段落、图像等标签。