块级标签与内联标签

最新推荐文章于 2024-02-01 14:57:12 发布
最新推荐文章于 2024-02-01 14:57:12 发布
阅读量502 收藏
点赞数 1
分类专栏： 前端学习笔记 文章标签： 标签 html5 基础学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yp320645/article/details/75040777
版权

7.标签总结

块级标签，在新的一行进行显示

Div、h1-h6、 p、 hr、table、ul、ol、dl、tr、option、dd、dl

内联标签：不会新起一行显示

Img、input、a、td、textarea、span、label、select、th、button...

                               

                            今后学习的持续更新中........

夜灬落
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
02块级标签和内联标签的区别
m0_51453764的博客
03-21 910
块级标签和内联标签的区别 块级标签：宽度和内容有关 1）每一个块级标签独占一行，可以实现自动换行 2）有多个块级标签存在时，默认的排列方式从上往下 3）设置宽高有效 4）可以容纳内联元素或者其他元素 内联标签：内联标签在不设置宽度的情况下，宽度始终和浏览器宽度保持一致 1）不会自动换行 2）出现多个内联标签时，默认的排列方式是从左往右 3）设置宽高无效 4）只能容纳内联元素 常见的块级标签： <!DOCTYPE html> <html lang="en"> <head>
块级标签和内联标签
qq_43713303的博客
12-19 946
块级标签和内联标签 块级元素 块级元素（block element）：在网页中一般通过块级标签来将页面分块，从而达到布局的效果 主要特点如下 独占一行，每一个块级元素都会从新的一行重新开始，从上到下排布 可以直接控制宽度、高度以及盒子模型的相关CSS属性 在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度 在不设置高度的情况下，块级元素的高度是它本身内容的高度 块级元素什么都能放，但p元素里不能放h1等分级标题元素 常用的块级元素 元素 描述 div 最常用块级容器，用来分块，没
CSS块级标签与内联标签嵌套规则
肉嘟嘟的博客
07-28 912
块级标签与内联标签嵌套规则 1) 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素 2) 块级元素不能放在里面 3) 有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素，这几个特殊的标签是： h1、h2、h3、h4、h5、h6、p、dt 4)  li 内可以包含 div 标签 5)  块级元素与块级元素并列、内嵌元素与内嵌元素并列：
html5中块级元素与内联元素,html5 区块与内联div 与span html块级元素
weixin_35773344的博客
06-05 342
HTML 和 可以通过 和 将 HTML 元素组合起来。HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素。编者注："块级元素"译为 block level element，"内联元素"译为 inline element。块级元素在浏览器显示时，通常会以新行来开始(和结束)。例子：, , , HTML 内联元素内联元素在显示时通常不会以新行开始。例子：, , , HTML 元...
块级元素和内联元素的区别以及常用标签
最新发布
m0_51160509的博客
02-01 1208
例如，可以使用`margin`、`padding`和`position`等属性对其进行调整。需要注意的是，通过CSS的`display`属性，我们可以将块级元素设为行内块级元素，例如设置`display: inline-block;1. 占据内容所需的宽度和高度：与行内元素不同，行内块级元素可以设置宽度和高度属性。内联元素只能设置水平方向的外边距、内边距和部分定位相关的属性，不能设置宽度和高度。- ``：用于包裹文本或内联元素，用于设置文本的样式或添加其他属性。
块级元素与内联元素总结
mengjavakaifa的博客
10-06 1355
块级元素与 内联元素的区别 块级元素：（1）独占一行。（2）宽和高能够起作用  内联元素（行内元素）：与块级元素相反。 块级元素常见的有：  div、p、tr、th、h、ol、 ul、li、dl、table等  内联元素常见的有：  a、td、span、input、button等 块级元素与内联元素的嵌套 一般所有的块级元素内可以放内联元素。  块级元素中嵌套块级
css 块级元素与内联元素
Sun_blog
08-16 294
CSS诞生之初就是为了解决网页图文布局的，所以为了布局的需要将标签分了两类，块级元素负责结构，内联元素负责内容。
html块级元素和内联元素的区别,html块级元素和内联元素小结
weixin_39529914的博客
06-07 328
Block element 块级元素顾名思义就是以块显示的元素，高度宽度都是能够设置的。好比咱们经常使用的、、默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。固然非块级元素也能够经过css的display:block;将其更改为块级元素。此外还有个特殊的，float也具备此功能。Inline element 内联元素通俗点来讲就是文本的显...
块级标签与内联标签的区别
weixin_30367945的博客
01-11 262
又可以分别归为顶级(top-level)元素,块级(block-level)元素和内联(inline)元素. 1. Block-level element: 指能够独立存在, 一般的块级元素之间以换行(如一个段落结束后另起一行)分隔. 常用的块级元素包括: p, h1~h6, div, ul等; 2. Inline element: 指依附其他块级元素存在, 紧接于被联元素之间显示...
html 块级标签与内联标签的区别
09-28
内联标签则与块级标签相反，它们不会引起新的行，而是沿着当前行进行布局。例如，图像（img）、文本强调（span）、换行（br）等都是内联元素。内联元素通常用于在文本中插入或修饰内容，它们无法设置宽度和高度，内...
标签 li 是不是块级元素分析
01-19
为什么它可以设定高度，但又不像 <h1> 这些元素，那种感觉就像它是个“半内联的（内联：inline-level）元素。HTML 4是这样描述的： The following elements may also be considered block-level elements since ...
html 内联元素和html 块级元素概述及区别
09-28
2. 内联元素内部可以包含块级元素，虽然不常见，但这样做可以改变内联元素的高度，比如在一个`<a>`标签中嵌套一个`<div>`。 了解这些基本概念后，开发者可以更有效地利用HTML和CSS来构建网页，实现所需的布局效果。...
if与switch的使用与区别
热门推荐
yp320645的博客
07-30 1万+
1.选择结构if语句格式及其使用　 A:if语句的格式： if(比较表达式1) { 　语句体1; }else if(比较表达式2) { 　语句体2; }else if(比较表达式3) { 　语句体3; } 　... else {   语句体n+1; } B:执行流程： 首先计算比较表达式1看其返回值是true还是false， 如果是true，就执行语句体1，if语句结
js操作单选框选中状况
yp320645的博客
10-18 5063
如何通过JS选中单选按钮，例如清空查询条件，单选按钮会选中第一个（一般是不限） &lt;div class="pop-caste"&gt;                &lt;form&gt;                     &lt;span class="num"&gt;账户等级:&lt;/span&gt;                     &lt;label&gt;&
浏览器错误与调试工具的使用（很强大）
yp320645的博客
07-27 3656
4错误与调试 4.1 错误的概念与处理 计算机程序的错误有两种：语法错误和逻辑错误。 比如alert拼写错误，写成了alter。 script>     var a = 3+4;     alert(a)     alter(a);     a++;     alert(a); script> 运行结果只显示了7，后面的结果没有显示，说明后面的代码没有执行。因为输出7后遇到
js事件实现通过键盘移动图片
yp320645的博客
08-08 2776
#img1{ position: absolute; left: 0; top: 0; } style> body onkeydown="move(event)"> 鼠标的坐标--> img src="../img/download_logo.png" id="img1"> body> script> var top
CSS中选择器以及伪类和伪元素选择器
yp320645的博客
07-17 2507
3.5结构选择器 （1）后代选择器：可以选择一个元素的后代元素，这个后代元素包括儿子，孙子，以及后代结构。         .content a{             font-size: 25px;         } （2）子元素选择器：某一个元素的直接后代。 （3）并选择器：将相同的样式放在一起，类名直接用英文逗号分隔 写法E，F   #myself d
列表以及自定义列表的使用
yp320645的博客
07-09 1683
1.无序列表    就是定义一个无序列表，就是定义列表中都有什么内容，在ul中有一个type类型的属性，主要有以下三个属性        Disc：实心的小圆点，默认值   Circle：空心的圆圈   Square：实心的正方形 2.有序列表  有序列表与无序列表的区别就在于前面的排列序号，有序列表的type可以自定义一些类型，例如  Type属性指定序号的类型，其取值：
列表与表格的使用（新手入门基础学习）
yp320645的博客
07-10 1081
1.文件选择器 Type：file 提供文件选择的格式 Accept指定可选择的文件类型，也可以直接输入格式的后缀名，例如.doc “image/*”代表支持所有格式。   选择你的头像： 选择你的头像： 上传文件需指定对应表单的属性。   Enctype属性指定表单属性。 2.下拉列表 使用下拉列表的好处：节省页面空间，使得页面更加简洁,方便规范输入。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值