HTML的知识架构,神级前端进阶笔记

17 阅读2分钟

标签的语义:在合适的地方给个最合理的标签可以让页面结构更加清晰。

常用标签

====

标题标签

-

段落标签

换行标签
强制换行

文字标签(对文字的加粗和倾斜):

加粗 or

倾斜 or

删除线 or

下划线 or

div标签—— div标签用来布局但一行只能放一个div

span标签——span标签用来布局一行可以放多个盒子

图像标签

当需要给网页添加图片或者其他链接时,我们还需要了解路径

路径又分为相对路径、绝对路径

相对路径:以引用文件所在位置为参考基础 而建立的目录文件

绝对路径: 是 指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的 路径。

(相对路径的使用)

表格标签主要作用不是用来布局而是用来展示数据的数据。

列表标签可以使页面布局更清晰有条理

  • 无序列表:ul>li  里面只能包含li 没有顺序 使用较多 

  • 有序列表:ol>li 里面只能包含li 有顺序 使用相对较少

  • 自定义列表:dl>dt+dd 里面只能包含dt与dd

表单标签目的是为了收集用户相关信息

表单标签中 input中的type属性普通按钮和文件域

一些表单标签的使用:

小结:

以上就是HTML的大致框架内容。简单来说HTML相对于是网页中的一个骨架,当想让网页更具有美感的话我们还需要继续往下学习CSS、JS。

最后

❤️ 谢谢支持,喜欢的话别忘了 关注、点赞哦。

前端校招面试题精编解析大全 开源分享:docs.qq.com/doc/DSmRnRG…