HTML 简介

小灰灰 2023-10-18 11:09 101阅读 0赞

#### 什么是 HTML ####

*  HTML 指的是超文本标记语言: **H**yper**T**ext **M**arkup **L**anguage；
 *  HTML 不是一种编程语言，而是一种 [标记语言][Link 1]（markup language）；
 *  标记语言是一套标记标签 (markup tag)；
 *  HTML 使用标记标签来描述网页；
 *  HTML 文档包含了 HTML 标签及文本内容；
 *  HTML文档也叫做 web 页面。

#### HTML 标签 ####

> HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

*  HTML 标签是由尖括号「<>」包围的关键词，比如 `<html>`；
 *  HTML 标签通常是成对出现的，比如 `<head>` 和 `</head>`；
 *  标签对中的第一个标签是开始标签（开放标签），第二个标签是结束标签（闭合标签）。

> 格式：<标签>内容</标签>

#### HTML 元素 ####

和 HTML 标签类似，但是严格来说：**一个 HTML 元素包含了开始标签与结束标签**，如下所示：

> This is a paragraph.

**HTML 元素语法**

*  HTML 元素以开始标签起始；
 *  HTML 元素以结束标签终止；
 *  元素的内容是开始标签与结束标签之间的内容；
 *  某些 HTML 元素具有空内容（empty content）；
 *  空元素在开始标签中进行关闭（以开始标签的结束而结束）
 *  大多数 HTML 元素可拥有属性。

#### 实例 ####

代码：

<!DOCTYPE html>
    <html>
    <head>
    
    <meta charset="UTF-8">
    <title>页面标题</title>
    </head>
    <body>
     
    <h1>This is a headline.</h1>
     
    <p>This is a paragraph.</p>
     
    </body>
    </html>

效果：

页面标题

## This is a headline. ##

This is a paragraph.

#### 推荐编辑器 ####

> 这里说的是非专业 HTML 编辑器。

Notepad++：[https://notepad-plus-plus.org/][https_notepad-plus-plus.org] ；  
Sublime Text 3：[http://www.sublimetext.com/][http_www.sublimetext.com] ；  
VS Code：[https://code.visualstudio.com/][https_code.visualstudio.com] 。

[Link 1]: https://baike.baidu.com/item/%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80/5964436?fr=aladdin
[https_notepad-plus-plus.org]: https://notepad-plus-plus.org/
[http_www.sublimetext.com]: http://www.sublimetext.com/
[https_code.visualstudio.com]: https://code.visualstudio.com/