《ASP动态网站制作实例教程》第3章:HTML基础

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

帧是由英文Frame翻译过来的,它可以用来向浏览器
Leabharlann Baidu
窗口中装载多个Html文件。即每个Html文件占据一 个帧,而多个帧可以同时显示在同一个浏览器窗口中, 它们组成了一个最大的帧,也即是一个包含多个Html 文档的Html文件(我称它为主文档)。帧通常的使用方 法是在一个帧中放置目录(即可供选择的链接),然后 将Html文件显示在另一个帧中。
HTML文件以<HTML>标记开始,以</HTML>标记结
束,中间的部分是HTML的元素体,HTML的元素体 分文档头和文档体两部分,在文档头里,对这个文档 进行了一些必要的定义,文档体中才是要显示的各种 文档信息。
一个HTML文件应当具有以下结构:
<HTML> <HEAD> 头部信息 </HEAD> <BODY> 文档主体,正文部分 </BODY> </HTML>
例如你想突出对某段文字的显示,就将此段文字放在一<EM>
</EM>标记中:
在起始链接签和结尾链接签之间的部分是元素体。每个元素都有
<EM>第一:</EM>
名称和可以选择的属性,元素名称和属性都在起始链接签内标明。 许多单标记和双标记的始标记内可以包含一些属性,其语法是: < 标签名字 属性1 属性2 属性3 … > 各属性之间无先后次序,属性也可省略(即取默认值),例如单标 记<HR>表示在文档当前位置画一条水平线(horizontal line),一 般是从窗口中当前行的最左端一直画到最右端。带一些属性: <HR SIZE=3 ALIGN=LEFT WIDTH="75%"> 其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性 表示对齐方式,可取LEFT(左对齐,缺省值),CENTER(居 中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对 值,(由一对“”号括起来的百分数,表示相对于充满整个窗口 的百分比),也可取绝对值(用整数表示的屏幕像素点的个数, 如WIDTH=300),缺省值是"100%"。
<body bgcolor="red">红色背 景
<body text="#0000ff">蓝色 文本 <body link="blue">链接为蓝 色 <body vlink="green"> <body alink="yellow">
表3.1 <body>标签中的属性
注意: 以上各个属性可以结合使用,如<body bgcolor=“red” text=“#0000ff”>。引号内的rrggbb是用六个十六进制数表示的RGB(即 红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。 此外,还可以使用Html语言所给定的常量名来表示颜色:Black、White、 Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、 Fuchsia、Silver、Red、Blue和Teal, 如<body text="Blue">表示<body></body>标签对中的文本使用蓝色显示在 浏览器的框内。
例如定义了一个帧,名字是main,在帧中显示的Html 文件名是jc.htm,则代码是<frame src="jc.htm" name="main">,当您有一个链接,在点击了这个链 接后,文件new.htm将要显示在名为main的帧中, 则代码为<a href="new.htm" target="main">需要链 接的文本</a>。这样一来,就可以在一个帧中建立 网站的目录,加入一系列链接,当点击链接以后在 另一个帧中显示被链接的Html文件。
设定背景颜色。当己设定背景墙纸时会失去作用,除非
墙纸有透明部分。 leftmargin=2 设定整份文件显示画面的左方边沿空间,单位为像素。 topmargin=2 设定整份文件显示画面的上方边沿空间。
5. <frameset></frameset>
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色 标题栏部分显示的文本信息,那些信息一般是网页的 “主题”,要将您的网页的主题显示到浏览器的顶部其 实很简单,只要在<title></title>标签对之间加入您要显 示的文本即可。注意:<title></title>标签对只能放在 <head></head>标签对之间。
设定刚按下时文字链接颜色。
vlink="#0000FF" 设定链接后的颜色。(被按过)。
background="bg1.gif"
设定背景墙纸。GIF 或 JPEG 皆可,可以是绝对路径或相 对路径。 bgcolor="#FFFFFF" bgproperties="fixed" 固定背景墙纸,当卷动文字时墙纸不会跟著卷动。
某些标记称为“单标签”,因为它只需单独使用就能完整地表 达意思,这类标记的语法是: < 标签名称> 最常用的单标签是<BR>, 它表示换行。
2. 双标签
另一类标记称为“双标签”,它由“始标签”和“尾
标签”两部分构成,必须成对使用,其中始标签告诉 Web浏览器从此处开始执行该标记所表示的功能,而 尾标签告诉Web浏览器在这里结束该功能。始标签前 加一个斜杠(/)即成为尾标记。 这类标记的语法是: <标签> 内容</ 标签> 其中“内容” 部分就是要被这对标记施加作用的部分。
3.1 HTML基本构架 3.2 超链接 3.3 多媒体效果 3.4 TABLE表格 3.5 表单 3.6 实训 3.7 习题
3.1 HTML基本构架
从结构上讲,Html文件由元素组成,组成Html文件
的元素有很多种,用于组织文件的内容和指导文件的 内容和指导文件的输出格式。刚刚接触超文本,遇到 的最大的障碍就是一些用“<”和“>”括起来的句子, 我们称它为标签,是用来分割和标记文本的元素,以 形成文本的布局、文字的格式及五彩缤纷的画面。 超文本中的标签有两种,单标签和双标签。 1. 单标签
属性用途
示例
<body bgcolor="#rrggbb"> 设置 背景颜色
<body text="#rrggbb"> 设置文本 颜色 <body link="#rrggbb"> 设置链接 颜色 <body vlink="#rrggbb"> 设置已使 用的链接的颜色 <body alink="#rrggbb"> 设置正在 被击中的链接的颜色
<frame>标签放在<frameset></frameset>之间,用来定义 某一个具体的帧。<frame>标签具有src和name属性,这 两个属性都是必须赋值的。src是此帧的源Html文件名 (包括网络路径,即相对路径或网址),浏览器将会在此 帧中显示src指定的Html文件;name是此帧的名字,这 个名字是用来供超文本链接标签<a href="" target="">中 的target属性用来指定链接的Html文件将显示在哪一个 帧中。
6.<noframes></noframes>
<noframes></noframes>标签对也是放在 <frameset></frameset>标签对之间,用来在那些不支 持帧的浏览器中显示文本或图像信息。在此标签对之 间先紧跟<body></body>标签对
例如:
<BODY text="#000000" link="#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed"> 其中: text="#000000" 用以设定文字颜色。 #000000 代表黑色,亦可以采用颜色的名称,即 text="black" 。 link="#0000FF" 设定一般文字链接颜色。 alink="#FF0000"
4. <title></title>
<body></body>是Html文档的主体部分,在此标签对之 间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等 众多的标签,它们所定义的文本、图像等将会在浏览 器的框内显示出来。两个标签必须一块使用。 <body>标签中还可以有以下属性:
其中<HTML>在最外层,表示这对标记间的内容是
HTML文档。我们还会看到一些Hompage省略<HTML> 标记,因为.html或.htm文件被Web浏览器默认为是 HTML文档。 <HEAD> 之间包括文档的头部信息,如文档总标题等, 若不需头部信息则可省略此标记。 <BODY> 标记一般不省略,表示正文内容的开始。
此外,<frame>标签还有scrolling和noresize属性,
scrolling用来指定是否显示滚动轴,取值可以是 “yes”(显示)、“no”(不显示)或“auto”(若需要则 会自动显示,不需要则自动不显示)。noresize属性直接 加入标签中即可使用,不需赋值,它用来禁止用户调 整一个帧的大小。
<frameset></frameset>标签对放在帧的主文档的
<body></body>标签对的外边,也可以嵌在其他帧文档 中,并且可以嵌套使用。此标签对用来定义主文档中有 几个帧并且各个帧是如何排列的。它具有rows和cols属 性,使用<frameset>标签时这两个属性至少必须选择一 个,否则浏览器只显示第一个定义的帧,剩下的一概不 管,
<frameset rows="*,*,*"> 总共有三个按列排列的帧,每个
帧占整个浏览器窗口的1/3 <frameset cols="40%,*,*"> 总共有三个按行排列的帧,第 一个帧占整个浏览器窗口的40%,剩下的空间平均分配给 另外两个帧 <frameset rows="40%,*" cols="50%,*,200"> 总共有六个 帧,先是在第一行中从左到右排列三个帧,然后在第二行 中从左到右再排列三个帧,即两行三列,所占空间依据 rows和cols属性的值,其中200的单位是像素
<frameset></frameset>标签对也就没有起到任何作 用了。rows用来规定主文档中各个帧的行定位,而 cols用来规定主文档中各个帧的列定位。这两个属性
的取值可以是百分数、绝对像素值或星号(“*”), 其中星号代表那些未被说明的空间,如果同一个属 性中出现多个星号则将剩下的未被说明的空间平均 分配。同时,所有的帧按照rows和cols的值从左到右, 然后从上到下排列。示例如下:
1. <html></html> 3.1.1 常用页面标记 <html>标签用于Html文档的最前边,用来标识Html文档的开始。而
</html>标签恰恰相反,它放在Html文档的最后边,用来标识Html文档 的结束,两个标签必须一块使用。 2. <head></head> <head>和</head>构成Html文档的开头部分,在此标签对之间可以使 用<title></title>、<script></script>等等标签对,这些标签对都是描述 Html文档相关信息的标签对,<head></head>标签对之间的内容是不会 在浏览器的框内显示出来的。两个标签必须一块使用。 3. <body></body> <body></body>是Html文档的主体部分,在此标签对之间可包含<p>、</p>、 <h1>、</h1>、<br>、<hr>等等众多的标签,它们所定义的文本、图像等 将会在浏览器的框内显示出来。两个标签必须一块使用。<body>标签中 还可以有以下属性:
第3章 HTML基础
学习目的与要求: 本章主要介绍Html语言的基本知识,包括文本 编辑方法、多媒体和超级链接、制作表格等, 通过理论和实例相结合,使读者掌握使用 Html语言编辑网页。要求认识Html语言中的 常见网页标记,掌握Web文本编辑的基本方法, 掌握Web多媒体、超链接、表格的编辑方法
第3章 HTML基础
相关文档
最新文档