网页设计01-03网页设计基础-HTML基础-Dreamweavercs3使用基础础.教材.ppt

2.4 表单标记 表单是HTML文件中一段特殊格式的组件，主要作用是制作交互式网页。在网页上具有可输入表项及项目选择等控件所组成的栏目就称为表单。 2.4.1 表单及输入组件标记 格式：form action=mailto:mail 地址或网址 method=传送方式 input type=表项名 name=名称 size=数值 maxlength=数值 value=按钮名 …… /form 2.4.2 选择栏 当浏览者选择的项目较多时，如果采用选择按钮来选择，占用的页面区域就会较多。此时采用选择栏（也称下拉列表框），就会减少占用页面区域，选择栏分为弹出式和字段式两种。 格式：select size=数字 name=操作控制名 multiple option select value=可选择的内容 …… /select 2.4.3 多行文本框 当需要浏览者发表意见或建议时，网页就要提供比较大的输入区域供浏览者使用，一般可以输入较多的文字内容。比如留言板、BBS等。所以，通常使用多行文本框来实现这个功能。 格式：textarea name=控件名 rows=行数 cols=列数多行文本/textarea 说明： ①name：对象名称。 ②rows：多行文本框的可见行数。 ③cols：多行文本框的可见列数。 2.5 超链接标记 超链接是由来源节点和目的节点所构成：来源节点又称锚点，是超链接的起点；目的节点又称宿点，是超链接的终点。超链接也可以看作是一个“热点”，当单击某一个词、句或图片，可从此处转到另一个链接资源。那么，具有以上特点的词、句或图片就称为热点。 基本格式：a href=地址 name=字符串 target=打开窗口方式热点/a 2.5.1 创建指向本页中的链接 要在当前页面实现超链接，需要定义两个标记：一个为超链接标记；另一个为书签标记。 超链接标记的格式：a href=#记号名热点文本/a 说明：单击热点文本，将跳转到“记号名”开始的文本。 书签就是用a标记对该文本作记号。若有多个链接，不同目标文本九需要设置不同的书签名。 书签标记的格式：a name=记号名目标文本附近的字符串/a 2.5.2 创建指向其他页面的链接 创建指向其他页面的链接，就是在当前页面与其他相关页面间建立超链接。 格式：a href=目标文件路径/目标文件名.html热点文本/a 根据目标文件与当前文件的目录关系，可以有四种格式。 1．链接到同一目录内的网页文件 格式：a href=目标文件名.html热点文本/a 说明：目标文件名是链接所指向的文件。 2．链接到下一级目录中的网页文件 格式：a href=子目录名/目标文件名.html热点文本/a 3．链接到上一级目录中的网页文件 格式：a href=../目标文件名.html热点文本/a 说明：其中“../”表示返回到上一级目录中。 4．链接到同级目录中的网页文件 格式：a href=../子目录名/目标文件名.html热点文本/a 说明：表示先返回到上一级目录，然后再进入到目标文件所在目录。 2.5.3创建指向下载文件的链接 如果链接到的文件不是HTML文件，而是链接到即将作为下载目标的文件，则： 格式：a href=下载文件名热点文本/a 2.5.4创建指向电子邮件的链接 单击指向电子邮件的链接，将启动默认的电子邮件程序，如Outlook Express，并填写地址。 格式：a href=mailto:E-mail地址热点文本/a 2.6 多媒体标记 WWW的突出特色之一就是结合了图、文、影、音数据于一身，因此，网上显示图形的能力就成了所有浏览器必备的功能。 对于网页上的多媒体而言，主要是如何增加图片、声音和视频等。 2.6.1 加入图片 加入网页的图片，通常使用GIF格式和JPEG格式。两种格式的图片有着各自的特点： 1．GIF格式文件的特点 GIF格式文件最多只能显示256种颜色，所以在存储照片是很少使用它。但是存放图标、剪贴画和艺术线条等对颜色要求不高的图片，已经足够了。GIF格式图片的优点在于制作透明、隔行和动画效果。 2．JPEG格式文件的特点 JPEG格式文件可以拥有计算机所能提供的最多种颜色，适合存放高质量的彩色图片、照片。另外，JPEG格式文件采用压缩方式存储文件信息，相同的图片所占空间比GIF文件要小，所以下载时间较短，浏览速度较快。但是JPEG格式的文件没有GIF格式文件的3种特殊效果。 3．图片标记 格式：img src=图片文件名 alt=图像替代文字 width=图片的宽度 height=图片的高度 border=边框宽度 hspace=水平方向空白 vspace=垂直