前端开发学习笔记(二)- 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名称">

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,830评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,992评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,875评论 0 331
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,837评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,734评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,091评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,550评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,217评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,368评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,298评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,350评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,027评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,623评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,706评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,940评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,349评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,936评论 2 341

推荐阅读更多精彩内容