html 常用标签

178 阅读1分钟
  • 标题标签: <h1> - <h6>

  • 段落标签:<p>

  • 换行标签:<br/>

  • 文本格式化标签:

    • 加粗:<strong><b>
    • 倾斜:<em><i>
    • 删除线:<del><s>
    • 下划线:<ins><u>
  • 结构标签( 无语义 ):

    • 一行只能一个:<div>
    • 一行可以多个:<span>
  • 图像标签:<img>

    • scr:图片路径
    • alt:替换文本
    • title:提示文本

相对路径:

  • 同层文件夹:不写 或是 ./
  • 上一层文件夹:../
  • 下一层文件夹:/
  • 超链接标签:<a>

    • href

      • 外部链接
      • 内部链接:#id名
      • 空链接:#
    • tagert:默认值为 _self_blank 为在新窗口打开

  • 表格标签

    • <table>

    • <tr>:定义表格行

    • <td>:定义表格数据,必须包含在 <tr> 里面

    • <th><td> 的加强版,内容加粗居中显示,一般用于表头部分

    • 结构标签( 放在 <table> 里面 )

      • <thead>:定义表格头部
      • <tbody>:定义表格主体
  • 列表标签

    • 无序列表:<ul>,里面只能嵌套 <li>

    • 有序列表:<ol>,里面只能嵌套 <li>

    • 描述列表( 列表项前无项目符号 )

      • <dl>:定义列表
      • <dt>:术语 / 名称
      • <dd>:描述 术语 / 名称
      • 通常是 1 个 <dt> 对于 多个 <dd>
  • 表单标签

    • 表单域:<form>

      • action:提交地址
      • method:提交方式
      • name:表单名称
    • 表单元素,可与 <label> 配合使用,用于对焦,<label>for 属性要与相关元素的 id 属性相同

      • <input>,常用 type 属性如下:

        • text:文本框
        • password:密码
        • radio:单选按钮,用 name 属性实现多选一
        • checkbox:复选框
        • button:按钮
        • reset:重置按钮
        • submit:提交按钮
      • <select>:下拉列表

        • 至少包含一对 <option>
        • <option> 中定义 selected="selected" 时,当前项即为默认选中项
      • textarea:文本域