HTML语言基础之——掌握HTML的写法(2)

02、HTML文件的基本结构

      在HTML文件中,由<html>标签、<head>标签、<body>标签等3种标签形成最基本的框架。

图示:最基本的HTML文件的组成。

3

分析:

HTML文件中,由<html>到</html>指定范围。在这个范围内,把文件的相关信息和想要在网页上显示的内容分开来编写。

<html>标签:总括文件整体,把其间内容变成HTML元素,并把文本定义为HTML文件。

<head>标签:定义文件的题目、概要、关键字、作者等文件相关信息,这些信息基本不会在浏览器中显示。

<body>标签:其间内容将在浏览器中显示。

(注意:HTML的标签使用英文字母来标记,并不区分大小写,但大小写混合着写不便于后期管理维护,且受到XHTML的影响,标签一般采用小写字母来标记。)

03、属性和属性值

       网页中需要给元素添加详细信息时,往往在其开始标签处加上“属性”和“属性值”。

图示:浏览器窗口上的显示

3

实际的HTML文件:

<html lang="zh-cn">
<head>
</head>
<body>
 <h1 align="center">孟浩然诗:宿建德江</h1>
 <h2 align="right" >孟浩然</h2>
 <p align="left"  style="FONT-FAMILY: 幼圆; FONT-SIZE: 24px;">
	移舟泊烟渚,<em>日暮客愁新</em><BR/>
	野旷天低树,江清月近人。</p>
</body>
</html>

分析:

1、image

本例给“条目”标签中的<h2>元素添加“align”属性(显示位置或对齐方式),并为其指定了属性值“right”,于是有了“把<h2>元素右对齐”的属性。

align属性的主要属性值及其功能:

left    把元素左对齐显示
center  把元素居中对齐显示
right   把元素右对齐显示

(注意:本例说明了属性与属性值的编写方法,也说明了有多个属性时的编写方法。)

2、image

为了表示是用什么语言写成的,在<html>标签中添加“lang”属性,本例“zh-cn”属性值表明该文件为中文HTML文件。

常用lang属性的属性值:

zh-CN   中国大陆语
zh-TW   台湾语
zh-HK   香港语
en      英语
ja      日本语
ko      韩国语
fr      法语

(注意:在用声音软件读取HTML文件的内容时如果没有标注合适的lang属性,有时就会引起问题,这便是编写lang属性的意义。)

posted @ 2011-09-06 11:07  自由天  阅读(236)  评论(0编辑  收藏  举报