前端开发学习笔记（二）- Css标签简介

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名称">