HTML基础

什么是HTML

HTML 是用来描述网页的一种语言。

• HTML 指的是超文本标记语言: HyperText Markup Language
• HTML 不是一种编程语言，而是一种标记语言
  标记语言是标签
• HTML 使用标记标签来描述网页
  HTML 文档包含了HTML 标签及文本内容
• HTML文档也叫做 web 页面

HTML标签

HTML 标签 (HTML tag)
HTML 标签通常是成对出现的
<标签> </标签>
第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

中文编码

直接输出会出现乱码的情况，这时我们需要在头部将字符声明为 UTF-8 或 GBK。

HTML元素

1. HTML标题

<h1>这是一级标题</h1>
<h6>这是六级标题</h6>

2. HTML段落

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

3. HTML链接

<a href="https://www.runoob.com">这是一个链接</a>

4. HTML图像

<img loading="lazy" src="/images/logo.png" width="258" height="39" />

开始标签	元素	结束标签
< p>	这是一个段落	</ p>
< a href=“default.htm”>	这是一个链接	< /a>
< br>	换行

• HTML元素语法
  HTML 元素以开始标签起始，以结束标签终止
  元素的内容是开始标签与结束标签之间的内容
  某些 HTML 元素具有空内容
  空元素在开始标签中进行关闭（以开始标签的结束而结束）
  大多数 HTML 元素可拥有属性
• 嵌套的 HTML 元素
  大多数 HTML 元素可以嵌套（HTML 元素可以包含其他 HTML 元素）。
  HTML 文档由相互嵌套的 HTML 元素构成。

不要忘记结束标签
即使忘记了使用结束标签，大多数浏览器也会正确地显示 HTML

HTML 空元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

< br> 就是没有关闭标签的空元素（< br> 标签定义换行）。

在 XHTML、XML 版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 < br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 < br> 在所有浏览器中都是有效的，但使用 < br /> 其实是更长远的保障。

HTML 提示：使用小写标签

HTML 标签对大小写不敏感：< P> 等同于 < p>。许多网站都使用大写的 HTML 标签。
因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写