我的HTML练习总结

  1. 文本类标签
    • p标签

    • b标签
    • i标签
    • strong标签
    • del标签
    • span标签
  2. img标签
    1. 路径
      • 绝对路径
      • 子级:/
      • 父级:../
      • 同级:./一般省略
    2. img标签属性

  3. 超链接标签
  4. 有序列标签
    1. ol+li组合标签
    2. ol>li*3快捷键
  5. 无序列标签
    • ul+li组合标签
    • ul>li*3快捷键
    • disc实心圆,circle空心圆,square方形,none无-
  6. 单元格标签
    • 单元格1,2.colspan合并行 单元格3 单元格4 单元格5,10.rowspan合并列
      单元格6 单元格7 单元格8 单元格9
      单元格11 单元格12 单元格13 单元格14 单元格15
      单元格16,17,21,22. 单元格18 单元格19 单元格20
      单元格23 单元格24 单元格25
    • table>tr*3>td*3{内容}快捷键
  7. form标签

    • 代码如下: <form action="url" method="get/post" name="名称"> <input> <input type="submit"> <button>提交
  8. 表单元素
    • First name:
      Last name:
    • Password:
  9. 快元素与行内元素

    • 常见块元素(独占一行)

      div,for,h1-h6,hr,p,table,ul

    • 常见内联元素(,只占自身大小长宽不可定义)

      a,b,em,i,span,strong

    • 行内块级元素(行内元素,但可被长宽属性定义)

      button,img,input

  10. H5标签

    H5利于SEO

    1. div标签

      nav

      class="article"

      class="secion"

      id="sidebar"

      id="footer"

  • CSS练习页面链接