资源描述
第一课时：简单的HTML语言的使用
①打开Frontpage，选择【HTML】标签；
<html>——超文本标记语言
<head>——头部信息，包含文字标注，软件名称
<title>——网页标题
<body>——主体部分
②输入示例文字1，换行输入示例文字2
<p>——换行
<b>——粗体
<u>——下划线
<I>——斜体
<font face=”隶书” color=”#FF0000” size=”5”>——字体格式
<aline=center>——对齐方式
③插入2*2表格，粗细为0
<table>——表格
<border>——粗细
<width>——宽度
<tr>——行标题
<td>——列标题
④设置背景图片
<background>——网页背景
⑤设置表格背景
<bgcolor>——背景颜色
⑥设置背景音乐
<bgsound src>——背景音乐
⑦设置文字超链接到文件，设置图片超链接到网址
<a href>——超链接
⑧设置超链接的颜色
<link>——超链接颜色
<vlink>——已访问的超链接
<alink>——当前超链接
⑨演示几个动态HTML例子，学生上机练习，要求能更改例子中的图片或者文字，有能力的可以叠加效果。
第二课时：SCRIPT和CSS的简单使用
① 打开Frontpage，选择【HTML】标签；
在body区输入演示简单的示例后学生练习：
<script language="javascript">
alert("我的第一个java程序！")
</script>
【总结】
1、 javascript语言写在BODY区；
2、alert表示弹出对话框
② 简单介绍CSS的定义、类型及区别，然后演示
【嵌入式】
<table style="color:red;font-size:10pt">
【内联式】
head区定义：
<style type="text/css">
<!--
.a{font-size:30pt;color:green;text-decoration:underline}
.c{font-size:40pt;color:red;text-decoration:underline}
-->
</style>
body区使用：
<span class=样式类名称>文字</span>
【外联式】
<link href="样式表名称.css" rel="stylesheet" type="text/css">
【总结】
关于怎么判断是何种类型的样式表？
1、 代码中出现“{}”的，是内联式样式表；
2、 代码中没“{}”，出现“**.css”字样的，是外联式样式表；
3、 代码中既没有“{}”，也没有“**.css”字样的，是嵌入式样式表，或者就是普通的HTML代码
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
