二阶段录屏-html基础

上传人：我*** IP属地：北京上传时间：2023-01-04 格式：PPTX 页数：86 大小：3.04MB 积分：16 举报 版权申诉

已阅读5页，还剩81页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML基础基本概念HTML：超文本标记语言HyperTextMarkupLanguage。它不是象C++和Java之类的程序语言，而是一种描述性语言，一种标记语言。URL：统一资源定位器UniformResourceLocator。协议名称域名子目录网页文档实例超文本传输协议（HTTP，HyperTextTransferProtocol)XML和XHTMLXML：是可扩展标记语言eXtensibleMarkupLanguage的缩写，XML用来定义如何标记文本的一套规则，但并不描述如何显示文本。XML没有一套固定的标记，在XML中，程序员可以根据所需要的数据元素定义不同的标记。XML是区分大小写的，所有元素必须成对出现，所有属性值必须用英文引号括起来。XML文档只有一个根标记，其它标记嵌套其中，从而形成一棵标记树。XHTML：是可扩展超文本标记语言eXtensibleHypertextMarkupLanguage的缩写，它建立在HTML4.0基础上并遵循XML规则，是HTML向XML过渡的标记语言。XHTML采用XML严谨的语法结构VXML：VoiceeXtensibleMarkupLanguage语音流程控制语言HTML打开DreamweaverCS3，新建HTML文档标准XHTML文档结构

