语源科技BlogJava-mysileng

语源科技BlogJava-mysilenghttp://www.blogjava.net/mysileng/zh-cnTue, 21 Apr 2026 19:25:06 GMTTue, 21 Apr 2026 19:25:06 GMT60第三课时 HTML表单和框架http://www.blogjava.net/mysileng/archive/2009/07/21/287650.html鑫龙鑫龙Tue, 21 Jul 2009 06:44:00 GMThttp://www.blogjava.net/mysileng/archive/2009/07/21/287650.htmlhttp://www.blogjava.net/mysileng/comments/287650.htmlhttp://www.blogjava.net/mysileng/archive/2009/07/21/287650.html#Feedback0http://www.blogjava.net/mysileng/comments/commentRss/287650.htmlhttp://www.blogjava.net/mysileng/services/trackbacks/287650.html第三课时 HTML表单和框架

一、<form>表单

1.定义：用来收集用户信息，提供服务

2.表单的简单框架:

<form>

<input>

<select>…</select>

<textarea>…</textarea>

</form>

3.<form>标记的主要属性：

a.action：指出该表单所对应的处理程序的位置（url）

b.method：指出表单信息的提交方式：get(默认)或post

get:提交总信息不超过2K，且提交后可以在地址栏中看到

post:提交信息长度不限，且不会显示在地址栏中

c.enctype：表单数据的编码方式：

application/x-www-form-urlencoded(默认)：键值对编码

multipart/form-data:二进制流编码（用于传输文件）

d.target：类似超链接中的target

二、<form>中的<input>标记

<form>有三个输入子标记，用于收集用户信息。<input>是应用最为广泛的。

1.<input>的主要属性：

a.Type：指定输入比较的输入方式：（共10中方式）

text:单行文本框

password:密码文本框

hidden:隐藏文本框

file:文件选择框

checkbox:复选框

radio:单选框

-----------------

Button：普通按钮(要添加脚本才有动作，否则不做任何事情)

Submit:提交按钮（提交<from>标签内的所有信息）

Reset:重置按钮

Image:图片按钮（功能同提交按钮）

b.size:文本框的长度

c.maxlength:文本框允许输入的最大长度（控制输入长度的最简单办法）

d.value：当type为文本类型时，value代表初始值和提交值

当type为按钮类型时，value为按钮的显示文本（因为按钮不需要提交值）

e.checked（标示属性）：使用在type=”checkedbox|radio”时，表示被选中状态

注：使用radio时，name的值要一直，否则达不到一组的效果。

三、<form>中的其他标记

1.<select>:下拉列表选择标记

<select size=”” multiple>

<option selected value=””>…选项内容…</option>下拉选项

</select>

Size:下拉列表显示的项数。

Multiple（标识属性）：开启多选功能

Selected（标识属性）：表示被选中的状态

Value:表示这个下拉选项的提交值

2.<textarea>多行文本标记：

<textarea rows=”” cols=””>…</textarea>

3.filedSet分组标记：

<filedset>
<legend>...</legend>

…可以把不同的标记用框框分组显示

</filedset>

Legend：表示框框标题名字。

四、<form>中所有标记都有的属性

1.name:名字，常用于调用时的参数

2.ID：同name

3.title：提示信息

4.tabIndex：定义tab键的反问顺序

5.Accesskey：定义ALT+“”的快捷访问键

五、框架

1.定义：可以把一个浏览器窗口分成若干独立的子窗口，字窗口相互独立的滚动刷新，可以有所联系，

2.简单使用:

<html>

<head>…</head>

<frameset cols=”30%,*”>

<frame src=””>

<frame src=””>

</frameset>

</html>

用<frameset>标记代替<body>，若把<frameset>标记放在<body>内，<frameset>将不起作用。

3.<frameset>的主要属性：

a.cols:纵向分割,cols=”像素|百分比|*”三种方式：

像素：为单个像素占总像素的比例

百分比：直接算整个区域的百分比

*：若只出现一个*，代表窗口剩余部分；若出现多个*，就所有*号按比例分窗口剩余部分。

b.rows：横向分割（使用同纵向）

c.border：分割线宽度

d.bordercolor：分割线颜色

e.frameborder：设置是否隐藏分割线，为YES是显示，NO为隐藏

3.<frameset>中使用的标记：

a.<frame>子窗口标记：

<frame src=”” name=”” noresize scrolling=”no|yes” marginwidth=”” >

Src：子窗口路径 name：子窗口名字

Noresize（标识属性）：不允许改变分割线位置

Scrolling：定义是否需要滚动条

Marginwidth：文本与分割线的宽度

Marginheight：文本与分割线的高度

b.<iframe>内联窗口标记（浮动窗口标记）

与<frame>的不同：

<iframe>必须放在<body>中,而<frame>不需要。

<frame>必须嵌在<frameset>中，而<iframe>不需要。

<iframe>可以自定义高宽度，而<frame>是通过<frameset>定义的。

