下载掌阅APP，畅读海量书库
立即打开
1.什么是HTML
HTML是用来描述网页的一种语言。它不是一种编程语言，而是超文本标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的因特网资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
2.如何查看网页的HTML
在一个网页界面，单击鼠标右键，在弹出的菜单中选择“检查”，即可查看当前页面的HTML，如图3-2所示；或者也以可通过按下“F12”键打开。
3.HTML网页结构
一个完整的HTML网页结构由三大部分组成——声明、头部元素以及可见的页面内容。声明放在HTML文件的最前面，有助于浏览器中正确显示网页，通常采用<！DOCTYPE html>。头部元素和可见的页面内容都位于<html>和</html>标签内。头部元素<head>包含了文档的元（meta）数据，如<meta charset="utf-8">定义网页编码格式为UTF-8；<title>元素描述了文档的标题。可见的页面内容放在<body>里面。图3-3展示了HTML网页结构的布局。
4.HTML标签
HTML标签是由尖括号包围的关键词，比如<html>。这些标签通常是成对出现的，比如<b>和</b>；标签对中的第一个标签是开始标签，第二个标签是结束标签；开始和结束标签也被称为开放标签和闭合标签。
图3-2 股吧网页
图3-3 HTML网页结构的布局
（1）<body>标签
<body>标签定义文档的主体，<body>标签中包含文档的所有内容，如文本、超链接、图像、表格等。目前，所有浏览器都支持<body>标签。具体用法如下：
（2）<title>标签
<title>标签可以定义文档的标题，用在<head>标签中，只定义网页的名字，不显示在网页中。浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上；同样，当把文档加入用户的链接列表、收藏夹或书签列表时，标题将成为该文档链接的默认名称。目前，所有浏览器都支持<title>标签。具体用法如下：
（3）<table>标签
<table>标签定义HTML表格，用在<body>标签中。简单的HTML表格由<table>标签以及一个或多个<tr>、<th>或<td>标签组成。<tr>标签定义表格行，<th>标签定义表头，<td>标签定义表格单元。具体用法如下：
生成的表格如图3-4所示。
图3-4 生成的表格
（4）<a>标签
<a>标签定义超链接，最重要的属性是href属性，它指示链接的目标。所有浏览器都支持<a>标签。具体用法如下：
（5）<img>标签
<img>标签向网页中嵌入一幅图像。<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。它有两个必需的属性：src属性和alt属性。src属性规定显示图像的url，alt属性规定图像的替代文本。需要注意的是，image文件的存储位置需要与HTML文档放在同一个根目录下。具体用法如下：
（6）综合应用
通过对上面几个标签的学习，我们可以自己创建一个简单的网页。首先，我们需要在桌面或者其他位置创建一个.txt文本文件；然后在文本文件中正确书写HTML语句；最后保存文本文件，并且将文本文件的后缀改为.html。双击这个.html文件，将生成一个对应格式的网页。下面的代码是一个简单示例。
我们可以尝试自己设计个人简介网页，也可以使用大语言模型辅助我们生成HTML代码，例如我们可以给大语言模型这样的提示：“请设计一个个人介绍网页，要介绍自己的姓名、单位、简介、照片、联系邮箱、联系电话、工作经历、学习经历、个人爱好。使用HTML超文本标记语言”。