手机版 | 登陆 | 注册 | 留言 | 设首页 | 加收藏
当前位置: 网站首页 > 在线教程 > HTML+CSS教程 > 文章 当前位置: HTML+CSS教程 > 文章

基本的HTML 页面

时间:2019-08-03    点击: 次    来源:网络    作者:佚名 - 小 + 大

 基本的HTML 页面

来看一个基本的HTML 页面,大概了解一下本章及后面的内容。我们会对本节中的代码全理解这些代码也不必担心,这只是让你初步了解HTML,本书接下来的部分会对其进行详细说明。当然,随着你进一步阅读后续内容,还会了解到更多的细节。此外,

每个人的学习方法都不同,或许有的读者认为先阅读下一节,再返回来读这一节会更有

效。每个网页都由图1.2.1 中所示的结构开始构建。这个HTML 相当于一张白纸(参见

1.2.2),因为访问者看到的内容位于主体(body)部分(即<body> </body> 之间的

部分),而这一部分现在是空着的。我们马上就会给它填上内容

1.2.1 每个网页都包含DOCTYPEhtmlhead body 元素,它们是网页的基础。

 

在这个页面中,可以定制的内容包括两项,一是赋予lang 属性的语言代码,二是<title> </title> 之间的文字

1.2.2 除非你是一个极简主义者,否则这不会是一个多么令人激动的页面首先,简单说明一下(下一节会详细解释),HTML 使用< > 包围HTML 标签。开始标签(如<head>用于标记元素的开始,结束标签(如</head>)用于标记元素的结束。有的元素没有结束标签,如meta(参见图1.2.1)。

1. 网页的顶部和头部

前面提到,页面内容位于主体部分,那么其他的代码有什么作用呢?实际上,<body>开始标签以上的内容都是为浏览器和搜索引擎准备的。<!DOCTYPE html> 部分( 称为DOCTYPE)告诉浏览器这是一个HTML5 页面。DOCTYPE 应该始终位于页面的第一行。接下来是html 元素,它包着页面的其余部分, <html lang="en"> </html> 结束标签(表示页面的结尾)之间的内容。在这里可以为网页指定其他语言,这一内容将在

3.1 节作详细说明

再接下来是文档的头部, <head> </head> 之间的区域。<meta charset="utf-8"/> 会在1.4 节进行讲解。主体前面的代码中,有一部分是用户可见的,即<title> </title> 之间的文本。这些文本会出现在浏览器标签页中,对于某些浏览器,这些文本还会出现在浏览器窗口的顶部,作为网页的标题(如图1.2.2 所示)。此外,这些文本通常还是浏览器书签的默认名称,它们对搜索引擎来说也是非常重要的信息。这就是网页的基础,并不太难,对吧?

2. 网页的主体:你的内容接下来为页面添加一些内容(如图1.2.3所示)。图1.2.4 显示了桌面浏览器呈现这段HTML 的效果(如果添加CSS,页面看起来会更漂亮)。

在此之前,要进一步介绍HTML的基础知识,如通常意义上的元素、属性、文件名、URL 等。介绍完这些,再回过头来解释为什么要以这样的方式标记这些内容。我们还会介绍浏览器在默认情况下如何显示这些网页。

上一篇:HTML思想

下一篇:设置正文标题

推荐阅读
备案ICP编号  |   QQ:81962480  |  地址:上海金海路  |  电话:12345678910  |   网站推广链 流量联盟 中文网站目录
Copyright © 2019 MAPDF Studio 版权所有,授权www.mapdf.net使用 Powered by MAPDF.net