鑫龙 2009-07-21 14:44 发表评论

]]>第二课时 HTML超连接和表格http://www.blogjava.net/mysileng/archive/2009/07/21/287648.html鑫龙鑫龙Tue, 21 Jul 2009 06:39:00 GMThttp://www.blogjava.net/mysileng/archive/2009/07/21/287648.htmlhttp://www.blogjava.net/mysileng/comments/287648.htmlhttp://www.blogjava.net/mysileng/archive/2009/07/21/287648.html#Feedback0http://www.blogjava.net/mysileng/comments/commentRss/287648.htmlhttp://www.blogjava.net/mysileng/services/trackbacks/287648.html第二课时 HTML超连接和表格

一、<a>…</a>超链接标记

<a href=”” name=”” target=””>…</a>

1.主要属性:

a.href:表示要链接的位置，这里又分为三种表示形式：

第一种：内链接

Href=”#name（热点名）”

第二种：外链接

Href=”URL”

第三种：邮箱链接

Href=mailto=...@...;cc=...&bcc=...&subject=...&body=...

Cc为抄送，bcc为密送，subject为主题，body为内容

b.name：常用于内部链接的热点名

<a name=”…”></a>

c.target:定义打开新链接的窗口形式：

值分为两种形式：填写预定义的值和非预定义的值

预定义：_self、_blank、_parent、_top

_self:在当前窗口打开链接

_blank:在新窗口打开链接

_parent:在父窗口中打开链接

_top:在顶层窗口中打开链接

注：_parent中的父子关系，用于<frameset>标记中，但真正的父子关系是指文件中的父子关系，而不是逻辑上的父子关系。

非预定义：填写你想打开窗口的名字（去掉html）,若填写的名字文件不存在，则在新窗口中打开。

二、<table>…</table>表格标记

1.表格框架介绍

<table>

<caption>…</caption>表主题标记

<tr>表行标记

<th>..</th>表头单元格标记

<th>..</th>

…

</tr>

<tr>

<td>..</td>普通单元格标记

<td>..</td>

…

</tr>

</table>
2.表格主要属性：

a.border:边框粗细（像素） b.bordercolor：边框颜色

c.width:表格宽度 d.height：表格高度

e.cellpadding:单元格中文字与框线的间隙大小（像素）

f.cellspacing：框线的粗细（像素）
3. <table>中的主要标记

a.<caption>…</caption>表格主题标记:若要设置则必须放在<table>内,<tr>前

b.<tr>…</tr>表格行标记:用来定义表格中的一行内容，<th>、<td>都置于其中。

c.<th>..</th>/<td>…</td>单元格标记：

<th>与<td>唯一不同：<th>的文字有粗体的效果

主要属性：

Colspan:跨几列 rowspan:跨几行

Valign:垂直对齐方式 align:水平对齐方式

三、多媒体标记

1.插入背景音乐

<bgsound src=” URL” loop=””>

2.插入视频或音频：

<embed src=” URL” autostart=”true|false”>

Autostart:是否自动播放

鑫龙 2009-07-21 14:39 发表评论

]]>第一课时 HTML入门与基本标记http://www.blogjava.net/mysileng/archive/2009/07/12/286495.html鑫龙鑫龙Sun, 12 Jul 2009 15:55:00 GMThttp://www.blogjava.net/mysileng/archive/2009/07/12/286495.htmlhttp://www.blogjava.net/mysileng/comments/286495.htmlhttp://www.blogjava.net/mysileng/archive/2009/07/12/286495.html#Feedback0http://www.blogjava.net/mysileng/comments/commentRss/286495.htmlhttp://www.blogjava.net/mysileng/services/trackbacks/286495.html

第一课时 HTML入门与基本标记

一、HTML简介

1.定义：HTML就是超文本标记语言。超文本就是包含链接的文本，标记语言就是排版的、不需要编译的语言。

2.HTML文件的扩展名为HTML或HTM（DOS下使用）。

3.HTML不区分大小写。

4.HTML是由一系列的元素和标记组成。

二、元素与标记简介

1.定义：是用<>符号的叫标记，当用一组HTML标记将一段文字包含在中间时，这段文字与包含这段文字的HTML标记合称为一个元素。

2.某个元素的完整定义：

<标记名称属性1=“属性值”属性2=“属性值”…>元素文字</标记名称>

3.标记的分类：单独标记和成对标记

4.标记属性的分类：标识属性和有值属性

（注：有值属性的值可以不用引号，但为了避免不必要的错误建议用引号引起）

三、HTML中一些特殊符号的表示方法

> 大于号 &guot;双引号

< 小于号 ©出版社标记

 空格 ®注册标记

四、HTML的简单结构

<html>

<head>

Head标记中用来定义网页的一些公用信息和控制信息

</head>

<body>

Body标记中定义的内容会在浏览器的主题窗口中显示出来

</body>

