元素是 HTML 的基础。HTML 文档只是一个由 HTML 元素组成的文本文件。这些元素是使用 HTML 标记定义的。
元素是 HTML 文档的单个组件。任何给定的网页都由许多 HTML 元素组成。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
HTML 标签会告诉您的浏览器要呈现哪些元素以及如何呈现这些元素。元素的显示位置由标记的显示顺序确定。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
HTML 由 100 多个标签组成。不过，不要让这让你失望 - 你可能会发现，大多数时候，你只在网页上使用少数标签。话虽如此，我强烈建议您最终学习所有HTML标签 - 但我们稍后会谈到这一点。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
好的，让我们更仔细地看一下我们在上一课中创建的示例。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
<!DOCTYPE html> <html> <head> <title>HTML Tutorial Example</title> </head> <body> <h1>My First Website</h1> <p>Less than 5 minutes into this HTML tutorial and I've already created my first homepage!</p> </body> </html>
以上代码说明：文章源自你的网络首码项目网-https://www.youranweb.com/35.html
- 该
！文档类型...声明告诉浏览器文档正在使用哪个版本的 HTML。 html元素是文档的根元素 - 它可以被认为是一个容器，所有其他标签都位于其中（除了 ！文档类型声明）。title标记包含通常在浏览器中无法查看的信息（例如元标记、JavaScript 和 CSS），尽管title标记是一个例外。标记的内容显示在浏览器的标题栏中（位于浏览器的最顶部）。titlebody标记是内容的主要区域。这是大多数代码（和可查看元素）将转到的位置。h1标记定义 1 级标题。p标记定义段落。它包含正文文本。
关闭标签
如上一课所述，您会注意到所有这些 HTML 元素都有开始标记和结束标记，并且元素的内容位于它们之间。此规则有一些例外。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
您还会注意到，结束标记与开始标记略有不同 — 结束标记在 后包含一个正斜杠 （）。这告诉浏览器此标记将关闭前一个标记。/<文章源自你的网络首码项目网-https://www.youranweb.com/35.html
缩进和回车符
如果您愿意，可以缩进代码并添加额外的回车符。这有助于提高可读性，并且不会影响页面在浏览器中的显示方式。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
事实上，代码缩进是计算机编程界的普遍做法，大多数HTML编辑器会在您键入时自动为您缩进代码。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
例如，我们可以采用上面的例子，并像下面的例子一样缩进它，它在浏览器中仍然会显示相同的内容。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
<!DOCTYPE html>
<html>
<head>
<title>HTML Tutorial Example</title>
</head>
<body>
<h1>My First Website</h1>
<p>Less than 5 minutes into this HTML tutorial and
I've already created my first homepage!</p>
</body>
</html>大写还是小写？
在编写 HTML 代码时，您可以使用大写或小写，但是，大多数开发人员都使用小写。这有助于提高代码的可读性，并且还可以使您不必在大写和小写之间不断切换。小写也有助于保持代码 XML 兼容（如果您使用的是 XHTML），但这是另一个主题。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
因此。。。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
- 好：
head - 还行：
HEAD
可选标签
在某些情况下，上述某些标记是可选的。特别是，html，head和body标签都可以省略。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
因此，将上述示例更改为以下内容是完全有效的：文章源自你的网络首码项目网-https://www.youranweb.com/35.html
<!DOCTYPE html> <title>HTML Tutorial Example</title> <h1>My First Website</h1> <p>Less than 5 minutes into this HTML tutorial and I've already created my first homepage!</p>
但是，有一些非常具体的规则，当你可以和不能这样做。例如，如果 html 开始标记后面没有紧跟注释，则可以省略该标记，这同样适用于其结束标记。并且，仅当元素为空，或者元素内的第一件事是元素时，才能省略 head 元素的开始标记。并且仅当元素后面没有紧跟空格字符或注释时，才能省略其结束标记。body 元素也有自己用于省略标记的特定规则。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
如果您有兴趣了解可以省略哪些标签，请查看 HTML 规范，了解您要省略的特定标签的规则。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
如果您不确定是否可以省略标记，只需包含所有标记（如第一个示例中所示）。文章源自你的网络首码项目网-https://www.youranweb.com/35.html
在下一课中，我们将了解一些更常见的格式设置标记。文章源自你的网络首码项目网-https://www.youranweb.com/35.html 文章源自你的网络首码项目网-https://www.youranweb.com/35.html
评论