新手htm第六章.docx

《新手htm第六章.docx》由会员分享，可在线阅读，更多相关《新手htm第六章.docx（24页珍藏版）》请在冰豆网上搜索。

新手htm第六章

   文字是网页设计最基础的部分，一个标准的文字页面可以起到传达信息的作用。

对文字的格式化，通常可以使用以下两种方式:

   第一种方式是直接使用HTML标记，例如，可以使用标题1标记

来将一行文本设置为标题1格式，或是使用粗体标记来将选中的文本字符设置为加粗格式。

   第二种方式是使用CSS，即层叠样式表。

CSS是一种对文本进行格式化操作的高级技术，它从一个较高的级别上对文本进行控制。

其特点是可以对文本的格式进行精确控制，而且可以在文档中实现格式的自动更新。

利用CSS，可以对现有的标记格式进行重新定义，也可以自行将某些格式组合定义为新的样式，甚至可以将格式信息定义于文档之外。

   本章介绍的是第一种方式对文字格式化的方法。

   在浏览器中显示的文字内容编写在标记中，这些内容包括普通的文字、空格符号和特殊符号以及页面的注释语句。

6.1.l  输人普通文字

在页面中输入文字内容是HTML语言所能做到的最简单的事情。

文件范例:

6-1.htm

在页面中输入普通文字。

-- ------------------------------------------ -->

--            文件范例：

6-1.htm             -->

--         文件说明：

输入普通文字          -->

-- ------------------------------------------ -->

这是一本专业的HTML书籍

文件说明

第10行就是输入的普通文字。

显示结果

如图6-1所示的就是页面中的文字。

6.1.2  输入空格符号

HTML页面中空格符号是通过代码控制的，下面介绍空格的符号代码。

基本语法

&NBSP

语法解释

一个半角空格使用一个 表示，多个空格只需使用多次即可。

文件范例:

6-2.htm

在页面中输入空格符号。

-- ------------------------------------------ -->

--            文件范例：

6-2.htm             -->

--         文件说明：

页面的空格符号        -->

-- ------------------------------------------ -->

这    是   一本专业的        HTML       书籍

文件说明

第10行设定了多个空格符号。

显示结果

如图6-2所示的就是页面中文字间的空格。

6.1.3  输入特殊符号

与空格的表示方法有些相似，一些特殊的符号是凭借特殊的符号码来表现的。

通常由前缀“&”，加上字符对应的名称，再加上后缀“；”而组成。

基本语法

基本语法如表6-1所示。

表6-1特殊符号

特殊符号

符号码

“

"

&

&

<

<

>

>

©

©

®

®

±

±

×

×

§

§

¢

¢

¥

¥

·

·

€

€

£

£

TM

™

语法解释

在源代码中输入相应的符号码，就可以显示特殊符号了。

文件范例：

6-3.htm

在页中输入特殊符号。

-- ------------------------------------------ -->

--            文件范例：

6-3.htm             -->

--         文件说明：

页面的特殊符号        -->

-- ------------------------------------------ -->

© " 这" 是一本专业& 详尽的< HTML> 书籍® 

文件说明

第10行输入了表6-1中所列的各种特殊符号。

显示结果

如图6-3所示的就是页面中的特殊符号。

6.1.4  注释语句,

-- -->

页面中可以加入相关的说明注释语句，便于源代码编写者对代码的检查与维护。

这些注释语句并不会出现在浏览器的显示中。

在源代码适当的位置添加注释是很好的习惯，因为一旦代码过长，很可能连编写者最后都会产生混淆，适当的注释有助于对源代码的理解。

基本语法

……

--……-->

语法解释

使用上述两种表示方法都可以代表注释语句。

文件范例:

6-4.htm

在页面中添加注释语句。

-- ------------------------------------------ -->

--            文件范例：

6-4.htm             -->

--         文件说明：

页面的注释语句        -->

-- ------------------------------------------ -->

这是页面的注释语句之一 

© " 这" 是一本专业& 详尽的< HTML> 书籍®

--这是页面的注释语句之二-->

文件说明

第10行和第12行都可以表示页面中的注释语句。

显示结果

如图6-4所示，注释语句并不会出现在浏览器的显示中。

   在浏览器的正文部分，可以显示标题文字，所谓标题文字就是以某几种固定的字号显示文字。

6.2.1  标题字标记

   标题字标记共有6种，每一种的标题在字号上有明显的区别。

一般用标题来强调段落要表现的内容，在HTML中，定义了六级标题，从一～六级，每级标题的字体大小依次递减。

基本语法

标题字的基本语法如表6-2所示。

表6-2标题字

标记

描述

……

一级标题

……

二级标题

……

三级标题

……

四级标题

……

五级标题

……

六级标题

语法解释

一级标题使用最大的字号表现，六级标题使用最小的字号表现。

文件范例:

6-5.htm

在页面中输入不同大小的标题字。

-- ------------------------------------------ -->

--            文件范例：

6-5.htm             -->

--         文件说明：

页面的标题文字        -->

-- ------------------------------------------ -->

这是一本专业详尽的HTML书籍

 

这是一本专业详尽的HTML书籍

这是一本专业详尽的HTML书籍

这是一本专业详尽的HTML书籍

这是一本专业详尽的HTML书籍

这是一本专业详尽的HTML书籍

文件说明

第10行～第15行表示6种不同大小的标题字。

显示结果

如图6-5所示的就是不同标题字的效果。

6.2.2  标题字的对齐属性ALIGN  

标题字可以在页面中实现水平方向左、中、右的对齐，便于文字在页面中的编排。

在标题标记中，最主要的属性是ALIGN（对齐）属性，用于定义标题段落的对齐方式，使页面更加整齐。

基本语法

标题字的对齐属性如表6-3所示。

表6-3  标题字的对齐属性

属  性 描  述

…… 标题居左对齐

…… 标题居中对齐

…… 标题居右对齐 

语法解释

属性中的Hn中的n代表从1～6。

文件范例:

6-6.htm

在页面中实现标题字的左中右对齐。

-- ------------------------------------------ -->

--            文件范例：

6-6.htm             -->

--         文件说明：

页面标题字的对齐      -->

-- ------------------------------------------ -->

这是一本专业详尽的HTML书籍

 

这是一本专业详尽的HTML书籍

这是一本专业详尽的HTML书籍

这是一本专业详尽的HTML书籍

文件说明

第10行是默认的标题字对齐，第11行～第13行表示居左、居中、居右的标题字。

显示结果

如图6-6所示的就是不同标题字水平对齐的效果。

   在HTML文件中，可以加入多种文字的修饰标记，如表6-4所示。

表6-4文字的修饰标记

标记

描述

粗体

粗体

斜体

斜体

斜体

上标

下标

大字号

小字号

下划线

删除线

删除线