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

关键字：html标签的学习3

晨跑计划：

学习任务：

1. 第4章 认识标签(第三部分)

   • 4-1 使用<a>标签，链接到另一个页面
   • 4-2 在新建浏览器窗口中打开链接
   • 4-3 使用mailto在网页中链接Email地址
   • 4-4 认识<img>标签，为网页插入图片

2. 第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:[email protected][email protected]&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