HTML 初学者指南(二)

黄舟

发布时间：2016-12-23 14:41:15

1311人浏览过

来源于php中文网

原创

一个教学工具
要看到你的浏览器当前窗口所显示信息的原始文件, 可以选择浏览器菜单中的 View Source (或者等价操作) 选项. 文件的内容和所有的 HTML 标记将显示在一个新窗口中.

这是学习使用 HTML 和掌握技巧和构造的一个非常好的方式. 当然, 你看的 HTML 不一定在技术上是正确的. 当你熟悉了 HTML 并且看了很多这方面的参考资料，你将能够区分 "好的" 和 "不好的" HTML.

记住你可以保存 HTML 编码的源文件，用做你的 Web 页的模板，或者把它修改之后用做其他用途.

HTML 标记
HTML
该元素指明你的文件包含 HTML-编码信息. 文件扩展名 .html 也指明该文件是一个 HTML 文档而且必须使用. (如果你的系统受 8.3 制文件名的限制 (如., LeeHome.htm）, 可以用 .htm 做扩展名.)

HEAD
头元素 head 是你的 HTML-编码文档中包含标题 title 的第一部分. 标题是作为你的浏览器窗口的一部分来显示的 (见下文).

TITLE
标题 title 元素含有你的文档标题并且作为一种全局上下文识别其内容. 标题通常显示在浏览器窗口的某个位置 (通常在顶端), 而不是在文本区. 标题同时也用于热点列表 hotlist 或书签列表 bookmark list 中的显示, 因此标题的选择因当是描述性的, 独特的, 和相对简洁的. 标题在 WAIS 服务中还用于搜索服务器.

例如, 你可能在一章的内容中包含一个短小的书本的标题: NCSA Mosaic 指南 (Windows): 安装. 这个标题说明了软件的名称, 使用平台, 和本章内容, 它比简单地把该文档称为安装. 要好得多。一般你的标题应该不超过 64 个字符.

BODY
HTML 文档的第二部分，也是最大的部分是正文 body, 它含有你的文档的内容 (显示在你的浏览器窗口文本区的部分). 下面介绍的标记用在 HTML 文档的正文 body 内.

标题字体Headings
HTML 有六级标题字体, 从 1 到 6 编号, 1 号最小. 标题字体的显示比普通文本字体大或者粗. 每个文档中的第一个标题字体应该标记为

.

标题字体元素的语法为:
标题字体文本
其中 y 是从 1 到 6 的数字，指明标题字体的等级.

在你的文档中不要跳跃使用标题字体等级. 例如, 不要用一级标题 (

) 开始，然后跟随一个三级标题 (

) .

段落Paragraphs
不同于多数字处理器中的文档, HTML 文件中的换行是不重要的. 你不用担心你的文本中行的长度 ( 当然最好不要超过 72 个字符). 在你的源文件中任何地方可以使用换行, 多个空白在你的浏览器中被重叠成为一个空白.

在“最小的 HTML 文档”中给出的例子中第一段的编码为

Welcome to the world of HTML.
This is the first paragraph.
While short it is
still a paragraph!

源文件中各行之间有换行. Web 浏览器忽略这些换行，只有遇到另一个

标记时才开始新段落

要点: 你必须用

元素指明段落. 浏览器忽略源文件中的任何缩进或空行. 如果没有

元素, 文档将被看作一个大段落处理. (一个例外的情况是把文本标记为 "preformatted," 下文中将做介绍.) 例如, 下面的内容的输出和第一个 HTML 例子完全相同:

Level-one heading

Welcome to the world of HTML. This is the
first paragraph. While short it is still a
paragraph!

UQ云商B2B2C系统

UQCMS云商是一款B2B2C电子商务软件，非常适合初创的创业者，个人及中小型企业。程序采用PHP+MYSQL,模板采用smarty模板，二次开发，简单方便，无需学习其他框架就可以自行模板设计。永久免费使用，操作简单，安全稳定。支持PC+WAP+微信三种浏览方式，支持微信公众号。

下载

And this is the second paragraph.

为了保持 HTML 文件的可读性, 标题字体应该独占一行, 在开始一个新的部分之前加一到两行空行，段落之间也用空行隔开( 除了用

标记以外). 这些额外的空白在你编辑文件时将会有用 ( 但是你的浏览器将忽略这些空白因为它有自己的关于空白的规则，不依赖于你源文件中的空白).

注意: 结束标记

可以省略. 这是因为当浏览器遇到一个

标记时, 它认为前一个段落到此结束.

使用

和

作为段落标记使得你可以通过在源文件中使用 ALIGN=alignment 属性使一个段落居中排列.

这是一个居中的段落. [见下面的输出形式]

这是一个居中的段落.

以上就是HTML 初学者指南(二)的内容，更多相关内容请关注PHP中文网（www.php.cn）！

如何正确设置 HTML 背景图片以全屏铺满视口宽度

如何通过内联 JavaScript 隐藏特定表格行

Chrome 扩展干扰本地网页字体加载：快速定位与禁用方案

如何使用 curl 阻止 PHP 重定向并获取原始响应内容

如何让 HTML 背景图片完整覆盖容器全宽（避免横向溢出）

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

相关专题

AO3官网入口与中文阅读设置 AO3网页版使用与访问

本专题围绕 Archive of Our Own（AO3）官网入口展开，系统整理 AO3 最新可用官网地址、网页版访问方式、正确打开链接的方法，并详细讲解 AO3 中文界面设置、阅读语言切换及基础使用流程，帮助用户稳定访问 AO3 官网，高效完成中文阅读与作品浏览。

2026.02.02

主流快递单号查询入口实时物流进度一站式追踪专题

本专题聚合极兔快递、京东快递、中通快递、圆通快递、韵达快递等主流物流平台的单号查询与运单追踪内容，重点解决单号查询、手机号查物流、官网入口直达、包裹进度实时追踪等高频问题，帮助用户快速获取最新物流状态，提升查件效率与使用体验。

2026.02.02

Golang WebAssembly（WASM）开发入门

本专题系统讲解 Golang 在 WebAssembly（WASM）开发中的实践方法，涵盖 WASM 基础原理、Go 编译到 WASM 的流程、与 JavaScript 的交互方式、性能与体积优化，以及典型应用场景（如前端计算、跨平台模块）。帮助开发者掌握 Go 在新一代 Web 技术栈中的应用能力。

2026.02.02