码迷,mamicode.com
首页 > Web开发 > 详细

第五天学习:html标签的学习3

时间:2016-07-09 13:20:50      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:

关键字:html标签的学习3

晨跑计划:

技术分享

学习任务:

 

 

学习记录:

  • 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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!