大家好，今天给各位分享我连网页元素都不懂！还想做网站吗？ HTML 基础知识的一些知识，其中也会对进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！
小时候，几桶沙子就可以搭建一座“小城堡”。等我长大了，我也可以用乐高玩具盖一座大楼。只要你愿意堆积，总能堆积一些东西！
乐高玩具搭建一座小城堡
那么我们平时看到的网页是如何制作的呢？
答案就和你在海滩堆沙子一样！
要制作一个完整的网页，需要三个部分一起完成。 html部分用于制作网页的骨架。它实际上是由各种网页元素堆叠和排列的。那么了解网页元素就显得尤为关键！
网页布局实际上就是元素的各种排列
网页元素分为三种类型，每种元素都有自己的特点。
块状元素
特点：
(1)单独占线
(2)多个块元素标签写在一起，默认排列方式是从上到下。
(3) 可设置宽度和高度
(4) 上、下、左、右margin和padding都对其有效。
统治一个群体就是这么霸道
典型元素表示：div
其他元素：p、nav、aside、页眉、页脚、节、文章、ul-li、地址等。
网页布局是从上到下，从大到小，所以块元素必须作为最外层的容器而存在。
行内元素
特点：
(1)不会单独占一行，而是与相邻的行内元素并排排列，从左到右排列。
(2)设置宽高无效
(3) 对于margin，仅设置左右方向有效，上下方向无效； padding设置对上、下、左、右均有效，会扩大空间。
只要不遇到块元素，它们都可以靠近在一起。
典型元素代表：span
其他元素：b、i、sub、sup 等。
该元素的布局是从左到右，是块元素内部区域的细分。但宽度和高度无法设置，所以一般开发者很少使用。
行内块状元素
内联块元素结合了内联元素和块元素的特点，但各有其优缺点。因此，内联块元素由于其特性在日常使用中使用得较多。
内联块元素特点：
（1）不会自动换行，不占用单独的行（块元素的特点）
(2) 可以设置宽度和高度，对于margin和padding都有效（块元素的特性）
(3)默认排列是从左到右(行内元素特性)
原本没有标签属于该属性，因此需要通过CSS转换元素类型。
块元素和行内元素的组合
各种标签元素的转换
转换为行内标签：display:inline;转换为块级标签：display:block；转换为内联块标签：display: inline-block;
嵌套规则
块元素可以嵌套在行内元素中，但行内元素不能嵌套在块元素中。不要将P 标签与块属性标签一起使用。您可以使用a、span 或text 标签。嵌套时要注意代码的缩进。
结尾
现在您已经了解了网页元素的排列规则，您可以创建网页了。例程是一样的。首先，使用块元素从上到下标识网页内的各个模块。
从上到下
在块元素中，使用行内元素或行内块元素从左到右填充内容。
从左到右
原创文章，作者：小su，如若转载，请注明出处：https://www.sudun.com/ask/172504.html
用户评论
＊巴黎铁塔
讲真，网页制作确实需要紮实的HTML基础，要不然很容易出问题。这篇博文提醒了很多还在学的人，不要马马虎虎看教程，还是要认真学习和理解！
有16位网友表示赞同！
不要冷战i
哈哈哈，我也曾经遇到过不少因为不懂HTML就出现奇怪问题的案例，这篇文章说的太对了！特别是那些只知道复制粘贴别人代码的“大神”，简直害人不浅啊！
有5位网友表示赞同！
刺心爱人i
说得很有道理，做网页最基础的就是HTML。 很多新手朋友可能觉得学这些东西很烦， 但掌握了它们，后面的CSS 和 JavaScript 就容易多了。 建议大家好好学习HTML的基础知识！
有7位网友表示赞同！
留我一人
作为一名前端开发人员，我可以告诉你，HTML基础的重要性不言而喻。 文章中提到的问题非常现实，希望所有想做网页的人都要重视它！
有15位网友表示赞同！
陌颜幽梦
完全赞同，HTML是网页制作的基础，就像房屋的基石一样，如果没有牢固的基石，房子就无法站立。 希望这篇博文能能让更多人意识到这个问题！
有5位网友表示赞同！
箜明
虽然我之前已经学习了一些HTML知识，但是还是有很多地方不太清楚。看了这篇文章后，我对一些概念有了更深的理解，感谢作者分享！
有5位网友表示赞同！
执念，爱
我觉得文章写的有点过于绝对了，并非所有想做网页的人都需要成为HTML专家，对于一些简单的页面制作，了解基本的网页结构也是足够了。 但是，的确基础知识很重要，至少要明白一些常见的标签和元素是什么意思
有17位网友表示赞同！
一纸愁肠。
这个标题好刺耳啊！难道不是所有的网页都能做得漂亮吗？ 我觉得网页设计应该更注重创意和美感，而不是拘泥于那些所谓的“基础”。
有18位网友表示赞同！
红玫瑰。
作为一个非专业人士，看篇文章还是蛮有帮助的。 让我认识到学习HTML的重要性，打算多花时间去了解一下这方面知识！
有20位网友表示赞同！
醉枫染墨
标题有点偏激啊，网页元素不懂也可以做出来不一样的网页，用新的方式表达创意也是好的选择吧！
有8位网友表示赞同！
秘密
HTML确实很基础，但我觉得网页设计更需要的是创意和审美。 掌握了HTML之后，才能更好地运用CSS和JavaScript来实现自己的想法。
有7位网友表示赞同！
纯情小火鸡
这篇文章真是太棒了！让我深深的认识到学习HTML的重要性。之前我以为自己就随便写点代码就能做个网站，可是看完这篇文章后我才发现，原来要做一个真正好的网页，离不开扎实的HTML基础!
有8位网友表示赞同！
初阳
真的，很多新手都会犯这种错误！ 不把HTML学好，结果页面效果奇怪，定位不清，还浪费时间精力修复！这个博文提醒了我，在前端开发道路上，一定要重视HTML的基础知识学习
有9位网友表示赞同！
将妓就计
我觉得文章说的很有道理，网页元素不懂，就仿佛建筑师没有掌握基础的结构原理一样。想要建造一座美丽的城堡，首先就要有一个牢固的基础呀!
有20位网友表示赞同！
枫无痕
网页制作真是一门综合性的艺术，不仅需要对HTML的理解，还需要掌握设计、交互等方面的知识。我觉得这篇文章只强调了HTML的重要性，而忽略了其他重要元素，这样的分析不够全面。
有16位网友表示赞同！