美文网首页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标签简介

    18. 标签 使用 标签可以实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签. 语法:...

  • 前端开发学习笔记(一)-Html简介+ Css标签

    一.学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言 1.HTML是网页内容的载体。...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • HTML&CSS(Day01上午)

    1、HTML&Css简介,学习路径 课件简介章节 2、HTML常用标签 2-1:开发工具(Hbuilder,vsC...

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • CSS基础

    了解CSS## 作用:在前端开发中,用来修改样式。CSS格式: 注意点: style标签必须写在head标签的开始...

  • CSS基本属性的用法

    web前端开发 - 2 CSS基本属性的用法 1、CSS简介 英文全名:cascading style sheet...

  • CSS基本属性的用法

    web前端开发 - 2 CSS基本属性的用法 1、CSS简介 英文全名:cascading style sheet...

  • 【视频教程】前端小白无基础入门HTML5+CSS3

    简介:前端基础入门HTML5+CSS3----站在一门入门标签语言的角度,重点讲解了常见的HTML5标签,CSS3...

网友评论

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

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