HTML 初学者指南(二)

岚华山

岚华山

2016-01-29 13:12

HTML 初学者指南(二),HTML 初学者指南(二)

一个教学工具
要看到你的浏览器当前窗口所显示信息的原始文件, 可以选择浏览器菜单中的 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 号最小. 标题字体的显示比普通文本字体大或者粗. 每个文档中的第一个标题字体应该标记为 <H1.

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

在你的文档中不要跳跃使用标题字体等级. 例如, 不要用一级标题 (<H1) 开始,然后跟随一个三级标题 (<H3) .

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

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

<PWelcome to the world of HTML.
This is the first paragraph.
While short it is
still a paragraph!</P

源文件中各行之间有换行. Web 浏览器忽略这些换行,只有遇到另一个 <p 标记时才开始新段落 <P

要点: 你必须用 <P 元素指明段落. 浏览器忽略源文件中的任何缩进或空行. 如果没有 <P 元素, 文档将被看作一个大段落处理. (一个例外的情况是把文本标记为 "preformatted," 下文中将做介绍.) 例如, 下面的内容的输出和第一个 HTML 例子完全相同:

<H1Level-one heading</H1 <PWelcome to the world of HTML. This is the
first paragraph. While short it is still a
paragraph! </P <PAnd this is the second paragraph.</P

为了保持 HTML 文件的可读性, 标题字体应该独占一行, 在开始一个新的部分之前加一到两行空行,段落之间也用空行隔开( 除了用<P 标记以外). 这些额外的空白在你编辑文件时将会有用 ( 但是你的浏览器将忽略这些空白因为它有自己的关于空白的规则,不依赖于你源文件中的空白).

注意: 结束标记 </P 可以省略. 这是因为当浏览器遇到一个 <P 标记时, 它认为前一个段落到此结束.

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

<P ALIGN=CENTER
这是一个居中的段落. [见下面的输出形式]
</P

这是一个居中的段落.

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/php/)
展开更多 50%)
分享

猜你喜欢

HTML 初学者指南(二)

PHP
HTML 初学者指南(二)

HTML 初学者指南

Html CSS布局 Div+CSS XHTML
HTML 初学者指南

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML 初学者指南(一)

PHP
HTML 初学者指南(一)

HTML 初学者指南(三)

PHP
HTML 初学者指南(三)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML 初学者指南(六)

PHP
HTML 初学者指南(六)

HTML 初学者指南(九)

PHP
HTML 初学者指南(九)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PHP 和 MySQL 基础教程(四)

PHP 和 MySQL 基础教程(四)

PHP学习宝典-第四章

PHP学习宝典-第四章
下拉加载更多内容 ↓