HTML 编辑器 

HTML 简介

HTML 是超文本标记语言(HyperText Markup Language)的缩写。它是一种用于创建网页结构和内容的标记语言。HTML 使用标签(tag)来定义网页中的各个元素,如标题、段落、链接、图像等。通过使用不同的标签和属性,可以控制网页的布局、样式和交互行为。HTML 是构建万维网的基础技术之一,它与 CSS(层叠样式表)和 JavaScript 一起被广泛用于网页开发。


一个完整的 HTML 文档通常包括以下 4 个部分:

1、文档类型声明:告诉浏览器这是一个 HTML 文档

<!DOCTYPE html>


2、html 标签:这是 HTML 文档的根元素,包含文档的所有内容

<html>  
    ...  
</html>


3、head 标签:包含文档的元数据,如文档的标题、字符编码、CSS 链接、JavaScript 链接等

<head>  
    <title>页面标题 - ItUtil</title>  
    <meta charset="UTF-8">  
    <!-- 其他元数据 -->  
</head>


4、body 标签:包含网页的可见内容,如文本、图片、链接、列表、表格等

<body>  
    <h1>这是一个标题</h1>  
    <p>这是一个段落。</p>  
    <!-- 其他内容 -->  
</body>


完整的代码如下:

<!DOCTYPE html>
<html>
<head>  
    <title>页面标题 - ItUtil</title>  
    <meta charset="UTF-8">  
    <!-- 其他元数据 -->  
</head>
<body>  
    <h1>这是一个标题</h1>  
    <p>这是一个段落。</p>  
    <!-- 其他内容 -->  
</body>
</html>


说明:在浏览器的页面上使用键盘上的 F12 按键开启调试模式,可以看到实现网页的完整代码标签。