第七部分 动态网页制作
一、HTML语言(所有的符号均为英文半角符号)
1、HTML语言结构
<html>
<head>
<title>……<./title> [网页标题]
……
</head>
<body>
……
</body>
</html>
注意:<head>区中用于书写对网页补充说明信息的代码,<body>区中用于书写网页内容的代码;
2、HTML语言中<body>区中的基本元素
(1)文字
设置标题文字的大小: <hn>……</hn> 其中n可以是从1到6
例如:<h2>绿色家园</h2>;
水平对齐方式:在<h>标签中添加align属性参数 (有三种方式:left、right、center)
例如:<h2 align=center>绿色家园</h2>;
字体设置: <font>……</font>,主要属性参数有size=n(字号)、color=”#rrggbb”(颜色)、face=”字体”(字体)
例如:<font face=”隶书” size=”2” color=”#ff0000”>绿色家园</font>;
其它标记:<b>…</b>(粗体)、<u>…</u>(下划线)、<i>…</i>(斜体)
例如:<b><font face=”隶书” size=”2” color=”#ff0000”>绿色家园</font></b>;
(2)表格设置
表格标记标签: <table></table>
常用属性参数:border(边框粗细)、width(宽)、height(高)、bgcolor(表格背景颜**ackground(表格背景图片)、cellpadding(单元格边距)、cellspacing(单元格间距);
表格标题: <caption>…</caption>;
表头: <th>…</th>;
行: <tr>…</tr>;
单元格: <td>…</td>
常用属性参数:width(宽度)、height(高度)、align(水平对齐方式式)、valign(垂直对齐方式)、bgcolor(单元格背景颜**ackground(单元格背景图片)、bordercolor(边框颜色);
(3)表单标记标签: <form>…</form>
(4)图片设置: <img src=”图片文件路径 / 图片文件名称”>
常用属性参数:width、height、align、border、alt;
(5)背景声音设置:<bgsound src=”声音文件路径 / 声音文件名称”>
常用属性参数:loop(是否循环播放);
(6)超链接设置:<a href=”链接目标地的路径”>要加链接的文字/ 图片对应的代码</a>;
(7)水平线:<hr>
二、JAVAScript的使用
1、JAVAScript代码的书写格式:
<script language=”JAVAScript”>
代码内容(一般由题目中给定)
</script>
2、插入位置:根据题目的要求放置,可放置在<head>区中,也可以放在<body>区中,并且可以在一个html文件中使用多次;
三、CSS样式表的使用
1、样式表分为三种:
(1)内嵌式样式表:把CSS样式表写在HTML语言的某个标签中
例如:<p style=”font-size: 14pt; color: blue”>绿色家园</p>
其中style=”font-size: 14pt; color: blue” 即为内嵌式样式表
(2)外联式样式表:事先把写好的CSS代码利用文本编辑软件(如记事本、WORD)保存为 .CSS 文件,然后在<head>区中定义,即:在</head>之上输入:
<link rel=stylesheet href=” 路径/样式表名称.css”>
(3)内联式样式表:把CSS代码写在<html>语言中,由定义和引用两部分组成,
定义部分:用于说明即将使用到的样式的名称及其包含的格式内容,写在<head>区中,即<head>之后、</head>之前的<style type=”text/css”>和</style>之间,中间按固定格式书写内容(内容一般由题目中给定);
引用部分:用该样式对网页中的某个内容进行修饰,写在<body>区中,即<body>……</body>之间,有固定书写格式(见下);
2、内联式样式表的书写格式:
(1)定义部分:
<style type=”text/css”>
样式名 {
第一个格式名: 格式值;
第二个格式名: 格式值;
……
}
……
</style>
注意1:样式名称与 { 写在同一行,且中间有一个空格;{ }内的冒号后面肯定有一个空格,分号后面肯定有一个回车; } 独自放一行,且垂直方向与 { 对齐;
注意2:若题目中的CSS代码已经存放在某文本文件中,则无需严格按照此书写格式,只需选中该代码,然后复制、粘贴到<style……>与</style>之间即可;
注意3:<style……>与</style>之间可以有多个样式;
(2)引用部分:
若定义部分样式名前没有• ,则在 <body>区中使用该样式修饰某段内容时的书写格式为:<样式名> 要修饰的内容 </ 样式名> ;
若定义部分样式名前有• ,则在<body>区中使用该样式修饰某段内容时的书写格式为: <span class=”样式名”> 要修饰的内容 </ span>;