首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
Web开发
> 详细
第五天学习:html标签的学习3
时间:
2016-07-09 13:20:50
阅读:
217
评论:
0
收藏:
0
[点我收藏+]
标签:
关键字:html标签的学习3
晨跑计划:
学习任务:
第4章 认识标签(第三部分)
4-1 使用<a>标签,链接到另一个页面
4-2 在新建浏览器窗口中打开链接
4-3 使用mailto在网页中链接Email地址
4-4 认识<img>标签,为网页插入图片
第5章 与浏览者交互,表单标签
5-1 使用表单标签,与用户交互
5-2 文本输入框、密码输入框
5-3 文本域,支持多行文本输入
5-4 使用单选框、复选框,让用户选择
5-5 使用下拉列表框,节省空间
5-6 使用下拉列表框进行多选
5-7 使用提交按钮,提交数据
5-8 使用重置按钮,重置表单信息
5-9 form表单中的label标签
学习记录:
4-1使用<a>标签,链接到另一个页面
使用<a>标签可以实现超链接,从一张页面链接到另一张页面
语法:
<a href ="目标地址" title“鼠标滑过显示的文本”>链接显示文本</a>
属性:
href:规定链接指向的页面的url 值:URL
hreflang:规定被链接文档的语言 值:language_code
target:规定在何处打开链接文档 值:_blank、_parent、_self、_top
title:鼠标滑过显示的文本
4-3使用mailto在网页中链接email地址
使用mailto能让访问者便捷向网站管理者发送电子邮件。
功能:
mailito:邮箱地址(有分号隔开多个收件人的地址)
cc= 抄送地址
bcc= 密件抄送地址
subject= 添加邮件主题
body= 添加邮件内容
注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数没一个都以“&”分隔
例如:<a href="mailito:yy@inooc.com?cc=xiaoming@imooc.com&subject=主题&body=内容">发送</a>
4-4认识<img>标签,为网页插入图片
语法:<img src="图片地址" alt="下载失败时的替换文本" title="提示文本" />
属性:
src= 标识图像的位置,规定显示图像的URL
alt= 指定图像的描述性文本,当下载不成功时,可看到该属性指定的文本
title= 提供在图像可见时对图像的描述
height= 定义图像的高度
width= 定义图像的宽度
longdesc= 指向包含长的图像描述文档的url
ismap=图像定义为服务器端图像映射
usemap= 图像定义为客户端图像映射
使用表单标签,与用户交互
表单可以把浏览器输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据
语法:<form method="传输方式" action=“服务器文件”></form>
method的传送方式有(get/post)
表单标签
<form>:定义供用户输入的表单
<input>:定义输入域
name:定义input元素的名称
value:定义input元素的值
size:定义输入字段的宽度
type:规定input元素的类型
button:定义可点击按钮(多数情况下,通过JS启动脚本)
chekbox:定义复选框
file:定义输入字段和“浏览”按钮,供文件上传
hidden:定义隐藏的输入字段
image:定义图像形式的提交按钮,必须把src属性和alt属性结合使用
password:定义密码字段,该字段汇总的字符被覆盖
radio:定义单选按钮
reset:定义重置按钮
submit:定义提交按钮。
text:定义单行输入字段,用户可在其中输入文本,默认宽度为20字符
textarea:定义多行的文本输入控件
cols:规定文本区域内的可见高度
name:文本域的名称
readonly:规定文本区为只读
required:规定文本区是必填的
rows:规定文本区内的可见行数
label:当用户选中该label标签时,浏览器就会自动选中和该label标签相关联的表单空间上
语法:<label for=“控件id名称”>
注意:标签的for属性中的值应当与相关控件的id属性值一定要相同。
啊大大
啊啊
15
516
5165
6516
65165
65
161
6
扩展阅读:
213
4656
1651
1616
61651
6165
问题的记录与总结:
什么是超文本?
超文本的基本特征是可以超链接文档;你可以指向其他位置,该位置可以在当前的文档中、局域网中的其他文档,也可以在因特网的任何位置的文档中。
超链接也叫锚,是使用<a>标签标记的,可以用两种方式表示:
在文档中创建一个热点,当用户激活或选中这个热点时,会导致浏览器进行链接。
在文档中创建一个标记,该标记可以被超链接引用
注释:把提供热点和超链接地址的锚看作“超链接”,而用于标记文档的目标部分的锚称为“锚”
img标签中ismap和usemap的区别及用法?
表单传送方式get和post的区别?
131
16516
156
第五天学习:html标签的学习3
标签:
原文地址:http://www.cnblogs.com/zhangguihong/p/5655561.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
36.VUE — 认识 Webpack 和 安装
2021-07-28
【PHP】上传图片翻转问题
2021-07-28
php对数字进行万。亿的转化
2021-07-28
五个 .NET 性能小贴士
2021-07-28
Three.js中显示坐标轴、平面、球体、四方体
2021-07-28
.net 5+ 知新:【1】 .Net 5 基本概念和开发环境搭建
2021-07-27
1.html,css
2021-07-27
基于Docker搭建 Php-fpm + Nginx 环境
2021-07-27
nginx + http + svn
2021-07-27
kubernets kube-proxy的代理 iptables和ipvs
2021-07-26
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!