html:常见行内标签，常见块级标签,常见自闭合标签

---

本文内容：

• 常见行内标签
• 常见块级标签
• 常见自闭合标签

 

 

首发日期：2018-02-12

修改：

1. 2018-04-25：删除了不常用的标签

---

常见行内标签：

什么是行内标签：

1. 行内标签就是在页面内只占据刚好能包裹自己内容的空间
2. 设置宽高属性值不生效，只依靠内容来决定大小
3. 行内标签转换为块级标签：style:"display:block"
   

常见常见行内标签：

• <a>：标签可定义锚
• <b>：字体加粗
• <big>：大号字体加粗
• <br>：换行
• <cite>：引用进行定义
• <code>：定义计算机代码文本
• <em>：定义为强调的内容
• <i>：斜体文本效果
• <img>：向网页中嵌入一幅图像
• <input>：输入框
• <label>：标注标签
• <select>：创建单选或多选菜单
• <small>：呈现小号字体效果
• <span>：组合文档中的行内元素
• <strong>：语气更强的强调的内容
• <textarea>：多行的文本输入控件

 

---

常见块级标签：

什么是块级标签：

1. 块级标签就是占据整行内容的标签【如果溢出到下一行，下一行也占据】
2. 块级标签转换为行内标签：display:inline;

常见块级标签

• <caption>定义表格标题
• <dd>定义列表中定义条目
• <div>定义文档中的分区或节
• <dl>定义列表
• <dt>定义列表中的项目
• <form>创建 HTML 表单
• <h1>定义最大的标题
• <h2>定义副标题
• <h3>定义标题
• <h4>定义标题
• <h5>定义标题
• <h6>定义最小的标题
• <hr>创建一条水平线
• <legend>元素为
• <li>标签定义列表项目
• <ol>定义有序列表
• <ul>定义无序列表
• <p>标签定义段落
• <table>标签定义 HTML 表格

 

---

常见行内块标签：

• 这些标签兼具了行内和块级标签的特点，可以设置宽高和对齐属性
• 例如:
  • input【理论上是行内标签，但是可以设置大小】
  • img【理论上是行内标签，但是可以设置大小】
  • td【理论上是行内标签，但是可以设置大小】

 

---

常见自闭合标签：

• <input>：定义一个输入框
• <meta>:提供有关页面的元信息
• <link>:定义文档与外部资源之间的关系,通常用来连接样式表
• <br>:用来换行
• <hr>:定义一个水平线
• <img>:定义 HTML 页面中的图像

---

转载于:https://www.cnblogs.com/progor/p/8444968.html