html元素显示类型分类

最新推荐文章于 2023-05-20 21:57:12 发布
最新推荐文章于 2023-05-20 21:57:12 发布
阅读量355 收藏
点赞数
分类专栏： 前端 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46657663/article/details/125967234
版权

html元素显示类型分为

块状元素

特点：块状元素默认宽度100%，即该元素站满一行显示，该元素后面隐藏了一个换行符，即后面不能再跟行内元素或者块状元素了

常见的元素

form 表单

div

p

h1-h6 标题

ul、oi、li 列表

center 居中

hr

行内元素

特点：行内元素没有高度与宽度，即便定义了，也无效。可以有多个行内元素同行显示

常见元素

span

a 超链接

img 图像框

small、big 格式化信息框

button、select、textarea、label 表单对象框

caption 表格标题框

行内块状元素

特点：不自动换行、能识别高宽

阳关的美好
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
CSS元素类型
weixin_52032313的博客
03-02 768
CSS元素类型
【无标题】html元素类型
ZYX13721846745的博客
07-28 594
1169人阅读 一、html元素类型 html元素分为两大类：块元素和内联元素(行内元素); 注：也可以将html元素这样分类：块元素，内联元素，内联块元素 1.块元素 常见块元素：div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,td,form,fieldset,hr 块元素特点： a) 块元素以块的形式显示为一个矩形区域，默认不设置宽度时，继承父元素的宽度 b) 默认情况下，块元素独占一行，自上而下排列，相邻块元素不会出现并排显示的现象
HTML元素显示模式
你来啦????
07-20 263
HTML元素显示模式
HTML中三种显示类型特征
NO_GAMENO_LIFE的博客
02-20 643
HTML三种显示类型 块级元素 行内元素 行内块元素 类型特征 块级元素特性： block: (div/p/dl/form/h1-h6/ol/ul) 独占一行 高度由里面的元素撑开 宽度默认100%(继承父元素宽度) 可以设置外边距/内边距 可以包裹其他任意元素 p标签不可包裹块级元素(只存放文本) 行内元素特性： inline: (a/b/em/i/img/span) 和其他行内元素处...
块级元素和内联元素的区别
qq_40926233的博客
05-27 439
小知识 块级元素和内联元素的区别 块级元素的特点： 1.总是在新行上开始 2.高度、行高以及内外边距都可以控制 3.宽度默认是它容器的100%，除非设置一个值 4.它可以容纳内联元素和其他块级元素 内联元素的特点： 1.和其他元素都在同一行 2.高度、行高以及内外边距都不可控制 3.宽度就是它的文字或图片的高度，不可改变 4.内联元素只能容纳文本或者其他内联元素 常见的块级元素：address、center、div、dir、from、h1-h6、hr、ol、ul、li、table、p、pre、m
HTML元素显示与隐藏
学习,你不是一个人在战斗 ～ 961302305（QQ,微信）
09-21 5862
在WEB开发中，前台HTML中经常需要控制元素的隐藏与显示，我们最为最常见是二级导航栏（通过鼠标的移动来触发onmouseover，onmouseout事件来实现二级菜单的显示与隐藏）二级菜单的显示与隐藏。 然而控制元素的影响与显示有两种方式： 1、display : 设置如何及是否显示某元素 2、visibility : 设置元素可见或不可见 Example:
HTML元素标签.doc（开发总结实用）
07-02
了解这些HTML元素的分类和特性对于编写结构良好、功能丰富的网页至关重要。正确使用它们可以帮助创建具有清晰布局和良好可读性的网页。同时，配合CSS（Cascading Style Sheets）可以进一步定制元素的外观和布局，...
css：元素类型
学会成长
03-06 487
二、边框属性 border-width:2px; /*边框的样式也叫线型*/ 边框样式： border-style:solid（实线）/double（双线）/dotted（点）/dashed（虚线）; border-color:red; ©—— © <div>—— </div>—— border-bottom:边框宽度边框风格边框颜色；底边框 border-left:边框宽度边框风格边框颜色；左边框 border-right:边框宽度边框风格边框颜色；右边框 .
初识html ——元素显示模式
qq_44959935的博客
02-23 166
1.块级元素： 属性： display:block; 显示特点： 1.独占一行 2.宽度默认是父元素宽度 3.可以设置宽度 代表标签： div p h系列 ul li dl dt dd form header nav footer 2.行内元素 属性： display:inline; 显示特点： 1.一行可以显示多个 ...
HTML元素显示方式
iceman_666的博客
09-16 586
行内元素： 1、一行可以显示多个，宽高由内容决定； 2、不能设置宽高。 代表元素有：a,span,b,i,em,del,s,,ins,u display:inline; 块级元素 1、独占一行； 2、宽度不设置默认为一整行，高度不设置默认为0； 3、可以设置宽高。 代表元素有：div,h系列,ul,ol,dt,dddl display:block; 行内块元素
HTML 标签整理
weixin_30875157的博客
09-06 223
序号 标签 描述 自闭合 　 　 基础 　 　 　 1 <!DOCTYPE> 　 　 　 2 <html> 定义一个 HTML 文档 　 　 3 <title> 为文档定义一个标题 　 　 4 <body> 定义文档的主体 ...
html元素显示模式
m0_60577732的博客
08-04 181
1.1块级元素 属性:display:bilock; 特点:独占一行,宽度默认父元素宽度,高度默认内容撑开; 可以设置宽高; 代表标签:div.h系列,p,ul,li,dl,dt,dd,form,header,nav,footer.... 1.2行内元素 属性:display:inline 一行可以显示多个; 宽度和高度由内容撑开; 不能设置宽高 代表标签: a,span,u,b,i,s,strong,ins,em,del... 1.3 ...
Html标签显示方式不同进行的分类
Leon_ang的博客
11-23 720
块级元素、行内元素、行内块元素
HTML
iteye_3287的博客
02-20 120
一.html介绍: 全称为HyperTextMarkupLanguage,译为超文本标记语言，它不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式.比如字体什么颜色，大小等. 超文本,比文本强大很多,描述我们的字体等等,用超链接构成一个网页资源网. 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本 标记:标签 html实际上就是用来展示...
html 分类模板,分类模板.html
weixin_39876650的博客
06-17 354
分类模板$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadPath...
HTML 显示
weixin_33924770的博客
12-27 348
在不同浏览器上相同标签会有不一样的显示，不过绝大部分还是遵循w3c的标准。 下面来说一说工作中实际遇到的一个小问题； 写的一个页面在绝大部分浏览器上面显示都是正常的理想的效果，但是在进行生产是对页面进行再电视显示器上进行投屏，却出现意外的显示，显示器是用的UC浏览器，改过像素，弄过定位，等都不能解决（崩溃的感觉），后来在一个前辈的指导下才改正过来。 具体是什么情况呢？ 首先 <di...
html
KKFKHTD的博客
06-02 188
HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML主要是用来写网页的框架， 例如：可以用font来写字体：其中可以通过size改变大小，color改...
元素的显示模式及特性
最新发布
m0_75160723的博客
05-20 196
div 、 p、 h系列 、 ul 、li、 dl、 dt、 dd 、 form 、 header 、 hav 、 footer。注：img标签有行内块元素特点，但是chorm调试工具中显示结果是行内（inline）特点。（这里div的父级为body，如果不添加盒子的宽，盒子的宽度就是页面的宽度）目的：改变元素默认的显示特点，让元素符合布局要求。打开检查发现此时p和h1也是并列标签。p和div、h系列标签不能互相嵌套。但是不能嵌套div、p、h。但是a标签不能嵌套a元素。
HTML与CSS基础教程：盒模型与元素分类
- 需要注意的是，某些HTML元素（如`<p>`）不允许直接嵌套特定类型的元素（如`<div>`），遵循语义化规则。 4. CSS属性应用 - `border`: 设置元素的边框，如`border: 1px solid red;`。 - `border-style`: 定义...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阳关的美好

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值