HTML 区块、内联元素

1、参考地址：https://www.runoob.com/html/html-blocks.html

2、<div> 和 <span>

HTML 可以通过 <div> 和 <span>将元素组合起来。

3、区块元素

大多数 HTML 元素被定义为块级元素或内联元素。

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

实例: <h1>, <p>, <ul>, <table>

4、内联元素

内联元素在显示时通常不会以新行开始。

实例: <b>, <td>, <a>, <img>

5、<div> 元素

HTML <div> 元素是块级元素，它可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

6、<span> 元素

HTML <span> 元素是内联元素，可用作文本的容器

<span> 元素也没有特定的含义。

当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

7、分组标签

标签	描述
<div>	定义了文档的区域，块级 (block-level)
<span>	用来组合文档中的行内元素，内联元素(inline)

HTML 区块、内联元素相关推荐

【内联元素居中、内联块元素居中、区块元素居中】06
居中文章目录居中 1. 文字.内联元素.内联块元素在父元素居中 2. 区块元素在父元素中居中 3. 练习 1. 文字.内联元素.内联块元素在父元素居中文字.内联元素居中. 父元素设置:text- ...
常见的块状和内联元素
独占一行能设置宽高竖直方向的margin,padding 水平方向的margin,padding 块状元素: 是 ...
html中内联元素和块元素的区别、用法以及联系
昨天用asp.net的BulletedList做一个导航栏,最终该控件形成的html代码是ul列表和a超链接,具体代码如下: <ul id="BulletedList1" s ...
Html 内联元素、外联元素和可变元素
块元素(block element)一般是其他元素的容器元素块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"."form"这个块元素比 ...
块级元素与行级元素（内联元素）
内联元素(inline element)一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素,常见内联元素"a".块元素(block elemen ...
浅谈块级元素和内联元素的嵌套规则
1. 替换和不可替换元素从元素本身的特点来讲,可以分为替换和不可替换元素. a) 替换元素替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容. 例如浏览器会根据<img> ...
CSS块级元素、内联元素概念
CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>, ...
HTML基础（四）常用的内联元素
上次的教程介绍的是块级元素,其中也谈到了内联元素的概念,这次便介绍常用的内联元素. 内联元素又称之为行内元素,即一个挨着一个,都在同一行按从左至右的顺序显示,不单独占一行. 常见的内联元素有链接元素a ...
从文档流来看内联元素和块元素的css排版
veda原创[抄录]讲得很好存自己这里看从文档流来看内联元素和块元素的css排版 CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的 ...
CSS 5 CSS 内联元素和块状元素
CSS 文章目录 CSS 5 CSS 内联元素和块状元素 5.1 内联元素[inline] 5.2 块级元素[block] 5.3 内联元素与块级元素的区别 5.3.1 内联元素 5.3.2 块状 ...

HTML 区块、内联元素

HTML 区块、内联元素相关推荐

最新文章

热门文章