HTML的详细介绍_html 详情说明-CSDN博客

本文链接：https://blog.csdn.net/qq_45623923/article/details/106466831

HTML简介

什么是HTML？

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
HTML不是一种编程语言，而是一种标记语言
HTML文档是由标签和文本组成的。
HTML使用标记标签来描述网页。

什么是HTML标签？

HTML 标签是由尖括号包围的关键词
HTML 标签通常是成对出现的
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML文件是怎么运行的？

HTML文件时通过Web浏览器（如谷歌浏览器，Internet，Explorer，Firefox，Safari）读取的，并且显示在网页上
浏览器并不是直接显示HTML标签，但可以使用标签来决定如何把HTML页面内容展示给用户
HTML文档的后缀名 .html 或 .htm 两者没有什么区别，都可以使用

HTML的结构

在这里插入图片描述

<!DOCTYPE html> 声明为 HTML5 文档
<html>元素是HTML页面的根元素</html>
<head>元素相当于头部，包含了文档的元数据</head>
<meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题</title>
<body> 元素相当于主体，包含了可见的页面内容</body>
<h1> 元素定义一个大标题</h1>
<p> 元素定义一个段落</p>

<!DOCTYPE> 声明

声明<!DOCTYPE>是用来告知Web浏览器页面使用了那种HTML版本，有助于浏览器中正确显示网页，现在最常用的就是HTML5，然而声明方式是，并且声明方式不区分大小写的

UTF-8声明编码

对于中文网页需要使用声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为。
目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候需要在头部将字符声明为 UTF-8。

HTML语言特点

html语言编写起来简单方便，都是由一些标签组成，没有什么复杂的语法，人人都学的懂
html语言广泛应用带来了加强功能，增加标识等，采取元素的方式，为系统扩展带来保证
html语言是跨平台的
html语言是网络通用语言，一种简单，通用的全置标记语言

HTML编辑器推荐

可以使用专业的 HTML 编辑器来编辑 HTML，在这为大家推荐几款常见的编辑器
在这里插入图片描述

VS Code:https://code.visualstudio.com/
来自微软的编辑器，被称作披着编辑器外衣的IDE，自带debug模块和git模块，除了涵盖前端开发的各个方面，同时各种后端代码的高亮甚至调制都有相应插件支持，可谓是相当强大，好多公司都在使用。
HBuilder:https://www.dcloud.io/
HBuilder本身是一款功能丰富、集成开发环境、多平台开发的一款易学易用的开发工具，它可以实现emmet、sass、less自动编译，完整的代码提示、自动补全,同时支持边看边改模式Hbuilder最强大的是可以很方便做移动端开发,适合入门小白使用。
SublimeText：http://www.sublimetext.cn/
具有华丽的界面，轻量级，快速启动，丰富的插件，安装方便。右边没有滚动条，取而代之的是代码缩略图，这个功能非常赞，这是一款成名已久的编辑器，各方面中规中矩，不适合小白用。