■知识点
除了基本结构外,一般网页都包括以下3部分内容。
文本内容:在页面上让访问者了解页面内容的纯文字,如关于产品资讯的内容,以及其他任何内容。
外部引用:使用这些引用来加载图像、音频、视频文件,以及样式表(控制页面的显示效果)和JavaScript文件(为页面添加行为)。这些引用还可以指向其他的HTML页面和资源。
标记:对文本内容进行描述,并确保浏览器能够正确显示。
每一个HTML页面的开头部分,还会包含一些信息,主要用于浏览器和搜索引擎(如百度、Google等)的解析。浏览器不会将这些信息呈现给访问者。
网页内容都由文本构成,因此网页可以保存为纯文本格式,可以在任何平台上使用任何浏览器查看,无论是PC机、手机、平板电脑,还是其他平台。这个特性也确保了用户很容易创建HTML页面。
■实例设计
以上节示例的结构为基础,尝试为页面添加一些主体内容。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>从今天开始努力学习 HTML5</title>
</head>
<body>
<article>
<h1>小白自语</h1>
<img src="images/xiaobai.jpg" width="50" alt="小白者,我也" />
<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是图像。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>