分享
 
 
 

HTML 初学者指南(2)

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

一个教学工具

要看到你的浏览器当前窗口所显示信息的原始文件, 可以选择浏览器菜单中的 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 文档”中给出的例子中第一段的编码为

<P>Welcome 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 例子完全相同:

<H1>Level-one heading</H1> <P>Welcome to the world of HTML. This is the

first paragraph. While short it is still a

paragraph! </P> <P>And this is the second paragraph.</P>

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

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

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

<P ALIGN=CENTER>

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

</P>

这是一个居中的段落.

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有