1. HTML文档开始与结束标记
标记格式:
<HTML>……</HTML>
<HTML>标记用于标记一个页面的开始和结束。每一个HTML文档的开始处必须用一个<HTML>标记,而结尾也要用一个</HTML>标记。Web浏览器在收到一个HTML文件后,当遇到<HTML>标记时,就开始按HTML语法解释其后的内容,并按要求将这些内容显示出来,直到遇到结束标记</HTML>为止。
标记格式:
<HTML>……</HTML>
<HTML>标记用于标记一个页面的开始和结束。每一个HTML文档的开始处必须用一个<HTML>标记,而结尾也要用一个</HTML>标记。Web浏览器在收到一个HTML文件后,当遇到<HTML>标记时,就开始按HTML语法解释其后的内容,并按要求将这些内容显示出来,直到遇到结束标记</HTML>为止。
2. <HEAD>标记
标记格式:
<HEAD>……</HEAD>
<HEAD>标记称为头部标记,主要用于对页面中使用的字符集、脚本语言、页面的标题、背景音乐、样式表单等进行说明和设置。具体的设置方法是在<HEAD>与</HEAD>之间嵌入一些以标记<TITLE>、<BASE>、<ISINDEX>、<SCRIPT>、<STYLE>、<META>、<LINK>、<OBJECT>等标识的内容来实现的。例如,在例2.1中我们就嵌入了<TITLE>标记,使浏览器窗口具有了我们给出的标题。
标记格式:
<HEAD>……</HEAD>
<HEAD>标记称为头部标记,主要用于对页面中使用的字符集、脚本语言、页面的标题、背景音乐、样式表单等进行说明和设置。具体的设置方法是在<HEAD>与</HEAD>之间嵌入一些以标记<TITLE>、<BASE>、<ISINDEX>、<SCRIPT>、<STYLE>、<META>、<LINK>、<OBJECT>等标识的内容来实现的。例如,在例2.1中我们就嵌入了<TITLE>标记,使浏览器窗口具有了我们给出的标题。
mata标记
(1)描述网页关键字
<meta name=“keywords” content=“咨询,航天,设计,转让”>
关键字是网络搜索引擎借以分类的关键词
(2)定义网页语言编码
<MATA http-equiv=“content-type” content=“text/html”;
charset=gb2312”>
使用如上标记,浏览器自动选用GB2312编码作为本网页的字符编码
(3)(定义页面刷新)
<meta http-equiv=“refresh” content=“20;URL=www.sohu”>
只要进入网页,经过20秒,网页自动刷新 成sohu主页
(1)描述网页关键字
<meta name=“keywords” content=“咨询,航天,设计,转让”>
关键字是网络搜索引擎借以分类的关键词
(2)定义网页语言编码
<MATA http-equiv=“content-type” content=“text/html”;
charset=gb2312”>
使用如上标记,浏览器自动选用GB2312编码作为本网页的字符编码
(3)(定义页面刷新)
<meta http-equiv=“refresh” content=“20;URL=www.sohu”>
只要进入网页,经过20秒,网页自动刷新 成sohu主页
3. <BODY>标记
标记格式:
<BODY>……</BODY>
<BODY>标记用于标记一个页面输出显示的开始和结束。夹于<BODY>之间的是Web页面
标记格式:
<BODY>……</BODY>
<BODY>标记用于标记一个页面输出显示的开始和结束。夹于<BODY>之间的是Web页面
的具体内容,这些内容包括文字、图形、图像、超链接等各种HTML对象。每一个Web页面通常都必须有<BODY>标记。前已述及该标记是一个带属性的标记,其属性主要用于对浏览器窗口背景、前景以及超链接对象的颜等进行设置。关于属性的用法我们将在学习了有关字体颜的设置方法之后再做详细的讲解。
标记 <Body> ------ </Body>
文本体中可以规定整个文档的一些属性:
Bgcolor ------ 背景
text ------ 文本
Link ------ 超级链接对象的颜
Alink ------ 连接中对象的颜
Vlink ------ 连接后对象的颜
Background ------ 背景文件
Bgproperties -------背景图片是否跟着卷动
格式: <body text="#000000" link="#000000" alink="#000000" vlink="#000000" background="gifnam.gif" bgcolor="#000000" leftmargin=3 topmargin=2 bgproperties="fixed">
4. <FRAMESET>标记
标记格式:
<FRAMESET>……</FRAMESET>
<FRAMESET>标记被称为框架标记,其作用是将浏览器窗口划分成几个小窗口,在这些小窗口中可以同时显示相同或不同的HTML页面。该标记可以替代<BODY>标记,也可以在<FRAMESET>标记内部嵌入<BODY>、<TABLE>、<FORM>等。<FRAMESET>这个双边标记的用法相对比较复杂,我们本着由浅入深的原则,将在2.7节再行讲解。
标记格式:
<FRAMESET>……</FRAMESET>
<FRAMESET>标记被称为框架标记,其作用是将浏览器窗口划分成几个小窗口,在这些小窗口中可以同时显示相同或不同的HTML页面。该标记可以替代<BODY>标记,也可以在<FRAMESET>标记内部嵌入<BODY>、<TABLE>、<FORM>等。<FRAMESET>这个双边标记的用法相对比较复杂,我们本着由浅入深的原则,将在2.7节再行讲解。
2.2.6 文字移动标记
标记格式1:
<MARQUEE DIRECTION=移动方向BGCOLOR=背景>……</MARQUEE>
标记格式1:
<MARQUEE DIRECTION=移动方向BGCOLOR=背景>……</MARQUEE>
标记格式2:
<MARQUEE BEHAVIOR=移动方式BGCOLOR=背景>……</MARQUEE>
<MARQUEE BEHAVIOR=移动方式BGCOLOR=背景>……</MARQUEE>
标记的功能:<MARQUEE>标记的作用是让文字在页面上指定的区域内来回移动,从而出现动态的效果。其中,移动方向的取值可为left(从右向左移动)或right(从左向右移动);移动方式的取值可为scroll(从右向左不停地绕圈移动)、slide(从右边移动到左边后即停止不动)、alternate(先从右移动到左,再从左移动到右,如此反复地来回移动)。BGCOLOR用于设置文字移动区域的背景颜。此外,该标记中也可以加入HEIGHT和WIDTH属性,用来指定文字移动区域的上下和左右边界。由于文字移动通常只针对少量的单行文字,所以HEIGHT属性一般不用。
[例2.4] 文字移动标记示例,文件名CH2-4.html。
<HTML>
<HEAD><TITLE>MARQUEE标记示例</TITLE></HEAD>
<BODY>
<MARQUEE DIRECTION=left BGCOLOR=green>认真学习,天天进步</MARQUEE>
<HTML>
<HEAD><TITLE>MARQUEE标记示例</TITLE></HEAD>
<BODY>
<MARQUEE DIRECTION=left BGCOLOR=green>认真学习,天天进步</MARQUEE>
<MARQUEE DIRECTION=right WIDTH=200 BGCOLOR=red>逆水行舟,不进则退</MARQUEE>
<MARQUEE BEHAVIOR=alternate WIDTH=400 BGCOLOR=yellow>忧郁徘徊,飘忽不定
</MARQUEE>
</BODY>
</HTML>
这个文件在浏览器中执行时,“认真学习,天天进步”八个字在一行绿背景的衬托下,自右向左不断移动;“逆水行舟,不进则退”八个字在第二行中200个像素的红区域内自左向右移动;而“忧郁徘徊,飘忽不定”八个字则在400个像素的黄区域内来回移动。
</MARQUEE>
</BODY>
</HTML>
这个文件在浏览器中执行时,“认真学习,天天进步”八个字在一行绿背景的衬托下,自右向左不断移动;“逆水行舟,不进则退”八个字在第二行中200个像素的红区域内自左向右移动;而“忧郁徘徊,飘忽不定”八个字则在400个像素的黄区域内来回移动。
2.3.2 段落标记
标记格式:
<P ALIGN=对齐方式>……</P>
段落标记<P>的作用是另起一段,它不仅具有换行的作用,而且还要在新行前面插入一个空
标记格式:
<P ALIGN=对齐方式>……</P>
段落标记<P>的作用是另起一段,它不仅具有换行的作用,而且还要在新行前面插入一个空
行。在例2.1中我们分别使用了段落标记<P>和换行标记<BR>,仔细观察图2.2和图2.5的显示效果,不难看出二者的差异。该标记的一个常用属性ALIGN用来设置该段文字的对齐方式。对齐方式可以是left(左对齐)、center(居中对齐)、right(右对齐)、justify(两端对齐)四种中的某一种。省略该属性时取系统默认的左对齐。
该标记常被嵌套在表格标记<TABLE>中,可使表格更加整齐、美观。
该标记常被嵌套在表格标记<TABLE>中,可使表格更加整齐、美观。
[例2.5] 段落标记及其对齐属性示例,文件名CH2-5.html。
<HTML>
<HEAD>
<TITLE>段落标记与属性</TITLE>
</HEAD>
<BODY>
<P ALIGN=center>床前明月光</P>
<P ALIGN =center>疑是地上霜</P>
<P ALIGN =center>举头望明月</P>
<P ALIGN =center>低头思故乡</P>
<HTML>
<HEAD>
<TITLE>段落标记与属性</TITLE>
</HEAD>
<BODY>
<P ALIGN=center>床前明月光</P>
<P ALIGN =center>疑是地上霜</P>
<P ALIGN =center>举头望明月</P>
<P ALIGN =center>低头思故乡</P>
</BODY>
</HTML>
这个文件在浏览器中的显示效果如图2.5所示。
</HTML>
这个文件在浏览器中的显示效果如图2.5所示。
2.3.3 预排版标记
标记格式:
<PRE>……</PRE>
预排版标记的作用是让浏览器对该标记内的内容按原始输入格式不做修改地输出。
通常,我们在编辑文本文件时习惯上按段换行,且每个新的段落开头处缩进两字。但是,浏览器在处理HTML文件时,却不能理解我们的这种习惯。为此,HTML中设置了预排版标记<PRE>来照顾我们的这种习惯。如果您的网页是一篇论文,而且希望浏览者看到的格式与您的输入格式完全一致,则可以在这篇文章的开头处加上<PRE>,并在结尾处加上</PRE>就可以了。
标记格式:
<PRE>……</PRE>
预排版标记的作用是让浏览器对该标记内的内容按原始输入格式不做修改地输出。
通常,我们在编辑文本文件时习惯上按段换行,且每个新的段落开头处缩进两字。但是,浏览器在处理HTML文件时,却不能理解我们的这种习惯。为此,HTML中设置了预排版标记<PRE>来照顾我们的这种习惯。如果您的网页是一篇论文,而且希望浏览者看到的格式与您的输入格式完全一致,则可以在这篇文章的开头处加上<PRE>,并在结尾处加上</PRE>就可以了。
[例2.6] 预排版标记示例,文件名CH2-6.html。
<HTML>
<HTML>
<HEAD><TITLE>预排版标记</TITLE></HEAD>
<BODY>
<PRE>
白日依山尽
黄河入海流网页代码中的单标签
欲穷千里目
更上一层楼
</PRE>
</BODY>
</HTML>
这个文件在浏览器中的显示效果如图2.6所示。
<BODY>
<PRE>
白日依山尽
黄河入海流网页代码中的单标签
欲穷千里目
更上一层楼
</PRE>
</BODY>
</HTML>
这个文件在浏览器中的显示效果如图2.6所示。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论