HTML(二)

作者: petertou | 来源:发表于2016-05-29 12:34 被阅读0次

    A 标签

    a标签是我们在写页面的时候最常用的标签了,相信大家都已经熟悉它的用法了,在这里我只是写一下在开发中注意的几点。

    • 1.属性 href 的属性值可以加双引号,也可以不加。但一般都加上。
    • 2.属性 title 的属性 当鼠标悬停在超链接上面的时候给出的提示信息。
    • 3.如果要给超链接加颜色样式,必须直接作用于超链接上。超链接是无法继承父类的颜色的。但是字体大小等可以继承。
    • 4.伪类选择器实际上是一种状态,并不含有任何意义 。
    • 5.a:link 未访问的链接 a:visited 已访问的链接 a:hover 当有鼠标悬停在链接 a:active 被选择的链接 基本上我们常用的也就是hover了。
    • 6 锚点 现在用的也很少了,基本上现在考JS来实现了。
    • 7 现在主要用法之一就是配合无序列表做导航条。

    Table 表格

    以前的话,全是table来布局,不过那好像是很遥远的时候了(白垩纪?),现在基本上用CSS来布局。所以现在表格终于做回它自己了,就是表格。

    • 1.border-collapse:collapse 边框重叠。在table标签中设置。
    • 2.table 里面的行对齐 text-align='center' vertical-align: middle;="middle" 实际上是对内容操作。(text-align 以后会在CSS各种居中详细解释。还有表单的美化。)
    • 3.td text-align:center 给元素加一个高度 就会自动垂直居中。

    列表

    • 1.无序列表(ul li)
    • 2.有序列表(ol li)
    • 3.自定义列表(dl dt(表头) dd(表格内容))

    表单

    <form action="" method="">
      <input type="text" name="user">
      <input type="password" name="password">
      <input type="radio" name="sex" value="male">男
      <input type="radio" name="sex" value="female">女
      <input type="checkbox" name="hobby" value="basketball">篮球
      <input type="checkbox" name="hobby" value="basketball">篮球
      <input type="checkbox" name="hobby" value="basketball">篮球
      <input type="hidden" name="uid" value="id">
      <textarea name="name" rows="8" cols="40"></textarea>
      <select name="" id="">
        <option value=""></option>
        <option value=""></option>
      </select>
      <label for=""></label>
      <input type="submit" value="提交">
      <input type="reset" value="重置">
    </form>
    

    把用户提交的内容提交到后台
    name : 表单提交时的名字
    action : 提交的地址
    method : 提交的方法

    GET和POST方式区别 GET POST
    提交方式(URL) 看得见 看不见
    数据大小 1K大小 后台设置
    安全性 安全性不高 安全性高

    iframe

    iframe 在一个页面中嵌入另一个页面
    iframe src

    相关文章

      网友评论

          本文标题:HTML(二)

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