HTML基础知识点

IT自律委员会会长

已于 2024-10-07 20:17:54 修改

阅读量37

点赞数

文章标签： html 前端

于 2023-07-23 16:06:42 首次发布

本文链接：https://blog.csdn.net/Ypraise/article/details/131880166

版权

一、什么是HTML？

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

二、HTML基本框架

（1）<!DOCTYPE>标签：<!DOCTYPE>标签位于文档的最前面,用于向浏览器说明当前文档使用的 HTML 版本,不可省略。HTML5中使用<!DOCTYPE html>声明，该声明方式适用于所有版本的HTML。

（2）<html>标签：<html>标签标志着 HTML 文档的开始，</html>标签标志着 HTML文档的结束，在它们之间的是文档的头部和主体内容。我们还可以给<html>标签设置 lang属性，用来规定元素内容的语言，“en”表示英文网站,“zh-CN”表示中文网站。

（3）<head>标签：<head>标签用于定义 HTML 文档的头部信息，主要用来封装其他位于文档头部的标签，如<title>、<meta>、<link>及<style>等，用来描述文档的标题、作者以及和其他文档的关系等。一个HTML 文档只能含有一对<head>标签，绝大多数文档头部包含的数据不会作为内容显示在页面中。

（4）<body>标签：<body>标签用于定义HTML 文档所要呈现的内容。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标签内。一个HTML文档只能含有一对<body>标签，且<body>标签必须在<htm标签内位于<head>头部标签之后，与<head>头部标签是并列关系。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <h1>1级标题</h1>
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>
    <h5>5级标题</h5>
    <h6>6级标题</h6>
</body>
</html>

head之间的主要标签：

标签	描述
<head>	定义了文档的信息
<title>	定义了文档的标题
<link>	定义了一个文档和外部资源之间的关系
<meta>	定义了HTML文档中的元数据
<script>	定义了客户端的脚本文件
<style>	定义了HTML文档的样式文件