HTML 常用标签 简要说明

​

常规标签

h1~6 标题标签

1~6 字体大小依次递减

p 段落标签

<p> 一般浏览器有默认边距

a标签

1. 链接标签

属性	功能
href	链接内容 ”URL 或 #锚点id“
target	跳转方式 _blank/_b 新页面跳转 _self 本页面跳转（默认）

2. 锚点标签
   a标签可以通过name属性设置锚点
   id和name重复时，id有更高的优先级

配合HTML的全局属性id使用

属性	功能
id	唯一定位名称 name属性

样例：

<a href="#id" target="_blank">text</a>

<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>

input 输入标签

类型type属性{text、password、submit、radio（添加相同name可实现单选）、checkbox}
type属性

• text 文本框
• password 隐藏字符
• submit 提交，按键

select>option 下拉框

<select>
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>

button 按钮标签

textarea 文本域

---

注释标签

<!-- 注释内容 -->

条件注释

满足条件时有效

<!--[if IE 8]>
    .... some HTML here ....
<![endif]-->

资源标签

link 标签

链接其他文件

属性	属性值
属性rel	shortcut icon 链接到网页图标图片 16x16 px / icon
	stylesheet 链接css样式表
type	text/css 表示css文件
	image/x-icon 表示图标文件
href	资源地址

img 图片标签

属性	功能
src	图片文件路径
alt	图片无法显示时替换文字
title	显示图片的提示信息
height	高度
width	宽度

script 标签

用于嵌入脚本 或用属性链接脚本

排版

盒子模型

• content内容

• padding 内边距

• border边框线

• Margin 外边距

ul 无序号列 与 ol 有序号列

下一级标签必须为 li
<li> 标签定义列表项目

header 标签 定义文档的页眉
footer 标签 定义文档或节的页脚
nav 标签 定义导航链接的部分
section 标签 定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

hr 分割线标签

<hr />

文字格式标签

<b> 加粗标签

<strong> 强调标签

<i> 倾斜标签

<em> 强调标签

<sup> <sub> 上下标标签

<ins> 下划线标签 <u>废用

<del> 删除线标签 <s> 和 <strike>废用

<span> 多用于设置文字样式

段落格式标签

<br /> 换行标签

<pre> 严格文本格式标签

<bdo> 显示顺序标签 属性dir：ltr rtl （用于设置文字逆序）

<span> 标签 同一行元素拼接

---

<meta> 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。

​