名词介绍W3C-WorldWideWebConsortium万维网联合会DTD–DocumentTypeDefine文档类型定义xmlns-XHTML命名空间，namespace属性内容、样式、行为分开DTD类型标准的XHTML文档需要以DOCTYPE标记开始，通常有以下三种类型：（1）过渡类型基本格式：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""">说明：使用过渡类型的XHTML文档，浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的标记，但是要符合XHTML的语法。（2）严格类型基本格式：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""">说明：使用严格类型的XHTML文档，浏览器对XHTML的解析比较严格，不允许使用表现样式的元素和属性，提倡内容与样式分开。（3）框架类型基本格式：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""">说明：如果文档使用了框架结构，就需要使用框架类型。1.1HTML语法基础1.1.1HTML基本结构1.1.2HTML文档头和文档体的基本标记<html><head></head><body></body></html><head>头部标记（1）<title>标记基本格式：<title>…</title>（2）<link>标记Link元素定义当前页面和其它文件之间的关系。常用于外部层叠样式表（CSS文件）的链接。基本格式：<linkrel="stylesheet"href="mystyles.css"type="text/css">meta标记（3）

关键字<metaname="keywords"content="yourkeyword1，yourkeyword2…">描述<metaname="description"content="yourhomepage'sdescription">刷新<metahttp-equiv="refresh"content="timenum;URL=new.htm">编码<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">作者<metaname="Author"content="Authorname">调用最新版<metahttp-equiv="Pragma"content="no-cache">meta标记<title>

HEAD元素示例</title><!－－网页标题

－－><meta

http－equiv="Content－Type"

content="text/html;

charset=gb2312"><!－－网页内容类型，TXT或HTML格式，编码方式为GB2312简体中文码

－－><metaname="keywords"

content="HEAD元素"><!－－

关键字信息为“HEAD元素”

－－><metaname="description"

content="本网页用于说明HEAD元素的使用方法"><!－－

对网站内容的进一步描述－－><meta

http－equiv="refresh"

content="5";url="index.htm"><!－－网页在5秒后自动刷新，链接地址为index.htm

－－><basehref=""

target="_blank"><!－－基本链接设定，目标为弹出新页面。－－><link

rel="stylesheet"href="homepage.css"><!－－调入外部样式表，链接样式表文件"homepage.css"

－－>Base标记（4）<base>标记base元素用来定义当前HTTP文件基本URL，以设定文件中所有链接标记的参数默认值，其它如ftp://及gopher://等则不受影响。href参数只可填入一个相对或绝对路径，不必填入文件名称。基本格式：<basehref="基本URL"target="窗口">

<html><head><title>BASELink</title><basehref=""target="_blank"></head><body><ahref="index.htm">baselink</a></body></html><body>标记

（1）文字属性text：指定HTML页面中所有无链接文字的颜色。link：指定HTML页面中未进行链接的超链接文字的颜色。alink：指定HTML页面中正处于链接中的超链接文字的颜色。vlink：指定HTML页面中已链接过的超链接文字的颜色。（2）背景属性bgcolor：指定HTML页面背景色。background：指定HTML页面背景图像，默认该图像在页面内有平铺的属性。bgproperties：只有与background属性扩展一起使用才有效，若设置成fixed，则背景图像固定、不滚动。（3）边距属性leftmargin：指定HTML页面左侧页边距，单位为像素topmargin：指定HTML页面顶端页边距，单位为像素<body>标记<bodytext="#000000"link="#0000FF"vlink="#0000FF"alink="#FF0000"background="bg1.gif"bgcolor="#FFFFFF"leftmargin=0topmargin=0bgproperties="fixed">1.2文本、段落标记1.2.1文本标记（1）<b>、<strong>粗体标记（2）<i>、<em>、<var>、<cite>、

<dfn>斜体标记（3）<u>下划线标记（4）<strike>删除线标记（5）<big>字体加大标记、

<small>字体缩小标记（6）<sup>上标记、<sub>下标记示例2-2-1：常用文本标记

标题标记（7）<Hn>标题标记在(X)HTML中，标题一共有6个级别：<h1>、<h2>、<h3>、<h4>、<h5>和<h6>。这些标记用于定义标题字大小，即<hHn></hn>，其中n的取值可以从1到6，总共有6级，数字越大文字越小。每个标题标记所标示的字句将独占一个段落。

示例2-2-2：标题文字标题<HTML><HEAD><TITLE>动物世界</TITLE></HEAD>

<BODY><H1>从大自然获得灵感</H1><H2>从大自然获得灵感</H2><H3>从大自然获得灵感</H3><H4>从大自然获得灵感</H4><H5>从大自然获得灵感</H5><H6>从大自然获得灵感</H6></BODY></HTML>H1到H6标签用于指定不同级别的标题段落标记1.2.2段落标记（1）

注释标记（2）<p/>

段落标记<p>有一个基本属性是align对齐，属性值left、center、right（3）<br/>

换行标记示例2-2-5：换行标记示例2-2-4：段落标记段落标签<HTML><HEAD><TITLE>诗词学习</TITLE></HEAD><BODY><P>我是第一段</P><P>我是第二段</P><Palign="left">左对齐显示<P><Palign="center">居中显示<P><Palign="right">右对齐显示<P></BODY></HTML><P></P><P>…</P>标签用于标记段落水平线标记（4）<hr>水平线标记1size属性，设定水平线厚度2width属性，设定水平线长度（像素或者百分比）3align属性，当水平线长度小于浏览器窗口宽度时，使用该属性可以设定水平线对齐方式4color属性，设定水平线颜色5noshade属性，设定水平线为平面显示

例2-2-6：水平线标记（5）<pre>预格式化标记<pre>为预格式化标记，<pre>…</pre>成对使用。Web浏览器按照文档编辑时原始字符的排列方式显示。保留原始字符中输入的空格及空行。

示例2-2-7：预格式化标记<Pre>标签<HTML><HEAD><TITLE>诗词学习</TITLE></HEAD><BODY><H1>静夜思</H1><PRE>

床前明月光疑是地上霜

举头望明月低头思故乡</PRE></BODY><HTML<PRE>标签用于显示具有预先定义格式的文本（如HTML文档中所示）格式化文本2-1使用属性检查器中的字体类型、字体大小、字体颜色等设置可以格式化文本字体大小字体类型字体颜色演示：格式化文本的步骤格式化文本2-2在网页中，段落用于组织内容，一个段落就是一个文本块。

Dreamweaver提供了三种基本段落样式：段落、标题和预先格式化的。

使用属性检查器中的“格式”选项可应用这些样式。<HTML><HEAD><TITLE>学习HTML</TITLE></HEAD><BODY><P><B>这很有趣</B><BR><BR><I>足球是最令人喜爱的运动之一。</I><BR><BR><U>信息技术是发展的关键。</U><BR><BR>

水的分子式是

H<SUB>2</SUB>O。<BR><BR>

3<SUP>2</SUP>等于

9。

<BR><BR></P></BODY></HTML>字符格式化标签此标签用于对文本应用各种格式，如粗体、斜体、下划线、下标、上标等使用字体和属性<HTML><HEAD><TITLE>动物世界</TITLE></HEAD><BODY><H1>了解有关动物的更多信息</H1><P><FONTSIZE=5COLOR=BLUEFACE=Arial>斑马的特性</FONT><P>没有任何两匹斑马<FONTCOLOR=REDSIZE=3>的斑纹是完全一样的，</FONT>因此每匹斑马都是独一无二的

</BODY></HTML><FONTSIZE

COLOR

=BLUE

FACE

=Arial>可以按名称或十六进制值指定颜色可以为字体指定的大小范围为从1到7可以指定一列字体，各字体间用逗号分隔。浏览器以最先找到的字体显示文本<FONT>元素及其相关属性（如SIZE、COLOR和FACE）可用于控制网页上文本的显示插入特殊字符2-1某些字符在HTML中具有特殊意义，如小于号(<)定义HTML标签的开始字符实体用于在HTML文档中插入特殊字符，如版权号，注册商标等插入特殊字符需要用HTML字符实体>®©

空格；插入特殊字符2-2特殊字符字符实体大于号(>)>小于号(<)< 引号(“)"®®©

©&号& 块标记（6）<div>区块标记与

<span>内嵌标记<div>为区块标记，<span>为内嵌标记，都是用来设定元素的布局位置，两者均成对<div>…</div>或<span>…</span>使用。<div>与<span>常用于CSS层级样式表，作为定义样式的容器。display:inline;display:block;块标记（7）<center>

居中标记（8）<address>

地址标记（9）<blockquote>

块引用标记1.3图像标记基本格式：<imgsrc="picfile-h"width=num-wheight=num-hhspace=dis-hvspace=dis-vborder=num-boralign="pos"alt="text"lowsrc="picfile-l">align属性：top、middle、bottom、left、right

插入并格式化图像演示：插入图像的步骤属性检查器中将显示图像的属性。可以将图像链接到另一个文件，给图像增加边框，为图像输入替代文本等。<IMG>标签用于在HTML文档中插入图像。<IMG>标签的两个常用属性是SRC和ALIGN。SRC属性用于指定要插入的图像位置。ALIGN属性用于指定图像相对于文本的对齐方式。插入图像2-1插入图像2-2<HTML><HEAD><TITLE>动物世界</TITLE></HEAD><H1><FONTSIZE=3COLOR=FORESTGREEN><B>让我们看看这些可爱的动物</B></FONT></H1><BODY><P>

<IMGALIGN=BOTTOMSRC=Animal.jpg>底部对齐</P><P><IMGALIGN=TOPSRC=Animal.jpg>顶部对齐</P><P><IMGALIGN=MIDDLESRC=Animal.jpg>居中对齐</P></BODY></HTML>图像热点演示：制作图像热点的步骤1.4列表标记<ol>：有序列表（OrderedList）<ul>：无序列表（UnorderedList）<li>：项目标记（ListedItem）<dl>、<dt>、<dd>：定义列表（DefinitionList）列表标记有序列表的顺序编号方式无序列表的项目符号外观

列表类型：无序列表

…<BODY><H1>星期中的每一天</H1><UL> <LI>星期日<LI>星期一<LI>星期二<LI>星期三<LI>星期四<LI>星期五<LI>星期六</UL></BODY>…无序列表也称为“项目列表”…<BODY><H1>星期中的每一天</H1><OL> <LI>星期日<LI>星期一<LI>星期二<LI>星期三<LI>星期四<LI>星期五<LI>星期六</OL></BODY>…列表类型：有序列表

有序列表的属性<LITYPE=I><LITYPE=i><LITYPE=A><LITYPE=a><OLSTART=n>在有序列表中，列表项以自动生成的顺序显示1.5超链接标记<a>（1）链接至其他网页：<ahref="urlfile"target="_self">有链接的对象</a>（2）在图像上建立超链接：<ahref="urlfile"><imgsrc="image_name.jpg"alt="单击将链接至urlfile“/></a>（3）链接至电子邮件：<ahref="">锚标</a>

（4）锚点(anchors)链接设置锚点：先将光标移至预建立锚点的位置，输入<aname=”锚点名称”>链接锚点：链接至本网页的锚点，格式为：<ahref=”#锚点名称”>预链接的文字</a>链接至其他网页的锚点，格式为：<ahref=”url/hpage.htm#锚点名称”>预链接的文字</a>链接到同一文档的某个部分2-1锚记标签用于使用户“跳”到文档的某个部分HTML的NAME

属性用于创建锚标记

为达到这种跳转效果，请在HREF

参数中使用该标记<ANAME=“marker”>主题名称</A><AHREF=“#marker”>主题名称</A>链接到同一文档的各个部分2-2...<BODY><AHREF=#Lion>狮子</A><BR><AHREF=#Zebra>斑马</A><BR><AHREF=#Cheetah>印度豹</A><BR><ANAME=Lion>狮子</A><P>狮子的吼声从八公里之外就能听到！雄狮（很容易从鬃毛识别出雌雄）的重量达250公斤。而雌狮则要轻得多，只有180公斤。<BR><ANAME=Zebra>斑马</A><P>没有任何两匹斑马的斑纹完全一样，因此每匹斑马都是独一无二的。斑马也称为黑白条纹相间的马演示:锚链接例子链接到其他文档的特定位置…<P>让我们深入了解一些动物<BR><AHREF=AnimalDetails.htm#Lion>狮子</A><BR><AHREF=AnimalDetails.htm#Zebra>斑马</A><BR><AHREF=AnimalDetails.htm#Zebra>印度豹</A>…Animals.htm…<ANAME=Lion>狮子</A><P>狮子的吼声从八公里之外就能听到！雄狮（很容易从鬃毛识别出雌雄）的重量达250公斤。而雌狮则要轻得多，只有180公斤。

…Animaldetails.htm电子邮件链接用户可从网页发送电子邮件<HTML><HEAD><TITLE>海豚</TITLE></HEAD><BODY><H3>充分交流，密切配合</H3><BR><P>据说，海豚的交流模式几乎与人类的一样复杂！<BR><BR><AHREF="">请将您的疑问发送至DavidFernandez</A></BODY></HTML>2.1表格标记<table><tr><td><th><caption>2.1表格标记1.<table>表格标记基本格式：<tableborder="n"width="num-w"height="num-h"cellspacing="num-cs"cellpadding="num-cp"align="h-pos"background="imgfile"bgcolor="#RRGGBB"bordercolor="#RRGGBB"bordercolorlight="#RRGGBB"bordercolordark="#RRGGBB">表格内容及参数</table>说明：

cellspacing属性表格内单元格间距以及单元格边框和表格边框的间距（像素）cellpadding属性单元格内容与单元格边框间距（像素）TR和TD2.<tr>行标记<tralign="h-pos"valign="v-pos"width="num-w"height="num-h"bgcolor="#RRGGBB">行内容</tr>3.<td>普通单元格标记<tdalign="h-pos"valign="v-pos"width="num-w"height="num-h"colspan="m"rowspan="n"bgcolor="#RRGGBB"background="imgfile">单元格内容<td>说明：colspan：代表一个单元格内容水平方向跨了多少列，rowspan：代表一个单元格内容垂直方向跨了多少行。TH4.<th>标题单元格标记<th>项目标题</th>说明：标题单元格标记（TableHeader）<th>与<td>同样是标识一个单元格，不同的是<th>所标识的单元格中的文字是以粗体、居中显示，通常用于把表格的第一行或第一列作为其他单元格内容的标题。5.<caption>表格标题标记<captionalign="h-pos"valign="v-pos">表格标题</caption>说明：<caption>标记必须内嵌于<table>标记内使用。

<BODY><TABLEBORDER=2><CAPTIONalign=top>学员档案信息</CAPTION><TR>

<TH>姓名</TH><TH>性别</TH><TH>分数</TH></TR><TR><TD>Robert</TD><TD>M</TD><TD>80</TD></TR>

</TABLE></BODY></HTML>表格的标题<CAPTION>表示表格标题<TH>表示行或列标题，粗体显示表格的第二行，有三列数据表格的第三行，有三列数据<BODY><TABLEborder=2align=center><CAPTIONalign=top>学员档案信息</CAPTION><TR><TH>姓名</TH><THalign="center">性别</TH><THalign="right">分数</TH></TR><TR><TD>Robert</TD><TDalign="center">M</TD><TDalign="right">80</TD></TR>

</TABLE></BODY></HTML>表格的对齐方式整个表格居中姓名列默认左对齐性别列居中分数列右对齐合并单元格(跨列)<BODY><TABLEBORDER=2ALIGN=CENTER><CAPTION>创建表格</CAPTION><THCOLSPAN=3>第一学期</TH><THCOLSPAN=3>第二学期</TH><TR><TD>数学</TD><TD>科学</TD><TD>英语</TD><TD>数学</TD><TD>科学</TD><TD>英语</TD><TR><TD>98</TD><TD>88</TD>

COLSPAN=“n”

属性表示跨多少列

合并单元格(跨行)<BODY><TABLEBORDER=1,align=center><CAPTION><b>创建表格<b></CAPTION><TR><TH></TH><TH></TH><TH>螺母</TH><TH>螺栓</TH><TH>锤子</TH><TR><TDROWSPAN=3>第一季度</TD><TD>一月</TD><TD>2500</TD><TD>1000</TD><TD>1240</TD><TR><TD>二月</TD>ROWSPAN=“n”属性表示跨多少行

<BODY><TABLEborder=0align=centerwidth=50%><CAPTIONalign=top>学员档案信息</CAPTION><TRbgcolor="#00FFFF"><THalign="left">姓名</TH><THalign="center">性别</TH><THalign="right">分数</TH></TR><TRbgcolor="#FFFF00"><TD>Robert</TD><TDalign="center">M</TD><TDalign="right">80</TD></TR><TRbgcolor="#FFFF00"><TD>Mary</TD><TDalign="center">F</TD><TDalign="right">18</TD></TR></TABLE>表格的背景色和尺寸设置表格的颜色设置：表格的背景色<TABLEbgcolor=颜色值>行的背景色<TRbgcolor=颜色值>

列的背景色<TDbgcolor=颜色值>颜色值可以采用RGB（red/green/blue）红绿蓝十六进制值表示，如红色#FF0000,或是一些预定义色彩名称：red，blue，yellow等。表格的尺寸设置：

<TABLEwidth=n1height=n2>例如：<TABLEwidth="200"height="100">表示一个长为200像素，宽为100像素的表格。<TABLEwidth=20%height=10%>表示一个宽为窗口的20%，高为窗口的10%的表格。1880分数FM性别MaryRobert姓名学员档案信息2.2框架标记<frameset>、<frame><noframes>2.2框架标记（1）框架集文件基本格式：<html><head><title>框架集文件</title></head><frameset><framename="main-name"src="frame-1.htm"><framename="other-name"src="frame-2.htm">…</frameset><noframes>请使用支持框架的高版本浏览器</noframes></html>说明：<frameset>是框架集标记，

<frame>框架窗体标记，<frame>必须嵌套在<frameset>中使用。因此，若有n个框架窗体，则共有n+1个文件（1个框架集文件，n个框架文件）才能完全读取所有信息。（2）<frameset>框架集标记基本格式：<framesetrows="num-r,*"cols="num-c,*"frameborder="0"border="num-b"framespacing="num-s"bordercolor="#RRGGBB">…</frameset>（3）<frame>框架标记基本格式：<framename="name-f"src="file-src"marginwidth="num-mw"marginheight="num-mh"scrolling="Auto"frameborder="0"noresizeframespacing="num-s"bordercolor="#RRGGBB">

2.3IFRAME浮动帧标记<iframe>2.3IFRAME浮动帧标记（1）基本格式：<iframesrc="URL"width="num-w"height="num-h"scrolling="auto"frameborder="0"name="name-iframe"marginwidth="0"marginheight="0"></iframe>说明：name属性设定此浮动框架的名称，常供<a>标记中的target属性引用，也可供Flash的getURL()函数中的window属性引用。

（2）设置背景透明的浮动框架必须同时满足两个条件：一、<iframe>标记的allowTransparency属性值为true，即<iframeallowTransparency=“true”>二、浮动框架链接的源文档的<body>标记的bgcolor属性值为transparent，即<bodybgcolor="transparent">

3.1多媒体标记<bgsound>播放声音<embed>播放视频、音频、flash动画等<img>当<img>标记设置了dynsrc属性时，也可以用于播放视频（1）<bgsound>标记基本格式：<bgsoundsrc="sound-name"autostart=trueloop=n>

（只对IE有效）

示例利用框架标记和背景音乐标记创建音乐不间断跳转（2）<img>标记基本格式：<imgsrc="url.gif"dynsrc="url.avi"loop="num"loopdelay="num-ms"start="fileopen,mouseover">（只对IE有效）

（3）<embed>标记基本格式：<embedsrc="multimedia-name"autostart=trueloop=nhidden="no"starttime="分:秒"volume="0-100"width="num-w"和hight="num-h"align="pos">说明：<embed>标记用来插入各种多媒体，可以是midi、wav、swf、au等格式文件。

（4）插入flash标记基本格式：<objectwidth=""height=""> <paramname="movie"value=“flash.swf"> <paramname="quality"value="high"> <paramname="wmode"value="opaque"> <embedsrc="flash.swf"quality="high" wmode="opaque"width=""height=""> </embed></object>3.2表单标记<form>3.2表单标记基本结构：<formmethod="get/post"action="处理表单的程序"> <inputtype="输入域种类"name="输入域名称"> <select><option> <textarea></form>说明：1）action将表单传给相应的接收和处理表单数据的应用程序，也可参数为action=""2）get方法将变量追加到URL末尾，信息长度不能超过255个字符，该方法用于发送少量变量；post方法用于发送长的变量字符串。一般情况下，申请表单用post，而搜索引擎用getMETHOD=“post或get”表单<FORM>ACTIONMETHOD指定提交后由服务器上哪个处理程序处理指定向服务器提交的方法:一般为post或get方法,

post方法比较安全

ACTION=“URL”

<FORMaction=“”method=“post”>表单输入元素-1Type此属性指定元素的类型。元素类型可以有多种选择：TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN和BUTTON。默认选择为TEXT。Name此属性指定控件的名称。例如，如果表单中有几个文本框，则可以用名称TEXT1、TEXT2或选择的任何名称来标识它们。Name属性的作用域是在FORM元素内。Value此属性是可选属性，它指定控件的初始值。但是，如果TYPE为RADIO，则必须指定一个值。Size此属性指定控件的初始宽度。如果TYPE为TEXT或PASSWORD，则控件的大小以字符为单位。对于其他输入类型，宽度以像素为单位。Maxlength此属性用于指定可在TEXT或PASSWORD元素中输入的最大字符数。Checked此属性是Boolean属性，指定按钮是否是打开的。当输入类型为RADIO或CHECKBOX时，使用此属性。文本框、按钮、单选按钮、复选框等都是输入元素。<INPUT

type=“?”name=“?”size=”?”

value=“?”maxlength=“?”checked=“?”>

3）<input>、<select>、<textarea>输入域标记、选择域标记、文本域标记<input>输入域标记的常见类型有：Text、Radio、Checkbox、Password、Image、File、Hidden、Button必须至少设置type和name属性Submit/Reset必须设置type属性

（1）Text单行文本域基本格式：<inputtype="Text"name="name-text"value="val-default"align="middle"size="lenth-display"maxlength="num-putin">

（2）Password密码域基本格式：<inputtype="Password"name="name-text"value="val-default"align="middle"size="lenth-display"maxlength="num-putin">

（3）Radio单选框基本格式：<inputtype="Radio"name="name-radio"value="val"align="middle"checked>说明：同组各单选项之间是互相排斥的，用户只能选择该组中的一个作为输入信息。同组单选框中所有单选项的name属性值是相同的。

（4）Checkbox复选框基本格式：<inputtype="Checkbox"name="name-check"value="val"align="right"checked>

2-4-4说明：各复选项的name属性值不同。

（5）Image图像基本格式：<inputtype="Image"name="pic"align="left"src="icon.gif">说明：因为表单中的按键外观不一定适合网页设计的整体风格，所以在表单中插入的图像通常用来替代按键实现当用户单击图像按键时将表单输入信息传送给服务器。

action=""

（6）File文件域基本格式：<inputtype="File"name="upload"align="bottom"size="20"maxlength="100"accept="text/html">（7）Button按键基本格式：<inputtype="Button"name="bt"value="valshow">（8）Hidden隐藏域基本格式：<inputtype="Hidden"name="hidid"value="hidval">

（9）Submit发送键及

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

二阶段录屏-html基础

文档简介

温馨提示

最新文档

评论

二阶段录屏-html基础

文档简介

温馨提示

最新文档

评论

相关文档