??xml version="1.0" encoding="utf-8" standalone="yes"?>
一?/span><form>表单
1.定义Q用来收集用户信息,提供服务
2.表单的简单框?/span>:
<form>
<input>
<select>…</select>
<textarea>…</textarea>
</form>
3.<form>标记的主要属性:
a.actionQ指表单所对应的处理程序的位置Q?/span>urlQ?/span>
b.methodQ指单信息的提交方式Q?/span>get(默认)?/span>post
get:提交M息不过2KQ且提交后可以在地址栏中看到
post:提交信息长度不限Q且不会昄在地址栏中
c.enctypeQ表单数据的~码方式Q?/span>
application/x-www-form-urlencoded(默认)Q键值对~码
multipart/form-data:二进制流~码Q用于传输文Ӟ
d.targetQ类D链接中的target
二?/span><form>中的<input>标记
<form>有三个输入子标记Q用于收集用户信息?/span><input>是应用最为广泛的?/span>
1.<input>的主要属性:
a.TypeQ指定输入比较的输入方式Q(?/span>10中方式)
text:单行文本?/span>
password:密码文本?/span>
hidden:隐藏文本?/span>
file:文g选择?/span>
checkbox:复选框
radio:单选框
-----------------
ButtonQ普通按?/span>(要添加脚本才有动作,否则不做M事情)
Submit:提交按钮Q提?/span><from>标签内的所有信息)
Reset:重置按钮
Image:囄按钮Q功能同提交按钮Q?/span>
b.size:文本框的长度
c.maxlength:文本框允许输入的最大长度(控制输入长度的最单办法)
d.valueQ当type为文本类型时Q?/span>value代表初始值和提交?/span>
?/span>type为按钮类型时Q?/span>value为按钮的昄文本Q因为按钮不需要提交|
e.checkedQ标C属性)Q用在type=”checkedbox|radio”Ӟ表示被选中状?/span>
注:使用radioӞname的D一_否则达不Cl的效果?/span>
三?/span><form>中的其他标记
1.<select>:下拉列表选择标记
<select size=”” multiple>
<option selected value=””>…选项内容…</option>下拉选项
</select>
Size:下拉列表昄的项数?/span>
MultipleQ标识属性)Q开启多选功?/span>
SelectedQ标识属性)Q表C选中的状?/span>
Value:表示q个下拉选项的提交?/span>
2.<textarea>多行文本标记Q?/span>
<textarea rows=”” cols=””>…</textarea>
3.filedSet分组标记Q?/span>
<filedset>
<legend>...</legend>
…可以把不同的标记用框框分l显C?/span>
</filedset>
LegendQ表C框框标题名字?/span>
四?/span><form>中所有标记都有的属?/span>
1.name:名字Q常用于调用时的参数
2.IDQ同name
3.titleQ提CZ?/span>
4.tabIndexQ定?/span>tab键的反问序
5.AccesskeyQ定?/span>ALT+“”的快捯问键
五、框?/span>
1.定义Q可以把一个浏览器H口分成若干独立的子H口Q字H口怺独立的滚动刷斎ͼ可以有所联系Q?/span>
2.单?/span>:
<html>
<head>…</head>
<frameset cols=”30%,*”>
<frame src=””>
<frame src=””>
</frameset>
</html>
?/span><frameset>标记代替<body>Q若?/span><frameset>标记攑֜<body>内,<frameset>不起作用?/span>
3.<frameset>的主要属性:
a.cols:U向分割,cols=”像素|癑ֈ?/span>|*”三种方式Q?/span>
像素Qؓ单个像素占d素的比例
癑ֈ比:直接整个区域的癑ֈ?/span>
*Q若只出C?/span>*Q代表窗口剩余部分;若出现多?/span>*Q就所?/span>*h比例分窗口剩余部分?/span>
b.rowsQ横向分Ԍ使用同纵向)
c.borderQ分割线宽度
d.bordercolorQ分割线颜色
e.frameborderQ设|是否隐藏分割线QؓYES是显C,NO为隐?/span>
3.<frameset>中用的标记Q?/span>
a.<frame>子窗口标讎ͼ
<frame src=”” name=”” noresize scrolling=”no|yes” marginwidth=”” >
SrcQ子H口路径 nameQ子H口名字
NoresizeQ标识属性)Q不允许改变分割U位|?/span>
ScrollingQ定义是否需要滚动条
MarginwidthQ文本与分割U的宽度
MarginheightQ文本与分割U的高度
b.<iframe>内联H口标记QQ动窗口标讎ͼ
?/span><frame>的不同:
<iframe>必须攑֜<body>?/span>,?/span><frame>不需要?/span>
<frame>必须嵌在<frameset>中,?/span><iframe>不需要?/span>
<iframe>可以自定义高宽度Q?/span><frame>是通过<frameset>定义的?/span>
一?/span><a>…</a>链接标?/span>
<a href=”” name=”” target=””>…</a>
1.主要属?/span>:
a.href:表示要链接的位置Q这里又分ؓ三种表示形式Q?/span>
W一U:内链?/span>
Href=”#nameQ热点名Q?/span>”
W二U:外链?/span>
Href=”URL”
W三U:邮箱链接
Href=mailto=...@...;cc=...&bcc=...&subject=...&body=...
Cc为抄送,bcc为密送,subjectZ题,body为内?/span>
b.nameQ常用于内部链接的热点名
<a name=”…”></a>
c.target:定义打开新链接的H口形式Q?/span>
值分ZUŞ式:填写预定义的值和非预定义的?/span>
预定义:_self?/span>_blank?/span>_parent?/span>_top
_self:在当前窗口打开链接
_blank:在新H口打开链接
_parent:在父H口中打开链接
_top:在顶层窗口中打开链接
注:_parent中的父子关系Q用?/span><frameset>标记中,但真正的父子关系是指文g中的父子关系Q而不是逻辑上的父子关系?/span>
非预定义Q填写你x开H口的名字(LhtmlQ?/span>,若填写的名字文g不存在,则在新窗口中打开?/span>
二?/span><table>…</table>表格标记
1.表格框架介绍
<table>
<caption>…</caption>表主题标?/span>
<tr>表行标记
<th>..</th>表头单元格标?/span>
<th>..</th>
…
</tr>
<tr>
<td>..</td>普通单元格标记
<td>..</td>
…
</tr>
</table>
2.表格主要属性:
a.border:Ҏ_细Q像素) b.bordercolorQ边框颜?/span>
c.width:表格宽度 d.heightQ表格高?/span>
e.cellpadding:单元g文字与框U的间隙大小Q像素)
f.cellspacingQ框U的_细Q像素)
3. <table>中的主要标记
a.<caption>…</caption>表格主题标记:若要讄则必L?/span><table>?/span>,<tr>?/span>
b.<tr>…</tr>表格行标?/span>:用来定义表格中的一行内容,<th>?/span><td>都置于其中?/span>
c.<th>..</th>/<td>…</td>单元格标讎ͼ
<th>?/span><td>唯一不同Q?/span><th>的文字有_体的效?/span>
主要属性:
Colspan:跨几?/span> rowspan:跨几?/span>
Valign:垂直寚w方式 align:水^寚w方式
三、多媒体标记
1.插入背景音乐
<bgsound src=” URL” loop=””>
2.插入视频或音频:
<embed src=” URL” autostart=”true|false”>
Autostart:是否自动播放
W一课时 HTML入门与基本标?/span>
一?/span>HTML?/span>
1.定义Q?/span>HTML是文本标记语a。超文本是包含链接的文本,标记语言是排版的、不需要编译的语言?/span>
2.HTML文g的扩展名?/span>HTML?/span>HTMQ?/span>DOS下用)?/span>
3.HTML不区分大写?/span>
4.HTML是由一pd的元素和标记l成?/span>
二、元素与标记?/span>
1.定义Q是?/span><>W号的叫标记Q当用一l?/span>HTML标记一D|字包含在中间Ӟq段文字与包含这D|字的HTML标记合称Z个元素?/span>
2.某个元素的完整定义:
<标记名称属?/span>1=“属性?#8221;属?/span>2=“属性?#8221;…>元素文字</标记名称>
3.标记的分c:单独标记和成Ҏ?/span>
4.标记属性的分类Q标识属性和有值属?/span>
Q注Q有值属性的值可以不用引P但ؓ了避免不必要的错误徏议用引号引vQ?/span>
三?/span>HTML中一些特D符L表示Ҏ
> 大于?/span> &guot;双引?/span>
< 于?/span> ©出版C标?/span>
I格 ®注册标记
四?/span>HTML的简单结?/span>
<html>
<head>
Head标记中用来定义网늚一些公用信息和控制信息
</head>
<body>
Body标记中定义的内容会在览器的主题H口中显C出?/span>
</body>
</html>
五?/span><HEAD>标记介绍
1. <HEAD>中常用标讎ͼ
<meta>Q单独标讎ͼQ?/span>
两种用法Q?/span>
<meta name=”?/span>” content=”?/span>”> ?/span><meta http-equiv=”?/span>” content=”?/span>”>
a.Nme?/span>Http-equiv不弄同时存在在同一?/span><meta>标记?/span>
b.<meta>标记可以?/span><head>中不限次数的定义
c.content属性是用来补充?/span>name?/span>http属性中的具体内容的属?/span>
d.?/span>name=”autor”Ӟcontent=“作者的名字
?/span>name=”Keywords“?/span>content=“查询关键?#8221;
?/span>name=”Descripition”Ӟcontent=“对网늚描述信息“
?/span>http-equiv =”pragma”Ӟcontent=“no-cach”会生禁用缓存的效果
?/span>http-equiv =”content-type”Ӟcontent=“字符集编?/span>”会改变网늚字符?/span>
?/span>http-equiv =” content-language”Ӟcontent=“语言cd” 会改变网늚语言
?/span>http-equiv =”refresh”Ӟcontent=“旉;URL”会生隔固定旉自动h?/span>URL的效?/span>
六?/span><BODY>标记介绍
1.<BODY>属性:
a.txetQ不是超链接字体的颜?/span>
b.linkQ超链接字体的颜?/span>
c.vlinkQ访问过的超链接字体颜色
d.alinkQ引动到链接上字体的颜?/span>
e.bgcolorQ背景颜?/span>
f.background:背景囑փ
2.<BODY>常用的基本标?/span>
a. <br>换行标记(单独标记)
b.<hr>水^标记Q?/span><hr size=”” width=”” align=”” noshade>(单独标记)
size会水qx的_细Q?/span>width为宽度(可以像素和百分比两种表示方式Q?/span>
align讄标尺的水q_齐方式,noshade(标示属?/span>)去除阴媄
c.<p>…</p>D落标记Q会在前后自动加一个空?/span>
d.<pre>…</pre>原样昄文本标记
e.<blockquote>…</ blockquote >~进标记
f. <hn>…</hn>标题标记:n?/span>1-7的数字,标题标记会在自己的开头和l束加上一个空?/span>
g.<nobr>…</nobr>不换行标?/span>
h.块标?/span>:分ؓ两种
W一U是<div>…</div>;W二U是<span>…</span>
区别在于Q?/span><div>会给在手自动换?/span>(在默认样式下)
I.字符集标讎ͼ
也分两种Q?/span>
W一U叫Q实体标讎ͼW二U叫Q逻辑标记
区别在于Q实体标记在不同的浏览器里表现Ş式一P而逻辑标记可能有所不同?/span>
实体标记Q?/span><b>…</b>_体?/span><i>…</i>斜体?/span><u>…</u>下划U文?/span>(3U?/span>)
逻辑标记Q?/span><strong>…</ strong >?/span><address>…</ address >地址……
g.无序列表Q?/span>
<ul type=””>
<li>……
<li>……
……
</ul>
?/span>type=”disc|circle_square”Ӟ列表前面的W号会有所不同
k.有序列表Q?/span>
<ol type=”” start=””>
<li>……
<li>……
……
</ol>
?/span>type=”1|A|a|I|i”Ӟ列表前面的序号表示形式会有所不同
Start为序L开始号码?/span>
l.<front>…</front>字符标记
<front face=”” size=”” color=””>…</front>
Face:代表字体 sizeQ符L大小
ColorQ颜Ԍ可以通过“英文”?#8220;#FFFFFF”{两U方式赋?/span>
m. <img>囄标记(单独标记)
<img src=”” align=”” width=”” height=”” title=”” alt=”” dynsrc=”” start=”” loop=””>
Src:囄的\?/span> align:文字的对齐方?/span>(top"bottom"center)
Width:囄宽度 heitht:囄高度(默认为图片实际大?/span>)
TitleQ鼠标放上去后的提示文字 alt:囄无法昄Ӟ代替昄的文?/span>
DysrcQ视频文件播放\?/span> start:视频文g开始方式(mouseover?/span>fileopenQ?/span>
Loop:视频文g循环播放的次?/span>(-1表示无限?/span>)