我常用的行内标签、块级标签、自闭合标签

·  阅读 1087

** 1. 行内标签 **

  • 里面内容不会另起一行显示,书写完成后不会自动换行,可以包含在块级标签中。
  • 没有宽度和高度,即使设置也不会生效,只依靠内容来决定大小。
  • 行内标签转换为块级标签:display:block。
行内标签描述
<a>标签定义超链接,用于从一张页面链接到另一张页面。
<span>被用来组合文档中的行内元素。
<br>换行。

** 2. 块级标签 **

  • 所有的块级标签都会独占一行,书写完会自动换行。
  • 块级标签可以直接设置其宽度和高度。
  • 级标签转换为行内标签:display:inline。
块级标签描述
<div>可定义文档中的分区或节。
<h1>-<h6>定义标题。
<p>定义段落。
<ul>定义无序列表。
<li>定义列表项目。
<ol>定义有序列表。

** 3. 行内块标签 **

  • 兼具了行内和块级标签的特点,可以设置宽高和对齐属性。
行内块标签描述
<img>向网页中嵌入一幅图像。从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像, 标签创建的是被引用图像的占位空间。
<input>输入框。
<textarea>多行的文本输入控件。

** 4. 自闭合标签 **

  • 单个出现,只能定义一些属性,不能插入别的标签或者内容。
自闭合标签描述
<br>换行。
<meta>定义页面元信息。
<hr>水平线。
<link>定义文档与外部资源的关系的链接。
<img>图像。
<source>标签为媒体元素(比如 和 )定义媒体资源。。
<input>输入框,表单元素。

** 5. 不同元素之间的转换方式 **

  • 转换为块级元素: disaplay : block
  • 转换为行内块元素:dispaly : inline-block
  • 转换为行内元素 : display : inline
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改