05【HTML的元素类型】

最新推荐文章于 2024-07-17 11:29:00 发布

2401_84252281

最新推荐文章于 2024-07-17 11:29:00 发布

阅读量461

点赞数 22

分类专栏： 2024年程序员学习文章标签：网络安全 web安全面试

本文链接：https://blog.csdn.net/2401_84252281/article/details/138926702

版权

2024年程序员学习专栏收录该内容

108 篇文章 0 订阅

订阅专栏

学习路线：

这个方向初期比较容易入门一些，掌握一些基本技术，拿起各种现成的工具就可以开黑了。不过，要想从脚本小子变成黑客大神，这个方向越往后，需要学习和掌握的东西就会越来越多以下是网络渗透需要学习的内容：
在这里插入图片描述

需要体系化学习资料的朋友，可以加我V获取：vip204888 （备注网络安全）

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化资料的朋友，可以点击这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

五、HTML的元素类型
- 5.1 块级元素
  - 5.2 行内元素
  - 5.3 行内块元素

五、HTML的元素类型

在HTML中元素分为三类：块级元素、行内元素、行内块元素

5.1 块级元素

块级元素特点：
- 1）独占一行，自上而下排列
- 2）默认不设置宽度时，继承父元素的宽度（默认为父级宽度的100%）
- 3）可以定义自己的宽度和高度，以及盒模型中的任意属性（margin，padding，border）
- 4）块级元素可以作为一个容器容纳其他的任何元素

常见块元素有：p、ul、ol、li、dl、dt、dd、table、tr、td、form、h1、h2、h3、h4、h5、h6

5.2 行内元素

行内元素的特点：
- 1）不会独占一行，从左到右排列
- 2）里面的内容会把行内元素撑大，宽高由内容来决定
- 3）不能定义自己的宽度和高度，可以设置左右盒模型属性（margin、padding），不可以设置上下盒模型属性（margin、padding、line-height等）
- 4）行内元素只能嵌套行内元素，不能嵌套块元素

常见的行内元素有：a、span、strong、b、em、i、label

5.3 行内块元素

行内块元素的特点（vertical-align属性只针对这类型元素设置有效）：
- 1）即具有行内元素特点：不会独占一行，从左到右排列
- 2）又具有块元素的特点：可以定义宽高以及盒模型中的任意属性

常见的行内块元素有：img、input、textarea、select
【代码示例】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--css宽度写法,等到后面在学-->
<div style="width: 100px">你好</div>
<div style="width: 100px">我好</div>

<hr>
<!--行内元素没有宽高-->
<span style="width: 100px">aa</span>



还有兄弟不知道网络安全面试可以提前刷题吗？费时一周整理的160+网络安全面试题，金九银十，做网络安全面试里的显眼包！


王岚嵚工程师面试题（附答案），只能帮兄弟们到这儿了！如果你能答对70%，找一个安全工作，问题不大。


对于有1-3年工作经验，想要跳槽的朋友来说，也是很好的温习资料！


【完整版领取方式在文末！！】


***93道网络安全面试题***


![](https://img-blog.csdnimg.cn/img_convert/6679c89ccd849f9504c48bb02882ef8d.png)








![](https://img-blog.csdnimg.cn/img_convert/07ce1a919614bde78921fb2f8ddf0c2f.png)





![](https://img-blog.csdnimg.cn/img_convert/44238619c3ba2d672b5b8dc4a529b01d.png)



**需要体系化学习资料的朋友，可以加我V获取：vip204888 （备注网络安全）**

内容实在太多，不一一截图了


### 黑客学习资源推荐


最后给大家分享一份全套的网络安全学习资料，给那些想学习 网络安全的小伙伴们一点帮助！


对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

#### 1️⃣零基础入门


##### ① 学习路线


对于从来没有接触过网络安全的同学，我们帮你准备了详细的**学习成长路线图**。可以说是**最科学最系统的学习路线**，大家跟着这个大的方向学习准没问题。


![image](https://img-blog.csdnimg.cn/img_convert/acb3c4714e29498573a58a3c79c775da.gif#pic_center)


##### ② 路线对应学习视频


同时每个成长路线对应的板块都有配套的视频提供：


![image-20231025112050764](https://img-blog.csdnimg.cn/874ad4fd3dbe4f6bb3bff17885655014.png#pic_center)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以点击这里获取](https://bbs.csdn.net/topics/618540462)**

**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**