“HTML 教程”的版本间差异

2022年8月25日 (四) 11:37的最新版本

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。浏览器可以读取HTML文件，并将其渲染成可视化网页。

HTML 实例

“尝试一下”可以打开在线编辑器，然后编辑 HTML 代码并查看结果：

示例

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>浏览器标签栏Tab显示标题</title>
</head>
<body>

<h1>大标题</h1>
<p>这里是一个段落文本</p>

</body>
</html>

HTML 文件后缀

后缀为.html,.htm 。你可以讲上面的实例保存为test.html然后记事本打开将内容贴进去，然后再右键使用浏览器打开。即可看见效果。

示例解释

声明定义<!DOCTYPE html>文档是 HTML5 文档
<html>元素是 HTML 页面的根元素
<head>元素包含有关 HTML 页面的元信息
<title>元素指定 HTML 页面的标题（显示在浏览器的标题栏或页面的选项卡中）
元素定义了文档的<body>正文，是所有可见内容的容器，例如标题、段落、图像、超链接、表格、列表等。
该<h1>元素定义了一个大标题
<p> 元素定义了一个段落

HTML 元素

HTML 元素由开始标签、内容和结束标签组成：

<标签名> 内容在这里... </标签名>

一些 HTML 标签不需要内容（如 <br> 换行标签）。这些元素称为空元素。空元素没有结束标签！

HTML页面结构

<html>

<head>

</head>

<body>

<h1>这是一个标题</h1>

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

<p>这是另一段。</p>

</body>

</html>

@@ 第1行： / 第1行： @@
-超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
+[[Category:HTML教程|1]]
-您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
+超文本标记语言（英语：'''H'''yperText '''M'''arkup '''L'''anguage，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。浏览器可以读取HTML文件，并将其渲染成可视化网页。
-在本教程中，您将学习如何使用 HTML 来创建站点。
-HTML 很容易学习！相信您能很快学会它！
 == HTML 实例 ==
+“尝试一下”可以打开在线编辑器，然后编辑 HTML 代码并查看结果：
+<sample title="" desc="" hererun="s1">
+<!DOCTYPE html>
+<html>
+<meta charset="utf-8">
+<head>
+<title>浏览器标签栏Tab显示标题</title>
+</head>
+<body>
-本教程包含了数百个 HTML 实例。
+<h1>大标题</h1>
+<p>这里是一个段落文本</p>
-使用本站的编辑器，您可以轻松实现在线修改 HTML，并查看实例运行结果。
+</body>
+</html>
+</sample>
-<blockquote>
+=== HTML 文件后缀 ===
-注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
+后缀为'''.html''','''.htm''' 。你可以讲上面的实例保存为test.html然后记事本打开将内容贴进去，然后再右键使用浏览器打开。即可看见效果。
-</blockquote>
+=== 示例解释 ===
+* <nowiki>声明定义<!DOCTYPE html>文档是 HTML5 文档</nowiki>
+* <nowiki><html>元素是 HTML 页面的根元素</nowiki>
+* <nowiki><head>元素包含有关 HTML 页面的元信息</nowiki>
+* <nowiki><title>元素指定 HTML 页面的标题（显示在浏览器的标题栏或页面的选项卡中）</nowiki>
+* <nowiki>元素定义了文档的<body>正文，是所有可见内容的容器，例如标题、段落、图像、超链接、表格、列表等。</nowiki>
+* <nowiki>该<h1>元素定义了一个大标题</nowiki>
+* <nowiki><p> 元素定义了一个段落</nowiki>
+{{HTML元素基本知识}}
+{{HTML页面基本结构}}