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


本文内容:

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

 

 

首发日期:2018-02-12

修改:

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

常见行内标签:

什么是行内标签:

  1. 行内标签就是在页面内只占据刚好能包裹自己内容的空间image
  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 页面中的图像

posted @ 2018-02-12 16:47  随风行云  阅读(9377)  评论(0编辑  收藏  举报