html元素显示类型分类

最新推荐文章于 2023-07-27 21:12:30 发布
最新推荐文章于 2023-07-27 21:12:30 发布
阅读量334 收藏
点赞数
分类专栏： 前端 文章标签： 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网页设计 把HTML标记分类
12-10
p、h1、或div等元素常常称为块级元素，这些元素显示为一块内容；Strong,span等元素称为行内元素，它们的内容显示在行中，即“行内框”。（可以使用display=block将行内元素转换成块元素，display=none表示生成的元素根本没有框，也既不显示元素，不占用文档中的空间） 　　《CSS权威指南》中文中：任何不是块级元素的可见元素都是内联元素。其表现的特性是“ 行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。这些知识在WEBJX.com上有较多的文章。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重
HTML商城导航栏和详细分类的制作
qq_56599702的博客
07-30 5545
#CSS text-align：right 盒子中的文字向哪边对齐 border-radius:50% 加圆角的边框 display:block; 变成盒子模型 box-sizing: border-box; 默认情况content-box 盒子的宽高就是 定义的宽高 border-box 盒子的宽高 = 定义宽高+内边距+加边框的宽度 就是让整个盒子看起来大小就是你定义的大小，消除内边距和边框的影响 属性 width:100vw height:100vh z-index:25
html标签分类及其他知识
sz1125218970的博客
12-26 1150
前端笔记
html中元素的显示与隐藏
m0_65033248的博客
04-12 2080
还有一种元素隐藏的方式： overflow: hidden;overflow属性定义了如果盒子中的元素超过了盒子的宽高，也就是该元素溢出了,我们该如何处理元素。可以看到元素超出了盒子的宽高（此时overflow属性值为visible, 超出部分不做处理，默认值）可以看到原本没有在页面中显示的元素，在页面中显示出来了，这就是元素的显示与隐藏。在实际开发网页中，我们使用display: none;将元素显示出来，还有。① 在元素x,y方向上都溢出时（效果一致）元素的位置不会保留，会被标准流元素占用。
元素的显示模式及特性
m0_75160723的博客
05-20 183
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 隐藏和显示
m0_62487693的博客
02-18 2975
但使用时要注意的是，td元素noWrap属性的行为与td元素的width属性有关。如果未设置td宽度，则nowrap属性起作用的，如果设置了td宽度，则nowrap属性不起作用。overflow：scroll 属性的时候，下面和右边都有滚动条 （scroll是下边和右边都有框） visible : 默认属性，内容会溢出黄色框 hidden： 内容被修剪， 65后面的内容看不见了。visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。
HTML：常用标签归纳（用法 + 代码 + 显示效果）
Cosmoshhhyyy的博客
07-27 1053
本文详细介绍了html中的常用的20多种标签，给出其用法和显示效果，更加直观，方便查找。
如何处理html中的换行字符“↵”
bug处理进行时
11-02 4206
danger] 重点说明：一定是要通过键盘打上去的换行↵，而不是为了测试效果输入上去的↵字符。[danger] 错误过程：想到通过字符串替换元素的方式，在首次尝试过程中始终采用用。去替换，而是在html中会被识别为\r,\n等转义字符，所以需要使用\r\n去替换。通过ajax请求回字段值，该字符是String类型，且包含换行符。，将获取到的字符串内容按照原样格式进行换行展示出来。通过字符串替换元素的方式解决问题。[info] 不是通过。
HTML5&CSS3网页制作：元素的类型.pptx
06-01
在CSS中，根据它的分类我们可以把HTML元素分为三种类型： HTML 元素类型 块状元素（block） 内联元素（inline） 内联块状元素（inline-block） 块状元素 标签独自占据一行，相邻块状元素不会并列显示，且它的顺序是...
html入门到放弃笔记
05-15
按照元素们的表现形式来分类，分为 行内元素 和 块级元素1、行内元素 在一行内允许显示多个元素的，称为 "行内元素" span,i,b,s,u,sup,sub 作用：包裹文本，并处理文本的表现形式 2、块级元素 每个元素独占一...
从入门到精通HTML5——PDF——网盘链接
02-27
　12.2.5 新增的input元素的类型 232 　12.2.6 废除的元素 233 　12.3 新增的属性和废除的属性 234 　12.3.1 新增的属性 234 　12.3.2 废除的属性 236 　12.4 全局属性 237 　12.4.1 contentEditable属性 237 　...
Web系统与技术 课程教材
06-16
6.3 基于DOM的HTML元素操作... 188 6.3.1 访问根元素... 188 6.3.2 访问指定Id属性的元素... 190 6.3.3 访问节点属性... 191 6.4 习题... 193 第7章 PHP 编程... 196 7.1 PHP的环境配置与安装... 196 7.1.1 ...
关于元素的显示与隐藏
weixin_45976564的博客
09-17 1157
元素的显示与隐藏 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现 本质：让一个元素在页面中隐藏或者显示出来 一.display属性（显示隐藏元素，但是不保留位置） display：none ；隐藏对象 display：block；除了转换为块级元素之外，同时还有显示元素的意思 display隐藏元素后，不再占有原来的位置。 后面应用及其广泛，搭配js可以做很多的网页特效 二.visibility可见性（显示隐藏元素，但是保留原来位置） visibility：vis
HTML基础知识
m0_53161561的博客
03-23 4083
HTML基础知识HTML的概述及开发环境1.1.1 HTML的概述1.1.2 HTML的历史版本1.1.3 网页组成1.1.4 开发环境HTML标签组织页面内容2.1.1 HTML标签名称与属性 HTML的概述及开发环境 1.1.1 HTML的概述 HTML是超文本标记语言，英语名称为HyperText Markup Language，它是一种用于创建网页的标准标记语言。 可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 超文本标记语言是标准通用标记语言
HTML-动态
weixin_46508028的博客
03-15 181
过渡 ：让元素的动画发生平滑的效果，而不是生硬直接的效果 1:什么属性在做动画 transition-property: 属性1，属性2，属性n； 2：过渡时间需要多久 transition-duration:2s; 3：等待时间 transition-delay: 3s; 4：动画类型，不写默认匀速 5：综合写法 transition:过渡属性 过渡时间 等待时间 动画类型； o...
html页面分页显示问题,HTML分页，显示分页页面内容
weixin_33365214的博客
06-04 2350
一般HTML网页，可以采用div的CSS属性控制显示和隐藏来实现分页的目的。display:block; 这个CSS属性可以让div显示出来；display:none; 这个CSS属性可以让div隐藏起来；例如：这是第1页的内容这是第2页的内容这是第3页的内容然后增加3个按钮，分别是第1页，第2页，第3页，每个按钮有点击事情。例如：第1页第2页第3页4然后通过javascript点击事情来修改di...
html文字显示
m0_72699898的博客
03-21 928
让科技每天进步一点点 与html共同进步
html从指定位置跳转到指定位置
一步一步的前进
07-25 1871
html实现从任意位置跳转到指定位置
html美食网站制作
最新发布
03-07
HTML美食网站制作是指使用HTML（超文本标记语言）来创建一个专门展示美食相关内容的网站。以下是制作HTML美食网站的一般步骤： 1. 确定网站需求：首先，你需要明确你的网站目标和需求。确定你想要展示的美食内容类型，例如食谱、餐厅推荐、美食博客等。 2. 设计网站结构：根据你的需求，设计网站的整体结构。确定主页、导航菜单、内容分类等。 3. 创建HTML页面：使用HTML语言编写网站的各个页面。每个页面包括头部（header）、导航菜单、内容区域和页脚（footer）等部分。 4. 添加内容：在每个页面中添加相应的美食内容，例如食谱步骤、菜单介绍、餐厅评价等。可以使用HTML标签来格式化和组织内容。 5. 样式设计：使用CSS（层叠样式表）来为网站添加样式和布局。通过CSS可以设置字体、颜色、背景、边框等，使网站更加美观和易于阅读。 6. 响应式设计：考虑到不同设备上的浏览，可以使用响应式设计技术，使网站在不同屏幕尺寸下都能良好显示和操作。 7. 图片和多媒体：为网站添加美食相关的图片和多媒体内容，例如食物图片、视频教程等。可以使用HTML标签来插入图片和媒体元素。 8. 导航和链接：设置网站导航菜单，使用户可以方便地浏览不同页面。同时，在页面中添加内部链接和外部链接，提供更多相关信息和资源。 9. 测试和优化：在完成网站制作后，进行测试，确保网站在不同浏览器和设备上都能正常运行。根据用户反馈和体验进行优化和改进。 10. 上线和推广：将网站部署到服务器上，并进行推广，吸引更多用户访问和使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

阳关的美好

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

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

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

打赏作者

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

抵扣说明：

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

余额充值