新手htm第六章Word格式.docx
《新手htm第六章Word格式.docx》由会员分享,可在线阅读,更多相关《新手htm第六章Word格式.docx(24页珍藏版)》请在冰豆网上搜索。
这是一本专业的HTML书籍
/BODY>
/HTML>
文件说明
第10行就是输入的普通文字。
显示结果
如图6-1所示的就是页面中的文字。
6.1.2
输入空格符号
HTML页面中空格符号是通过代码控制的,下面介绍空格的符号代码。
基本语法
&
NBSP
语法解释
一个半角空格使用一个&
nbsp;
表示,多个空格只需使用多次即可。
6-2.htm
在页面中输入空格符号。
6-2.htm
页面的空格符号
页面的空格符号<
这&
是&
一本专业的&
HTML&
书籍
第10行设定了多个空格符号。
如图6-2所示的就是页面中文字间的空格。
6.1.3
输入特殊符号
与空格的表示方法有些相似,一些特殊的符号是凭借特殊的符号码来表现的。
通常由前缀“&
”,加上字符对应的名称,再加上后缀“;
”而组成。
基本语法如表6-1所示。
表6-1特殊符号
特殊符号
符号码
“
quot;
amp;
lt;
>
gt;
©
copy;
®
reg;
±
plusmn;
×
times;
§
sect;
¢
cent;
¥
yen;
·
middot;
€
euro;
£
pound;
TM
trade;
在源代码中输入相应的符号码,就可以显示特殊符号了。
6-3.htm
在页中输入特殊符号。
6-3.htm
页面的特殊符号
页面的特殊符号<
是一本专业&
详尽的&
书籍&
第10行输入了表6-1中所列的各种特殊符号。
如图6-3所示的就是页面中的特殊符号。
6.1.4
注释语句<
COMMENT>
<
页面中可以加入相关的说明注释语句,便于源代码编写者对代码的检查与维护。
这些注释语句并不会出现在浏览器的显示中。
在源代码适当的位置添加注释是很好的习惯,因为一旦代码过长,很可能连编写者最后都会产生混淆,适当的注释有助于对源代码的理解。
……<
/COMMENT>
--……-->
使用上述两种表示方法都可以代表注释语句。
6-4.htm
在页面中添加注释语句。
6-4.htm
页面的注释语句
页面的注释语句<
COMMETN>
这是页面的注释语句之一<
--这是页面的注释语句之二-->
第10行和第12行都可以表示页面中的注释语句。
如图6-4所示,注释语句并不会出现在浏览器的显示中。
在浏览器的正文部分,可以显示标题文字,所谓标题文字就是以某几种固定的字号显示文字。
6.2.1
标题字标记<
H>
标题字标记共有6种,每一种的标题在字号上有明显的区别。
一般用标题来强调段落要表现的内容,在HTML中,定义了六级标题,从一~六级,每级标题的字体大小依次递减。
标题字的基本语法如表6-2所示。
表6-2标题字
标记
描述
H1>
/H1>
一级标题
H2>
/H2>
二级标题
H3>
/H3>
三级标题
H4>
/H4>
四级标题
H5>
/H5>
五级标题
H6>
/H6>
六级标题
一级标题使用最大的字号表现,六级标题使用最小的字号表现。
6-5.htm
在页面中输入不同大小的标题字。
6-5.htm
页面的标题文字
页面的标题文字<
这是一本专业详尽的HTML书籍<
第10行~第15行表示6种不同大小的标题字。
如图6-5所示的就是不同标题字的效果。
6.2.2
标题字的对齐属性ALIGN
标题字可以在页面中实现水平方向左、中、右的对齐,便于文字在页面中的编排。
在标题标记中,最主要的属性是ALIGN(对齐)属性,用于定义标题段落的对齐方式,使页面更加整齐。
标题字的对齐属性如表6-3所示。
表6-3
标题字的对齐属性
属
性
描
述
Hn
ALIGN=LEFT>
/Hn>
标题居左对齐
ALIGN=CENTER>
标题居中对齐
ALIGN=RIGHT>
标题居右对齐
属性中的Hn中的n代表从1~6。
6-6.htm
在页面中实现标题字的左中右对齐。
6-6.htm
页面标题字的对齐
页面的标题字的对齐<
H2
ALIGN=Left>
H3
ALIGN=Center>
H4
ALIGN=Right>
第10行是默认的标题字对齐,第11行~第13行表示居左、居中、居右的标题字。
如图6-6所示的就是不同标题字水平对齐的效果。
在HTML文件中,可以加入多种文字的修饰标记,如表6-4所示。
表6-4文字的修饰标记
B>
粗体
STRONG>
I>
斜体
EM>
CITE>
SUP>
上标
SUB>
下标
BIG>
大字号
SMALL>
小字号
U>
下划线
S>
删除线
STRIKE>
ADDRESS>
地址
TT>
打字体
6.3.1
粗体标记<
,<
对于需要强调的文字,可以以粗体来表现,这就需要HTML文字粗体标记。
/B>
/STRONG>
这两个标记都可以表现文字粗体的效果。
6-7.htm
在页面中实现文字加粗。
6-7.htm
页面的粗体字
页面的粗体字<
这是一本<
专业<
详尽<
的HTML书籍
第10行分别对“专业”使用<
标记加粗,对“详尽”使用<
标记加粗。
如图6-7所示的就是粗体字的效果。
6.3.2
斜体标记<
一般在文字中,对于需要强调的英文内容,可以使用斜体的效果。
当然,同样适用于中文文字中。
/I>
/EM>
/CITE>
这3个标记都可以表现文字斜体的效果。
6-8.htm
在页面中实现文字斜体。
6-8.htm
页面的斜体字
页面的斜体字<
的<
HTML<
书籍
标记加斜体,对“详尽”使用<
标记加斜体,对“HTML”使用<
标记加斜体。
如图6-8所示的就是斜体字的效果。
6.3.3
上标标记<
常见的数学表达式,可以将一段文字以小字体的方式显示在另一段文字的右上角,这就是上标。
/SUP>
将文字放在标记中间就可以实现上标。
6-9.htm
在页面中实现上标字。
6-9.htm
页面的上标字
页面的上标字<
代数方程式<
9X<
sup>
2<
/sup>
+2X+3=17
第11行使用了<
标记显示了数学表达式。
如图6-9所示的就是上标字的效果。
6.3.4
下标标记<
常见的数学表达式或化学方程式,可以将一段文字以小字体的方式显示在另一段文字的右下角,这就是下标。
/SUB>
将文字放在标记中间就可以实现下标。
6-10.htm
在页面中实现下标字。
6-10.htm
页面的下标字
页面的下标字<
3X<
sub>
1<
/sub>
+2X<
=10
标记显示数学表达式。
如图6-10所示的就是下标字的效果。
6.3.5
大字号标记<
可以使用大字号标记将当前的文字加大一级字号显示。
/BIG>
将文字放在标记中间就可以实现加大字号。
6-11.htm
在页面中实现大字号。
6-11.htm
页面的大字号
页面的大字号<
专业详尽<
的HTML书籍
第10行使用了<
标记将“专业详尽”文字加大字号。
如图6-11所示的就是加大字号的效果。
6.3.6
小字号标记<
可以使用小字号标记将当前的文字减小一级字号显示。
/SMALL>
将文字放在标记中间就可以实现小字号。
6-12.htm
在页面中实现小字号。
6-12.htm
页面的小字号
页面的小字号<
标记将“HTML”文字减小字号。
如图6-12所示的就是减小字号的效果。
6.3.7
下划线标记<
在页面中可以为文字加注下划线。
/U>
将文字放在标记中间就可以实现文字的下划线。
6-13.htm
在页面中实现文字的下划线。
6-13.htm
文字的下划线
文字的下划线<
标记将“专业详尽”文字加注下划线。
如图6-13所示的就是加注文字下划线的效果。
6.3.8
删除线标记<
页面中可以为文字加注删除线。
/S>
/STRIKE>
这两个标记都可以在文字的中间添加删除线。
6-14.htm
在页面中实现文字的删除线。
6-14.htm
文字的删除线
文字的删除线<
这是<
一本<
专业详尽的HTML书<
籍<
标记将“一本”文字加注删除线,使用<
标记将“籍”字加注删除线。
如图6-14所示的就是加注文字删除线的效果。
6.3.9
地址文字标记<
这个标记用于显示E-mail、地址等文字内容,主要用于英文字体的显示中。
/ADDRESS>
在标记间的文字就是地址等内容。
6-15.htm
在页面中实现地址文字。
6-15.htm
页面的地址文字
页面的地址文字<
P>
/P>
有任何技术问题请联系:
songsong@<
标记将作者的邮箱地址进行突出显示。
如图6-15所示的就是使用地址文字标记的效果。
6.3.10
打字体标记<
这个标记可以创建出打字机风格的字体,文字间是以等宽来显示的。
/TT>
在标记间的文字就是打字机风格的效果。
6-16.htm
在页面中实现打字机风格文字。
6-16.htm
打字机风格文字
------