首页 > 软件操作教程 > 编程开发 > HTML
题目内容

HTML5 添加网页内容

题目答案

    ■知识点

除了基本结构外,一般网页都包括以下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是图像。


网友评论(共0条评论)

请自觉遵守互联网相关政策法规,评论内容只代表网友观点!

最新评论

点击加载更多评论>>

软件操作 新人注册送三重礼

已有 22658 名学员学习以下课程通过考试

相关视频试题

最需教育客户端 软件问题一手掌握

去 App Store 免费下载 iOS 客户端