HTML之块级&内联&白板标签

最新推荐文章于 2022-02-10 21:50:29 发布
最新推荐文章于 2022-02-10 21:50:29 发布
阅读量404 收藏
点赞数
分类专栏： HTML 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jamieblue1/article/details/89313911
版权




什么是块级标签？
在这里插入图片描述



什么是内联标签？
内联标签又称行内标签
在这里插入图片描述



块级标签与内联标签的区别就是 是否占一行。




什么是白板标签？
白板标签没有任何CSS的样式，在html文档中写出来什么 就在页面上显示什么。

在这里插入图片描述

在这里插入图片描述




总结：
块级标签：H标签(加大加粗)，P标签(段落间有间距)，DIV(白板)

行内标签：SPAN标签(白板)

jamieblue1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【html】常见的行标签（inline）、块标签（block）和行块标签（inline-block）特点及相互转换
m0_50947589的博客
04-13 1万+
行标签（inline）、块标签（block）和行块标签（inline-block）的特点及相互转换
html 块级标签与内联标签的区别
09-28
在HTML中，元素被分为不同的类别，其中最重要的两类是块级标签（Block-level elements）和内联标签（Inline elements）。这两种标签决定了元素在网页布局中的表现和行为。 块级标签，顾名思义，它们像一个个独立的...
html标签——内联标签(行内元素)
dhx36675的博客
09-18 1714
阅读目录 字体 粗体 斜体 上下标 划线 b em sup del strong i sub u 排版 span br 超链接 a 图片 img 回到顶部 字体标签 粗体标签<b>或<strong>(已废弃) 示例： 娃哈哈 <b>娃哈哈</b> <str...
css中内联元素（行内元素）的特点及常见的内联元素
weixin_44580880的博客
03-10 6668
1.什么是内联元素？ 内联元素有很多种叫法，如内联元素、内嵌元素、行内元素、直进式元素等，和块级元素对应。内联元素和它的兄弟元素之间一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行。 2.内联元素的特点 （1）和其他兄弟元素同在一行，不用另起一行 （2）宽高以及到顶部和底部的边距都不可以设置 （3）宽度受内容挤压，即它的宽度就是它内容的宽度 （4）只能容纳内联元素和文本...
display:inline-block; 到底是个啥玩意？
weixin_30325793的博客
12-05 335
display:inline; 内联元素，简单来说就是在同一行显示。display:block; 块级元素，简单来说就是就是有换行，会换到第二行。display:inline-block; 就是在同一行内的块级元素。 说概念太模糊，来个真实案例吧。 <a href="#" style="display:inline;width:100px;height:100px;background:...
html5 在线白板,Html5 canvas画图白板踩坑
weixin_34495151的博客
06-04 687
最近接手了一个小型的H5，最主要的功能大概就是拍照上传和canvas画板了。主要是记录一下自己菜到像傻子一样的技术。1、canvas画板隔空打牛！画布越往上部分错位距离越小，越往下距离越大。2、图片上传！白板涂鸦的内容是以base64的形式传给后端工程师的，图片上传的图片是路径，后端要求统一格式，所以需要把路径转为base64。3、算是谷歌的限制，前端发起请求后端可以收到，也给了返回值，但前端在浏...
html 内联元素和html 块级元素概述及区别
09-28
2. 内联元素内部可以包含块级元素，虽然不常见，但这样做可以改变内联元素的高度，比如在一个`<a>`标签中嵌套一个`<div>`。 了解这些基本概念后，开发者可以更有效地利用HTML和CSS来构建网页，实现所需的布局效果。...
HTML5进阶段内联标签汇总（小篇）
09-27
主要介绍了HTML5进阶段内联标签汇总（小篇）的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
html5内联,HTML5进阶段内联标签汇总（小篇）
weixin_31419249的博客
06-05 477
内联元素，与别人公用一行，但是设置宽高无效。其特点：①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；③宽度就是它的文字或图片的宽度，不可改变④内联元素只能容纳文本或者其他内联元素代码如下：标签基础2无语义 跳转斜体强调作用斜体强调作用斜体强调作用加粗强调我爱你你爱我男女选项1选项2选项3内联标签------------大多数XHTML可以表示为两种类型的标签：块标签(block...
HTML中哪些是块状元素，哪些是内联元素？
热门推荐
WebLogic
01-03 1万+
常见的块状元素与内联元素 块状元素 内联元素 address – 地址 blockquote – 块引用 center – 居中对齐 dir – 目录列表 div – 常用块级容易，也是CSS layout的主要标签 dl – 定义列表 fieldset – form控制组 form – 交互表单
HTML的块状、内联、内联块状元素的特点
aniaocool的博客
03-11 5776
HTML的块状、内联、内联块状元素的特点的说明和一些举例
HTML内联框架-iframe标签
python
11-15 2839
1.iframe标签简介 iframe标签简单的理解就是可以在一个网站中嵌入一个网页，iframe语法如下：<iframe src="URL"></iframe> 可以通过width和height来设置iframe的宽度和高度，如<iframe src="URL" width="200" height="200"></iframe> frameborder 属性->是否显示 i
html内联框架标签
qq_45192812的博客
02-10 474
html内联框架标签 1、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内联框架</title> </head> <body> <!--iframe内联框架 src : 地址 w-h : 宽度，高度 name :框架标识名 --> <iframe name="hello" src
html5 canvas自定义画板
jbgtwang的专栏
07-20 4595
html> head> meta charset="utf-8" /> head> body> 定义画板br /> canvas id="myCanvas" width="1200" height="600"> 你的浏览器不支持HTML5 canvas> br/>br/>画笔颜色: button style="width:80px;background-color:yellow;" oncl
CSS笔记-基础篇-css从入门到精通
luffysk的博客
10-12 985
出现的原因 历史 1990年，Tim Berners-Lee和Robert Cailliau共同发明了Web。1994年，Web真正走出实验室。 从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。 随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。 1994年哈坤·利提出了CSS的最初建议。而当时
html/css内联元素和块元素
lemon1999123的博客
09-06 1205
常用的内联元素 a链接,b粗字体,br换行，font设置字体，em斜体，img插图 ，input输入框，lable标记，select选择的， &lt;select&gt;   &lt;option value="volvo"&gt;Volvo&lt;/option&gt;   &lt;option value="saab"&gt;Saab&lt;/option&gt;   &
html元素类型 块级元素、内联元素(又叫行内元素)和内联块级元素。
aihanguang7682的博客
11-28 160
html中的标签元素大体被分为三种不同的类型：块级元素、内联元素(又叫行内元素)和内联块级元素。 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致） 常用的块状元素有： <div>...
#HTML 块级、内联、内联块级元素（转）
aoyou4854的博客
11-19 125
【常用的块级元素】 div，form，p，table，h1~h6，hr，dl，ol，ul，pre等 【常用的内联元素】 a，img，input，span，br，select，strong，em，textarea，label等 【概念】 块级：block 内联：inline 内联块级：inline-block 【特征】 1.块级元素 独占一行。 ...
Inline element and block element of html
dlxn38744的博客
11-09 137
内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素"a"。块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全...
块级元素和内联元素的区别
最新发布
04-26
块级元素和内联元素是HTML中常用的两种元素类型，它们在布局和显示上有一些区别。 1. 块级元素： - 块级元素的宽度默认是父元素的100%。 - 块级元素可以设置宽度、高度、内外边距等属性。 - 常见的块级元素有`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值