HTML 介绍

注意

HTML 的基础结构必须要掌握

什么是 HTML ？

超文本标记语言（英语：HyperText Markup Language ，简称：HTML ）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

超文本

超越普通文本的特性，不仅是文字，还可以有图片、图形、表格、动画、音频、视频、链接、程序等非文本信息。

标记语言

将上述超文本的信息组合起来进行展示（包含结构和数据）的一种语言。

HTML 基础结构

html 标签：根节点标签
head 标签：头部标签，主要存放网站的基本描述信息
body 标签：正文标签，主要存放网页显示的内容

html

<html>
    <head>
        <title>我是网站标题</title>
        <style></style>
    </head>
    <body>
        <h1>我是正文内容</h1>
        <script></script>
    </body>
</html>

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

分类

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

HTML 介绍 ​

什么是 HTML ？ ​

超文本 ​

标记语言 ​

HTML 基础结构 ​

标签 ​

特性 ​

分类 ​

HTML 介绍

什么是 HTML ？

超文本

标记语言

HTML 基础结构

标签

特性

分类