HTML 简介

1.什么是HTML**？**

超文本：暂且简单理解为 "超级的文本"，和普通文本比，内容更丰富。

标 记：文本要变成超文本，就需要用到各种标记符号。

语 言：每一个标记的写法、读音、使用规则，组成了一个标记语言。

2.HTML****标签

1. 标签 又称 元素，是HTML的基本组成单位。
2. 标签分为：双标签 与 单标签 （绝大多数都是双标签）。
3. 标签名不区分大小写，但推荐小写，因为小写更规范

4. 双标签:

注：双标签就是<标签名> 标签体 </标签名>
示例代码：<div> 你好帅 </div>

5. 单标签：
示例代码 <input>

6. 标签之间的关系：并列关系、嵌套关系，可以使用 tab 键进行缩进
<div>
<h1> 学习就是坚持 </h1>
</div>

3. HTML****标签属性

1. 用于给标签提供 附加信息 。
2. 可以写在： 起始标签 或 单标签中 ，形式如下：

<marquee bgcolor="red"> 我是一个标准HTML结构 </marquee>
3. 有些特殊的属性，没有属性名，只有属性值，例如：
<input disabled > 在 HTML 中， disabled 是一个布尔属性，用于 禁用表单元素。

4. HTML****基本结构

基本结构:

<html>
<head>
<title>网页标题</title>
</head>
<body>
......
</body>
</html>

5. HTML****注释

快捷键 shift+/

作用：对代码进行解释和说明

写法： <!-- 表格标题 -->

6. HTML****文档声明

1. 作用：告诉浏览器当前网页的版本。
   W3C 推荐使用 HTML 5 的写法。

<!DOCTYPE html>

注意：文档声明，必须在网页的第一行，且在 html 标签的外侧。

7. HTML****字符编码

平时编写代码时，统一采用 UTF-8 编码（最稳妥）。
为了让浏览器在渲染 html 文件时，不犯错误，可以通过 meta 标签配合 charset 属性指
定字符编码。

<head>
<meta charset="UTF-8"/>
</head>

8.HTML****设置语言

主要作用：
让浏览器显示对应的翻译提示。
有利于搜索引擎优化

具体写法：

<html lang="zh-CN">
zh - CN ：中文 - 中国大陆（简体中文）
zh - TW ：中文 - 中国台湾（繁体中文）
zh ：中文

9. HTML****标准结构

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
   <meta charset="UTF-8"/>
   <title> 我是一个标准HTML结构</title> 
  </head>
  <body>
    <marquee bgcolor="red"> 我是一个标准HTML结构 </marquee>
  </body>

</html>

输入 ! ，随后回车即可快速生成标准结构。