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

最新推荐文章于 2022-12-16 18:00:00 发布

黄业帝

最新推荐文章于 2022-12-16 18:00:00 发布

阅读量825

点赞数 1

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

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

版权

本文介绍了HTML中的基本元素，包括块级元素和行内元素的特性，以及h标签、p标签、img标签、a标签、mailto标签、base标签的使用方法和注意事项。强调了正确使用这些标签对于网页结构和搜索引擎优化的重要性。

摘要由CSDN通过智能技术生成

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>