HTML 介绍

援用

最全面的前端笔记来啦,蕴含了入门到入行的笔记,还反对实时成果预览。小伙伴们不须要在花工夫去写笔记,或者是去网上找笔记了。面试高频发问和你想要的笔记都帮你写好了。反对挪动端和PC端浏览,深色和浅色模式。

原文链接:https://note.noxussj.top/

::: warning 留神
HTML 的根底构造必须要把握
:::

什么是 HTML ?

超文本标记语言(英语:HyperText Markup Language ,简称:HTML )是一种用于创立网页的规范标记语言。
您能够应用 HTML 来建设本人的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

超文本

超过一般文本的个性,不仅是文字,还能够有图片、图形、表格、动画、音频、视频、链接、程序等非文本信息。

标记语言

将上述超文本的信息组合起来进行展现(蕴含构造和数据)的一种语言。

HTML 根底构造

  • html 标签:根节点标签
  • head 标签:头部标签,次要寄存网站的根本形容信息
  • body 标签:注释标签,次要寄存网页显示的内容
<html>    <head>        <title>我是网站题目</title>        <style></style>    </head>    <body>        <h1>我是注释内容</h1>        <script></script>    </body></html>

标签

标签是 HTML 的外围局部。

个性

  • 标签由两个尖括号蕴含起来的关键字,例如 <html>
  • 标签个别都是成对的呈现,开始标签和完结标签,例如 <html> </html>
  • 也有一些标签是单标签,例如 <br /> <img />
  • 浏览器渲染的时候不会单纯的显示该标签,而是解析该标签后转换成另外一种模式进行展现

分类

类型布局形式尺寸嵌套案例
块元素独占一行可设置宽高可嵌套任何元素display: block
display: flex
行内元素占用的地位由内容决定宽度高度由内容决定倡议只嵌套行内元素display: inline
行内块元素占用的地位由内容决定宽度高度由内容决定可嵌套任何元素display: inline-block
display: inline-flex