18.<a>标签
使用<a>标签可以实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签.
语法:
<a href = "目标网址" title = "鼠标滑过显示的文本">链接显示的文本</a>
<a href = "目标网址" target = "_blank">在新的页面打开网页</a>
title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容.
19.<img>标签,为网页插入图片
语法:<img src = "图片地址" alt = "下载失败时的替代文本" title = "提示文本">
(1).src:标识图像的位置
(2).alt:指定图像的描述性文件,当图像不可见时(下载不成功时),可看到该属性指定的文本
(3).title:提示在图像可见时对图像的描述(鼠标滑过图片时显示的文本)
(4).图像可以是GIF,PNG,JPEG格式的图像文件
20.<form>标签
表单是可以把浏览者输入的数据传送到服务器端,这样服务端程序就可以处理表单传过来的数据
语法:<form method="传送方式" action= "服务器文件">
(1).<form>:</form>标签是成对出现的,以<form>开始,以</form>结束.
(2).action:浏览者输入的数据被传送到的地方
(3).method:数据传送的方式(get/post)
P:所有表单控件都必须放在<form></form>标签之间(否则用户输入的信息可提交不到服务器上噢)
21.<input>标签
当用户要在表单中键入字母,数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框
语法:<form>
<input type = "text/password/radio/checkbox" name = "名称" value = "文本" checked = "checked"></input>
</form>
(1).
type:当type="text"时,输入框为文本输入框;
当type = "password"时,输入框为密码输入框;
当type = "radio"时,控件为单选框,单选框的 name必须一致;
当type = “checkbox”时,控件为复选框,复选框的name可以不一致
当type = submit时,有提交作用 ,value为按钮上显示的文字
当type = reset时,有重置作用,value为按钮上显示的文字
(2).name:为文本框命名,以备后台程序ASP.PHP,JAVA使用
(3).value:为文本输入框设置默认值,也是提交到是服务器的值
(4).当设置checked = "checked"时,该选项被默认选中
22.<textarea>标签
文本域,支持多行文本输入,当用户需要在表单中输入大段文字时,需要用到文本输入域。
语法:<textarea row= "行数" cols="列数">文本</textarea>
(1).<textarea>标签是成对出现的,以<textarea>开始,以</textare>结束.
(2).cols:多行输入域的列数
(3).rows:多航输入域的行数.
(4).在<textarea></textarea>标签之间可以输入默认值
23.<select>-<option>标签
下拉列表在网页中常会用到,它可以有效的节省网页空间。即可以单选,又可以多选。设置selected属性,则该选项就默认选中。如果是多选在<select>标签中设置mutiple=“mutiple”属性,就可以实现多选功能,在windows操作系统下,进行多选时按下Ctrl键同时进行单击(在Mac下使用Commend+单击),可以实现多个选项.
语法:<select name ="给后台用的" id= "标识">
<option value"提交值">显示值</option>
</select>
24.<label>标签
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性.如果你在label标签内点击文本,就会触发此控件。就是说,当用户点击选中该labe标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。P:标签的for属性中的值应当与相关空间的id属性值一定要相同.
语法:<label for = "控件id名称">
网友评论