HTML-块级、行内元素和基础标签的介绍（第一天笔记）

最新推荐文章于 2023-02-15 22:49:58 发布

VIP文章黄业帝

最新推荐文章于 2023-02-15 22:49:58 发布

阅读量767

点赞数 1

分类专栏： Html 笔记文章标签： html html5

本文链接：https://blog.csdn.net/qq_44102500/article/details/119346231

版权

HTML基本元素的使用

1.块级元素

作用：搭建网页结构

特点：

1、独占一行空间。

2、默认宽度为100%，没有父元素的话，宽度相对于视图区，有父元素的话相对于父元素而言，高度由子元素及其内容撑起

3、高度由子元素或内容决定。4、可以通过css指定其样式

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QxKL5aE3-1627960772935)(C:\Users\Lilking\AppData\Roaming\Typora\typora-user-images\image-20210802190123056.png)]$

代码：

<body>
 <div style="border: 1px solid red;  ">
     div块级元素
 </div>
 <div style="border: 1px solid red;  ">
     div块级元素
 </div>
</body>

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BsFLhRmW-1627960772939)(C:\Users\Lilking\AppData\Roaming\Typora\typora-user-images\image-20210802190613040.png)]$

代码：

<body>
 <div style="border: 1px solid red;  ">
     div块级元素
     <div>我是第1个div</div>
     <div>我是第2个div</div>
     <div>我是第3个div</div>
     <div>我是第4个div</div>
     <div>我是第5个div</div>
     <div>我是第6个div</div>
     <div>我是第7个div</div>
     <div>我是第8个div</div>
     <div>我是第9个div</div>
     <div>我是第10个div</div>
     <div>我是第11个div</div>
     <div>我是第12个div</div>
     <div>我是第13个div</div>
     <div>我是第14个div</div

最低0.47元/天解锁文章

黄业帝

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML-块级、行内元素和基础标签的介绍（第一天笔记）

HTML基本元素的使用1.块级元素作用：搭建网页结构特点：1、独占一行空间。2、默认宽度为100%，没有父元素的话，宽度相对于视图区，有父元素的话相对于父元素而言，高度由子元素及其内容撑起3、高度由子元素或内容决定。4、可以通过css指定其样式代码：<body> <div style="border: 1px solid red; "> div块级元素 </div> <div style="border: 1px solid
复制链接

扫一扫