HTML5 添加网页内容

提问人：刘团圆发布时间：2020-11-20

■知识点

除了基本结构外，一般网页都包括以下3部分内容。

文本内容：在页面上让访问者了解页面内容的纯文字，如关于产品资讯的内容，以及其他任何内容。

外部引用：使用这些引用来加载图像、音频、视频文件，以及样式表（控制页面的显示效果）和JavaScript文件（为页面添加行为)。这些引用还可以指向其他的HTML页面和资源。

标记：对文本内容进行描述，并确保浏览器能够正确显示。

每一个HTML页面的开头部分，还会包含一些信息，主要用于浏览器和搜索引擎（如百度、Google等）的解析。浏览器不会将这些信息呈现给访问者。

网页内容都由文本构成，因此网页可以保存为纯文本格式，可以在任何平台上使用任何浏览器查看，无论是PC机、手机、平板电脑，还是其他平台。这个特性也确保了用户很容易创建HTML页面。

■实例设计

以上节示例的结构为基础，尝试为页面添加一些主体内容。

<!DOCTYPE html>

<html>

<head>

<title>从今天开始努力学习 HTML5</title>

</head>

<body>

<p>我是<em>小白</em>, 现在准备学习<a href="https://www.w3.org/TR/html5/"rel="external" title="html5参考手册">HTML5</a></p>

</article>

</body>

</html>

■演示说明

使用浏览器查看网页时，不会显示包围文本内容的标记，不过这些标记是非常有用的，我们使用它们来描述内容，如<p>标记用于表示段落的幵始。

整个页面包含了 3部分：自我介绍的文本、外部文件的引用（图像的src值和链接的href值）和标记。HTML提供了很多元素，上面示例演示了 6种最为常见的元素：a、article、em、hi、img和p。每个元素都有各自的含义，例如，hi是标题，a是链接，img是图像。

相关视频回答

点击加载更多评论>>