亲，该文档总共27页，到这儿已超出免费预览范围，如果喜欢就下载吧！

HTML特殊实体

在网页上有的时候会显示特殊的符号。

我们在键盘上是输不进去的。

因此需要HTML提供的符号实体。

HTML超链接

内容

属性：

1.href：

链接的新地址

2.Target：

打开窗口的方式_blank，_self

************************超链接案例*******************************

--链接到自己写的网页-->

链接到我的第一个网页，在新窗口中打开

链接到我的第一个网页，在原窗口中打开

--链接到别人的页面-->

链接到XX

--可以链接到写邮件网页-->

785641675@">给我发邮件

HTML图像元素

注意：

src：

也可以是外部网站的图片

******图像案例************

HTML表格

表格的主要用途：

显示数据和图片，并且可以布局（把想放的元素放在指定的位置）

基本语法：

:

表格

:

行

:

单元格

单元格内是列名字体加粗

Cellspacing：

单元格之间的距离

Cellpadding：

填充的大小单元格内的内容和单元格的距离,在一定程度上，会将表格撑大

Align：

布局有居中，居左，居右

Border：

边框宽度

成绩单案例

代码:

***********************表格案例********************************

学号	姓名	成绩	1001	张三	100
1002	李四	69

菜谱案例：

代码：

***********************菜谱案例******************************

星期一菜谱

青菜清炒茄子花椒扁豆

小葱豆腐清炒白菜

荤菜油焖大虾海参鱼翅

红烧肉烤全羊

课程表案例

HTML列表

无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于

标签。

每个列表项始于

• 。

  语法

  无序列表的类型:

  1.实心圆disc

  2.空心圆circle

  3.实心矩形square

  案例

  有序列表

  有序列表也是一列项目，列表项目使用数字进行标记。

  语法

  有序列表始于

  标签。

  每个列表项始于

  1. 标签。

     有序列表的类型使用type属性

     1.数字类型1

     2.罗马类型i/I

     3.字母类型a/A

     设置列表的起始值使用start属性

     案例

     所有的代码

     **********************无序列表*******************************
     

     --默认是实心圆type="disc"-->

     • 无名指的等待
     • 爱我袁姗姗
     • 最初的梦想
     • 我很快乐

     --空心圆-->

  2. 无名指的等待
  3. 爱我袁姗姗
  4. 最初的梦想
  5. 我很快乐

--实心方块-->

无名指的等待

爱我袁姗姗

最初的梦想

我很快乐

**********************有序列表*********************************

--默认是数字类型type="1"-->

默认是数字列表

1. 无名指的等待
2. 爱我袁姗姗
3. 最初的梦想
4. 我很快乐

小写字母列表

无名指的等待

爱我袁姗姗

最初的梦想

我很快乐

小写罗马字母列表

无名指的等待

爱我袁姗姗

最初的梦想

我很快乐

大写罗马字母列表

无名指的等待

爱我袁姗姗

最初的梦想

我很快乐

大写字母列表

无名指的等待

爱我袁姗姗

最初的梦想

我很快乐

有序列表从数字3开始

无名指的等待

爱我袁姗姗

最初的梦想

我很快乐

HTML框架（frameSet/frame同时使用）

框架结构标签

1.

2.定义如何把窗口分割成框架

3.每一个框架结构定义一系列的行和列

框架标签

1.

2.定义在框架中的html文档

基本语法

。

。

。

。

。

。

案例：

主：

左：

一起吃口的幸福EFO

右：

注意：

1.主页面不能带body标签

综合案例

代码

主

左

一起吃苦的幸福

无名指的等待

我很快乐

上

右1

#0000FF">

一起吃苦的幸福-EXO

我们越来越爱回忆了

是不是因为不敢期待未来呢

你说世界好像天天在倾塌着

只能弯腰低头把梦越做越小了

是该牵手上山看看的

最初动心的窗口有什么景色

不能不哭你就让我把你抱着

少了大的惊喜也要找点小快乐

就算有些事烦恼无助

至少我们有一起吃苦的幸福

右2

无名指的等待

右3

我很快乐

HTML表单元素

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中（比如：

文本域、下拉列表、单选框、复选框等等）输入信息的元素。

表单使用表单标签（）定义。

基本语法：

各种输入元素（文本，下拉菜单，密码框....）

案例

登陆界面案例

代码

Login.html

登陆系统

用户名:

--

输入空格的两种方式

1. 

2.全角空格

-->

密  码:

　　　　　

loginOk.html

登陆成功

解析

1.输入空格的方式

a） 

b）输入圆角空格

2.action表单提交的页面，以后提交页面一般是.jsp页面servlet页面action页面

3.method提交表单的方法

a）get（默认方式）地址栏会显示表单内容

b）Post地址栏不会显示表单内容安全

4.表单内的元素

a）Text文本框

b）password密码框

c）hidden隐藏域

d）radio单选按钮

e）submit提交按钮

f）button按钮

g）reset重置按钮

h）image按钮

i）checkBox复选框

5.name是给表单元素起的名字

Input元素案例

图示

代码

您的姓名:

密码:

请选择你喜欢的水果:

香蕉

苹果

橘子

哈密瓜

性别:

女

男

--

隐藏控件，但是还不破坏界面偷偷的数据传过去

最大的作用是既可以提交数据，还不破坏界面

-->

这有隐藏域

你的爱好:

--页面上我们看见的是踢足球，如果我们选择了踢足球提交时时tzq-->

--一般我们通过---请选择---这种没有实际意义的方式调整大小-->

---请选择---

踢足球

打篮球

打羽毛球

看电视

玩游戏

自我介绍:

--元素的内容是默认值-->

请这里输入....

请选择文件:

图片按钮

综合案例

   

 

   

 用户名:

 密  码:

 

 

注册账号找回密码