HTML 基本语法

1 文档类型声明

在 HTML 文档的头部，我们需要进行文档类型声明，这个声明的目的是让浏览器使用标准模式渲染页面，避免使用怪异模式。

写法一：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

写法二：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

写法三

<!DOCTYPE HTML>

2 HTML 标签

标签也称为元素，是 HTML 中最基本单位,也是最重要组成部分。
通常要用两个角括号括起来:<和>
标签都是闭合的（两种形式：成对与不成对）
双标签（成对）: <标签名>内容</标签名> 如：<table></table> 即分起始和结束
单标签（不成对）: <标签名 />; 如： <br/>、<hr/>
标签是大小写无关的,<body>;跟<BODY>表示意思是一样的，标准推荐使用小写，这样符合XHTML标准。
对于HTML标签来讲，最重要的是语义。

2 HTML 标签属性

HTML属性一般都出现在HTML的开始标签中, 是HTML标签的一部分。
标签可以有属性,它包含了额外的信息.属性的值一定要在双引号中。
标签可以拥有多个属性。
属性由属性名和值成对出现。

语法格式如下：

<标签名 属性名1="属性值" 属性名2="属性值" ... 属性名N="属性值">
    内容...
</标签名>

3 如何掌握一个 HTML 标签

要掌握一个 HTML 标签，我们需要记住以下几点：

① 标签的语义、功能。

② 该标签有哪些属性以及属性的值如何设置。

③ 该标签是单标签还是双标签。

4 HTML代码格式

任何回车或空格在源代码中都是不起作用，所以在编写HTML代码时，都可以使用回车或者空格进行代码排版，这样可以使代码清晰，也便于团队合作。必须保持严格的缩进规则，以Tab键为准。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站</title>
</head>
<body>
    <div class="container">
        <div class="header">
            <div class="logo"></div>
            <div class="nav"></div>
        </div>
        <div class="main"></div>
    </div>
</body>
</html>

5 HTML 注释

<!-- 注释内容 -->
<!--
    这里全是注释
    都是注释
-->

2. HTML 基本语法