当前位置:文档之家› 网页设计基础教案

网页设计基础教案


4.1.5 创建指向电子邮件的链接
<a href=“mailto:邮件地址”>。。。</a>
4.2 建立列表 4.2.1 <OL> <LI>
<OL>称为有序列表标记。<LI>则用以标示列表项目。 所谓有序列表就是在每一项前面加上 1,2,3... 等数目,又称编号列表。 <OL> 的参数设定(常用): 例如: <ol type="i" start="4"></ol> Type Numbering style • type=“i” 设定数目款式,其值有 1 1, 2, 3, ... 数字 五种,请参考 右表, a a, b, c, ... 小写字母 内定为 type="1"。 A A, B, C, ... 大写字母 • start=“4” i i, ii, iii, ... 小写罗马数字 设定开始数目,不论设 I I, II, III, ... 大写罗马数字 定了哪一数 目款式,其 值只能是 1,2,3.. 等整 数,内定为 start="1"。
4.1.2 <BASE>
<BASE> 是一个链接基准标记,用以改变文件中所有链接标记的参数内定 值。它只能应用 於文件的开头部分,即标记 <HEAD> 与 </HEAD> 之 间。 <BASE> 的一般参数设定: 例如 <base href="/" target="_top"> • href=“/” 设定该页网页中所有 HTTP 文件及图形(包括相对路径链接及 <IMG> 图形标记 等)的内定路径,其他如 ftp:// 及 gopher:// 等则不受影响。 这参数只可填入一个相 对或绝对的路径,不必填入文件名称。一般相 对路径链接及 <IMG> 图形标记等是 内定以该页网页所在的目录作为起 点,若依这例子,该文件中所有链接将会以 / 作为起点,若其中有链接如 <a href="index.html">Back to Main Page</a> ,那末它不会连到自已目录下的 index.html,它将会连到 Microsoft 的 首页,这是因为相对路径己给 <BASE> 转成绝对的了。 • target="_top" 设定该页网页中所有连结被按後之结果所要显示的视窗,免得分别为 所有连结加 上 target 参数,常应用於框架中。其设定与 <A> 连结标记 中 target 参数相同。
习题
• 制作一个网页,要求标题为H2,居中, 黑体,红色;节标题H3,居左,楷体, 绿色;正文为宋体,蓝色。整个网页背 景色为乳白色。 • 用预排格式设置网页,要求在word中排 2~3段文本,然后粘贴过来。 • 在网页中显示方程式:ax2+bx+c=0
第四章 超级链接和列表
4.1 建立超级链接 4.1.1 <A>
<A> 称作锚点标记,由 <A> 与 </A> 所围的文字、图片等等可以成为一个 链接。
<A> 的一般参数设定:
例如 <a href="index.html" name="hello" target="_top"> • href=“index.html” o 当作为一外部链接时: href 所设定的是该链接所要连到的文件名称, 当作为一外部链接时: 若 该文件与此 html 档不是同在一目录请加上适当的路径,相对绝对皆 可。 o 当作为一内部链接时: href 所设定的是该链接所要连到的同文件内参 当作为一内部链接时: 考 点或指定文件之参考点,例如 : <a href=“#there”></a> 、 <a href=“index.html#there”> </a> 及 <a href=“.hk/~chris55/index.html#there”> </a> 其中 there 便 是参考点,并在其前加上符号 # 以作识别,参考点由下一个参 数 name 事先於文件中埋下。
<B>能产生字体加粗的效果;<I>产生斜体效果 ;<U>是加底线的标记 ; <SUB> 为下标字, <SUP> 则为上标字 。
3.2.2<H1> <H2> <H3> <H4> <H5> <H6>
这些是标题标记,由 <H1> 至 <H6> 变粗变大加宽的程度逐渐减小。每个标题标 记所标示 的字句将独占一行且上下留一空白行。
5.<body>…<body>
格式:<Body bgcolor=“颜色值” background=“文件名” text= “颜色 值” link=“颜色值” vlink= “颜色值” alink= “颜色值”> …… </body>
Body标记的属性
• text=“#000000” 用以设定文字颜色。 #000000 代表黑色,亦可以采用 颜色的名称,即 text=“black” 。link=“#0000FF” 设定一般文字链接颜色。 • alink="#FF0000" 设定刚按下时文字链接颜色。 • vlink="#0000FF" 设定链接后的颜色。(被按过)。 • background=“bg1.gif” 设定背景墙纸。GIF 或 JPEG 皆可,可以是绝对路径或 相对路径。 • bgcolor="#FFFFFF" 设定背景颜色。当己设定背景墙纸时会失去作用,除 非墙纸有透明部分。
习题
• 创建一个简单的网页,要求网页的标题 是“个人简介”,网页文本内容自定义, 文件名为index.htm 。 • 用<Body>标记制作一张具有多种色彩的 网页。 • 写出Html文件的总体结构。在Html文档 中,有头标记<Head>和无头标记的区别 有哪些?标题标记<Title>在网页中有何 作用?
3.2.3<FONT> : 负责设定文字的大 小、字形及颜色。 <FONT>的参数设定: 例子: <font face="Arial" size="+2" color="#008000">Creation of Webpage</font>
• face="Arial" 设定文字的字形。Arial 是常用的一种,请不要 使用 Window 内建字 形以外的字形。 • size="+2" 设定文字的大小。其值可以是绝对或相对, size="5" 表示其大小便是 5, 而html内定值为 3, 相对的意思便是在内定值 3 的基础上增加或减 少大小级数,如 size="+2" 便等同绝 对表示法 的 size="5"。 • color="#008000" 设定文字的颜色。#008000 表示绿色
3.1.7其他排版标记
<CENTER>称为居中标记。 作用:令字、画、表格等显示于中间。 <NOBR>称为不换行标记。 作用:令某些文字不因太长而绕行,而是显示于同一行或下一 行。它 对住址、数学算式、一行数字、程序代码等尤为有用。 <WBR>称为建议换行标记。 作用:预设换行部位。
3.2 文字标记 3.2.1 <B> <I> <U> <SUP> <SUB>
第三章 段落和文字标记
3.1 段落标记 3.1.1注释标记 <!--注解-->
像很多电脑语言一样,HTML 文件也提供注解功能。浏览器会忽略 此标记中的文字(可以 是很多行)而不作显示

3.1.2 换行标记 <BR>称为换标记。
作用:令字、画、表格等显示于下一行。
例子:
3.1.3 换段标记 <P>称为段落标记。
标记:<标记> 受标记影响的内容 </标记> 标记的属性:<标记 属性1=属性值 属性2=属性值 ……> 例:<Font color=red>红色</Font>
2.2.2基本结构
<Html> <Head> <Title>网页的标题 网页的标题</Title> <Title>网页的标题</Title> </Head> <Body> 网页的内容 </Body> </Html>
作用:为字、画、表格等之间留一空白行。 <P> 的常用参数: 如:<p align="center"> align="center" 可选值:right, left, center。 内定值: align="left"
3.1.4 显示预排格式
<PRE>称为预设格式标记。 作用:按照原始码的排列方式显示。 这标记允许保留你在原始码中输入的空白及回车。 格式:<Pre> 预先排好的内容 </Pre>
什么是HTML?
HTML是Hypertext Markup Language的缩写,译作“超文本 标记语言”,它是用来表示网上信息的符号标记语言。 Html文件的组成: 1、标记 2、文字与图形资料 3、统一资源定位符(URL)
相关主题