</html>

五、<HEAD>标记介绍

1. <HEAD>中常用标记：

<meta>（单独标记）：

两种用法：

<meta name=”值” content=”值”> 和<meta http-equiv=”值” content=”值”>

a.Nme和Http-equiv不弄同时存在在同一个<meta>标记中

b.<meta>标记可以在<head>中不限次数的定义

c.content属性是用来补充说name或http属性中的具体内容的属性

d.当name=”autor”时，content=“作者的名字

当name=”Keywords“时content=“查询关键字”

当name=”Descripition”时，content=“对网页的描述信息“

当http-equiv =”pragma”时，content=“no-cach”会产生禁用缓存的效果

当http-equiv =”content-type”时，content=“字符集编码”会改变网页的字符集

当http-equiv =” content-language”时，content=“语言类型” 会改变网页的语言

当http-equiv =”refresh”时，content=“时间;URL”会产生隔固定时间自动刷新成URL的效果

六、<BODY>标记介绍

1.<BODY>属性：

a.txet：不是超链接字体的颜色

b.link：超链接字体的颜色

c.vlink：访问过的超链接字体颜色

d.alink：引动到超链接上字体的颜色

e.bgcolor：背景颜色

f.background:背景图像

2.<BODY>常用的基本标记

a. <br>换行标记(单独标记)

b.<hr>水平标记：<hr size=”” width=”” align=”” noshade>(单独标记)

size会水平标尺的粗细，width为宽度（可以像素和百分比两种表示方式）

align设置标尺的水平对齐方式，noshade(标示属性)去除阴影

c.<p>…</p>段落标记：会在前后自动加一个空行

d.<pre>…</pre>原样显示文本标记

e.<blockquote>…</ blockquote >缩进标记

f. <hn>…</hn>标题标记:n为1-7的数字，标题标记会在自己的开头和结束加上一个空行

g.<nobr>…</nobr>不换行标记

h.块标记:分为两种

第一种是<div>…</div>;第二种是<span>…</span>

区别在于：<div>会给在手尾自动换行(在默认样式下)

I.字符集标记：

也分两种：

第一种叫：实体标记；第二种叫：逻辑标记

区别在于：实体标记在不同的浏览器里表现形式一样，而逻辑标记可能有所不同。

实体标记：<b>…</b>粗体、<i>…</i>斜体、<u>…</u>下划线文字(3种)

逻辑标记：<strong>…</ strong >强调、<address>…</ address >地址……

g.无序列表：

<ul type=””>

<li>……

<li>……

……

</ul>

当type=”disc|circle_square”时，列表项前面的符号会有所不同

k.有序列表：

<ol type=”” start=””>

<li>……

<li>……

……

</ol>

当type=”1|A|a|I|i”时，列表项前面的序号表示形式会有所不同

Start为序号的开始号码。

l.<front>…</front>字符标记

<front face=”” size=”” color=””>…</front>

Face:代表字体 size：符号的大小

Color：颜色，可以通过“英文”和“#FFFFFF”等两种方式赋值

m. <img>图片标记(单独标记)

<img src=”” align=”” width=”” height=”” title=”” alt=”” dynsrc=”” start=”” loop=””>

Src:图片的路径 align:文字的对齐方式(top"bottom"center)

Width:图片宽度 heitht:图片高度(默认为图片实际大小)

Title：鼠标放上去后的提示文字 alt:图片无法显示时，代替显示的文字

Dysrc：视频文件播放路径 start:视频文件开始方式（mouseover和fileopen）

Loop:视频文件循环播放的次数(-1表示无限次)

鑫龙 2009-07-12 23:55 发表评论

]]>文件夹导入与导出http://www.blogjava.net/mysileng/archive/2009/05/24/277624.html鑫龙鑫龙Sat, 23 May 2009 16:21:00 GMThttp://www.blogjava.net/mysileng/archive/2009/05/24/277624.htmlhttp://www.blogjava.net/mysileng/comments/277624.htmlhttp://www.blogjava.net/mysileng/archive/2009/05/24/277624.html#Feedback0http://www.blogjava.net/mysileng/comments/commentRss/277624.htmlhttp://www.blogjava.net/mysileng/services/trackbacks/277624.html阅读全文

鑫龙 2009-05-24 00:21 发表评论

]]>学习javahttp://www.blogjava.net/mysileng/archive/2009/05/23/277436.html鑫龙鑫龙Fri, 22 May 2009 17:21:00 GMThttp://www.blogjava.net/mysileng/archive/2009/05/23/277436.htmlhttp://www.blogjava.net/mysileng/comments/277436.htmlhttp://www.blogjava.net/mysileng/archive/2009/05/23/277436.html#Feedback0http://www.blogjava.net/mysileng/comments/commentRss/277436.htmlhttp://www.blogjava.net/mysileng/services/trackbacks/277436.html

鑫龙 2009-05-23 01:21 发表评论

]]>