html5-块元素和内联元素

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>div布局</title>
</head>
<body>
   <p>p元素是块元素，可以自动换行</p>后续的内容
   <b>b元素是内联元素不自动换行</b>后续的内容
   <a href="www.sohu.com">a元素也是内联元素www.sohu.com</a>后续的内容
   <div>
       div是块元素，可以自动换行
   </div>
</body>
</html>

时间： 2024-12-09 23:12:44

html5-块元素和内联元素的相关文章

html的块级元素和内联元素

常用的块级元素: address , center , div , dl ,, form , h1 , h2 , h3 , h4 , h5 , h6 , menu , ol , p , table , ul , li 在HTML5的规范中,<header><nav><footer><article><section>等标签其实就是<div>,而这些新标签出现的意义是为了更好的划分整体HTML文档显示逻辑结构, 比如,在<head

【转】那些年记不住的块级元素，内联元素

笔试时候,考基础什么的是最讨厌了块级元素,内联元素总是记不全,总结如下妈妈再也不用担心我记不住了块级元素内联元素 address - 地址block - 块引用center - 居中对齐块(不推荐)dir - 目录列表(HTML5踢出) div - 常用的不能再常用了 dl - 列表 fieldset - 一个包含着form组的框 form - 表了个单 h1 ~ h6 各种尺寸标题 hr - 水平分隔线(不推荐) menu - 菜单列表 noframes - 浏览器不支持frames显

块级元素与内联元素

块元素(block element) ◎ address - 地址 ◎ blockquote - 块引用 ◎ center - 举中对齐块 ◎ dir - 目录列表 ◎ div - 常用块级容易,也是css layout的主要标签 ◎ dl - 定义列表 ◎ fieldset - form控制组 ◎ form - 交互表单 ◎ h1 - 大标题 ◎ h2 - 副标题 ◎ h3 - 3级标题 ◎ h4 - 4级标题 ◎ h5 - 5级标题 ◎ h6 - 6级标题 ◎ hr - 水平分隔线 ◎ is

CSS块级元素、内联元素概念

CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都变得易于理解,并且体会到CSS这套设计的合理性所在. 文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即

CSS--基础块级元素与内联元素

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素.在HTML和XHTML中,块级元素不能继承自行内元素(即不能嵌套在行内元素),<p>I like <em>it</em></p>是正确的写法,但是<em>I like<p>it</p></em>是不正确的. 常用的块状元素有: <div>.<p>.<h1>...<

CSS中的块级元素、内联元素（行内元素）

Block element 块级元素顾名思义就是以块显示的元素,高度宽度都是可以设置的.比如我们常用的<div>.<p>.<ul>默认状态下都是属于块级元素.块级元素比较霸道,默认状态下每次都占据一整个行,后面的内容也必须再新起一行显示.当然非块级元素也可以通过css的display:block;将其更改成块级元素.此外还有个特殊的,float也具有此功能. Inline element 内联元素通俗点来说就是文本的显示方式,与块级元素相反,内联元素的高

块级元素与行级元素（内联元素）

内联元素(inline element)一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素,常见内联元素"a". 块元素(block element)和内联元素(inline element)都是html规范中的概念.块元素和内联元素的基本差异是块元素一般都从新行开始.而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了.比如,我们完全可以把内联元素cite加上display:block这样的属性,让他也有每次都从新行开始的属性.

html中的块元素和内联元素的区别

一.定义块元素一般都从新行开始,它可以容纳内联元素和其他块元素,可设置高度.宽度和边距等. 内联元素一般都是基于语义级的基本元素,它只能容纳文本或其他内联元素,主要特点是:和其他元素位于同一行上,高度.宽度和边距不可改变. 二.分类块元素(block element) * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fi

html的块级元素与内联元素

css规定每个网页元素都有一个display属性,用于确定该元素的类型. 块级元素:(display:block) div.p.ul.li.ol.dl.form.address.h1-h6.table.blockquote.fieldset.memu.center等块级元素会独占一行,其宽度自动填满父元素宽度可以设置width.height属性,即使设置了width,仍独占一行可以设置margin.padding的top.right.bottom.left四个方向值内联元素:(displ

HTML之class属性、table元素、块级和内联元素

一:网页的组成部分: 1.结构:HTML 2.样式:CSS 3.行为:Javascript 二:介绍新的属性:class(类),直接用例子来解释该属性的用法: 给一个标签确定样式的三种方法(按样式表的位置区分): 1.行间样式表:在<body>内直接添加样式,如: < p class="box" style="color:blue">测试文字</p> 2.内部样式表: 1)在<body>内需要添加样式的属性处输入,如: