美文网首页CSS学习笔记
前端开发学习笔记(二)- Css标签简介

前端开发学习笔记(二)- Css标签简介

作者: Showtime_ST | 来源:发表于2017-01-09 16:30 被阅读0次

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

    相关文章

      网友评论

        本文标题:前端开发学习笔记(二)- Css标签简介

        本文链接:https://www.haomeiwen.com/subject/ncchbttx.html