HTML(HyperText Markup Language) 超文本标记语言
HTTP FTP TCP IP
HTML HEAD TITLE BODY <APPLET> </APPLET> BR P SPACE HR
A HREF= IMG SRC TABLE TR TH COLSPAN ROWSPAN HALIGN VALIGN
FONT face size color bgcolor backgroud bgsound
hypertext hypermedia hyperlink link alink vlink
* HTML：超文本标记语言(HyperText Markup Language),
完成特殊功能，方便编辑修改HTML文档。
互联网数据描述语言的统一格式。
* 超文本：HyperText不按文本顺序阅读，可按链接进入文档各部分。
3.1 创建 HTML 文档
3.1.2 HTML 文档语句结构（P33）
1.HTML 文档语句结构
<HTML> HTML文件开始
<head> 文件头开始，头元素为一般信息
<!- 注释语句 -!>
<title>个人主页</title> 文件标题
<meta content="text/html;charset=gb2312"> 头部特定信息
<bgsound src="midi01.mid" loop="-1"> 背景音乐
</head>
<body background="sd.jpg"> 文件体开始，
体元素为输出内容和形式，背景图像。
<script> VBScript JScript 脚本语言 </script>
<IMG SRC="fhzy.gif" ALT="返回主页"> 图像标识
<table>...</table> 表格标识
</body> 文件体结束
</HTML> HTML文件结束
2.HTML 语句语句说明
<HTML>...</HTML>：HTML格式内容始末标记。
<head>...</head>：文件头始末标记。
<title>...</title>：标题内容始末标记。
3.HTML 文档语句结构举例 index.htm zydm
3.2 HTML 字体及字形修饰语句（P39）
1）HTML 字号格式
<font size=#>...</font> 字号 #=1……7号
2）标题字号格式(Header)：<H#>...</H#> 标题字号 #=1……6号
例如：<H1>一级标题</H1>
3）客户端字体标识(Font Face)
<FONT FACE=#>...</FONT>
例如：<FONT FACE=楷体>...</FONT>
物理字体标识(Physical Style)
例如：<B>黑体显示</B>
4）HTML 字体颜色格式(Font Color)
<FONT color=#>...</FONT>
<BODY bgcolor=# text=# link=# alink=# vlink=#>...</BODY>
正文：背景颜色、文字颜色、
可链接文字颜色、点击、点击后颜色。
例如：<FONT COLOR=red>...</FONT>
3.3 HTML 文字排列语句（P41）
无序列表（Unordered Lists）：<UL>...</UL>
林木森
吕口品
易昌晶
<UL>
<LI>列表项1
<LI>列表项2
......
</UL>
有序列表（Ordered Lists）：<OL>...</OL>（P42）
林木森
吕口品
易昌晶
定义型列表（Definition Lists）：<DL>...</DL>
自定义列表格式。
3.4 HTML 段落语句（P42）
1.段落语句(Paragraph)格式
<P align=x>...</P>
例如：<P align=left>第一段文字</P> 左对齐
2.行控制标识(Break)：<BR>...</BR>
3.预格式化文本标识：<PRE>...</PRE>，显示内容不会自动换行。
4.地址引用标识(Address)：<Address>...</Address>，联系地址等。
5.水平线标识(HR)
3.5 HTML 链接语句（P43）
资源定位标识：<A HREF="URL">...</A>，选项 HREF：产生超链接。
例如：<A HREF="http://localhost">本地主机</A>
3.6 HTML 图像语句（P44）
<IMG align=# SRC=# ALT=# width=# height=# ...>...</IMG>
图像：对齐、图像源、读图像时显示的文字、图像宽高。
例如：<IMG SRC="../fhzy.gif" ALT="返回主页">
3.7 HTML 显示表格语句（P46）
1）表格语句格式
实例：表格程序 bgcx
<table border="1" bordercolor="#0000FF"
cellpadding="11" cellspacing="3">
表格：边框1、边框蓝色、边距11、间距3。
<caption>...</caption>：标题
<tr>...</tr>：表行
<th>...</th>：表头（列标题栏）
<td width=# Halign=# Valign=# >...</td>：表元（表格数据）
<!- 2. 列标题栏行 !>
<tr><td>学号</td><td>姓名</td><td>成绩</td></tr>
<!- 3. 学号10003行的数据 !>
<tr><td>10003</td><td>林木森</td><td>95分</td></tr>
3.8 HTML 表单、输入框语句（P48）
1.HTML 中表单
用户填写表单—提交—服务器端处理—返回处理结果。
2.Form 标记
<form>……</form>
3.输入域
<input>……</input>
<!- 1. 输入域 input 单行文本 text -!>
<p>姓名：<input type="text" name="DHWB1" size="20"></p>
<!- 2.单选按钮 radio 选中 checked -!>
<p>性别：
<input type="radio" value="NAN" checked name="DXAN1" >男
<input type="radio" value="NU" name="DXAN1" >女</p>
<!- 4. 多选框 checkbox -!>
<p>请你选择我们的产品：
<input type="checkbox" name="DXK1" value="ON">电脑主机
<input type="checkbox" name="DXK2" value="ON">电脑主板
<input type="checkbox" name="DXK3" value="ON">电脑软件
<input type="checkbox" name="DXK4" value="ON">网络产品
</p>
4.文本框
<textarea>……</textarea>
<!- 5. 多行文本 textarea -!>
<p><textarea rows="3" name="DHWB1" cols="73"></textarea></p>
5.下拉框
<select>……</select>
<!- 3. 下拉列表 select 选项 option -!>
<p>居住城市：
<select size="1" name="XLLB">
<option>北京<option>上海<option>广州
</select></p>
6.选项框
<option>
7.表单提交
submit、teset，提交方式 Get、Post。
<!- 6. 提交按钮 submit、重写按钮 reset -!>
<p>
<input type="submit" value="提交" name="TJAN">
<input type="reset" value="全部重写" name="CXAN">
</p>
3.9 HTML 窗口语句（P51）
1）HTML 窗口语句格式
<FRAMSET cols=2>...</FRAMSET>
设置浏览窗口，纵向排列2个窗口。
<FRAM name=# SRC="URL">
设置窗口的内容，SRC 链接 HTML 文件。
3.10 HTML 多媒体语句（P52）
<EMBED SRC=#> 嵌入多媒体
<BGSOUND SRC=yy.wav#> 设置背景音乐
<IMG SRC="bb.jpg" dynSRC="bb.mpeg"> 封面图形、动态视频。
习题 3 （P54）
单词和缩写
Boolean final string array args argument length
Object clone Vector Capacity
if else switch for while do break continue return
4.1 Java 编程概况
4.1.1 Java 语言程序结构（P55）
Java 语言源代码—编译单元—包（package）、
导入语句（import）、类（class）、接口（interface）。
4.1.5 Java 语言中的关键字（P57）
abstract boolean break byte case catch char class
const continue default do double else extends false
final float for goto if import int interface long
new null operator package private protected public
rest return short static super switch this throw
true try var void while
4.2 Java 语言的数据类型
Java的基本数据类型
| 类型 | 描述 | 初始值 |
| byte | 8位符号整数，-128—127 八进制前导符:0， 十六进制前导符:0x |
(byte)0 |
| short | 16位符号整数 | (float)0 |
| int | 32位符号整数 | 0 |
| long | 64位符号整数 | 0L |
| float | 32位单精度浮点数 | 0.0f |
| double | 64位双精度浮点数 | 0.0d |
| Boolean | 布尔型只有两个值 真(true)、假(false) |
'\u0000' |
| char | 16位字符 | false |
4.2.1 常量数据（P58）
常量格式：final type constantName=constantValue;
关键字 类型 常量名 常量值
例：final double PI=3.14159;
整型常量、浮点型常量、布尔型常量、字符型常量、字符串型常量。
Java的转义符（P59）
| 转义序列 | 含义 |
| \n | 回车(\u000a) |
| \t | 水平制表符(\u0009) |
| \b | 空格(\u0008) |
| \r | 换行(\u000d) |
| \f | 换页(\u000c) |
| \' | 单引号(\u0027) |
| \" | 双引号(\u0022) |
| \\ | 反斜杠(\u005c) |
| \ddd | 三位八进制 |
| \udddd | 四位十六进制 |
4.2.2 变量数据
1.整型变量（P60）
byte 8位、short 16位、int 32位、long 64位。
2.浮点型变量（P61）
float 16位、double 32位。
5.NULL 值（P62）
例：a=null; // 释放变量 a 所占内存
6. final变量：终值变量赋值后，在程序中不再改变。
class Point
{
int x,y;
int useCount;
Point(int x,int y) //定义Point方法
{
this.x=x;
this.y=y;
}
final static Point.origin=new Point(0,0);
//把坐标(0,0)赋值给终值Point类的origin对象
}
4.2.3 数值类型之间的转换以及混合运算
1.自动类型转换,由系统完成。（P63）
位少向位多类型转换。
例如：3.2/2转换成3.2/2.0
byte 转换为 int。
byte b=10;
int i=100,i1;
i1=b+i;
2.强制类型转换
位多向位少类型转换。
例如：（int)3.0/2
int 转换为 byte。
byte b=10,b1;
int i=100;
b1=b+(byte)i;
4.2.4 数组数据（P64）
1.数组：一组类型相同的有序数据，
这些数据按顺序存放在内存中一片连续的地址中。
2.数组的创建与使用
例如：
int[] ai; //声明整数数组类型ai
point p[]; //声明点point类型数组p[]
int[] ai=new ai[10];
//声明数组类型，同时为数组分配空间，创建数组对象
4.3 Java 语言运算符和表达式
1.运算符优先级别（P66）
例：b=5;a=b=19; 左结合，运算结果a=19 b=19
Java 运算符的优先级表
| 描述 | 运算符 |
| 最高优先级 | . [] () |
| 一元 | ~ ! ++ -- |
| 乘 | * / % |
| 加减（二元） | + - |
| 移位 | << >> >>> |
| 关系 | < <= >= > |
| 等于或不等于 | == != |
| 按位与 | & |
| 按位异或 | ^ |
| 按位或 | | |
| 条件与 | && |
| 条件或 | || |
| 条件（三元） | ?: |
| 赋值 | = |
2.条件运算符
1）关系运算符
> >= < <= == !=
2）逻辑运算符
! & | ^ && ||
3）三元运算符(?:)
3.位运算
1）位运算符
按位与（&）、按位或（|）、按位异或（^）。
2）移位运算符
左移（<<）、带符号右移（>>）、不带符号右移（>>>）。
4.4 Java 语言流程控制语句
4.4.1 分支结构（if-else,switch,break,return）（P71）
条件选择
1.if 语句：单分支语句
2.if-else 语句：多分支语句
3.switch 语句（开关语句）：
控制传递给以表达式的值为标号的语句。
4.4.2 循环语句（for，continue，while，do-while）（P74）
for（初值；终值；步级）
{
语句；
}
1. while 语句
先判型：先判断，后执行。
2. do-while 语句
后判型：先执行，后判断。
3.跳转：break，continue，return。
实例：换笔增叶 hbzy.java
//
多叶曲线：
//
线宽、花叶颜色、各叶片色、背景色、叶数、位置、显示速度
// r,g,b: 背景颜色 画笔颜色
// x, y : 水平移动图形 x=0--639 垂直移动图形 y=0--479
// r1,r2: 水平方向半径 r1=0--320 垂直方向半径 r2=0--240
// i, j : 心形曲线叶片 i=1--24 心形曲线弧度 j=0--2*PI
import java.awt.*; //导入java语言awt抽象窗口工具包的所有类
import java.applet.*; //导入java语言小程序applet包的所有类
import java.awt.Graphics; //导入java语言awt包的Graphics类
public class hbzy extends Applet{
//换笔增叶hbzy类继承Java小程序Applet类
int i;
double PI=3.141596,j,j1=PI/5555;
double fx(double j){ //定义求x轴投影和x轴坐标的方法
return (Math.cos(i*j)*Math.cos(j)+1.1)*size().width*0.45;
}
double fy(double j){ //定义求y轴投影和y轴坐标的方法
return (Math.cos(i*j)*Math.sin(j)+1.06)*size().height*0.45;
}
public void paint(Graphics g){
for(i=0;i<4;i++){ //用i循环递增改变画笔和增加花叶
switch(i){
case 0:
g.setColor(new Color(255,0,0)); //设置画笔为红色
setBackground(Color.green); //设置背景为绿色
break;
case 1:
g.setColor(new Color(255,255,0)); //设置画笔为黄色
setBackground(Color.orange); //设置背景为橙色
break;
case 2:
g.setColor(new Color(0,255,255)); //设置画笔为青色
setBackground(Color.yellow); //设置背景为黄色
break;
case 3:
g.setColor(new Color(0,0,255)); //设置画笔为蓝色
setBackground(Color.green); //设置背景为绿色
break;
}
for (j=0;j<=2*PI;j+=j1){
g.drawLine
((int)fx(j),(int)fy(j),(int)fx(j+j1),(int)fy(j+j1));
}
}
}
}
补充习题
1.请写出下列逻辑表达式的结果
(3<5)||(6==5)||(3!=3)
(5!=10)&&((3==2+1)||(4<2+5))
!(5==2+3)&&!(5+2!=7-5)