3.1 html标签
如果您正在阅读本文,则假定您将来会成为一名 Java 开发人员,或者说是一名全栈 Java 开发人员。您几乎不会编写 HTML 文档,但您必须经常阅读它们。世界就是这样运作的,所以你必须弄清楚 HTML 文档是如何排列的。
任何 HTML 文档的开头是什么?每个 HTML 文档都有一个由三个嵌套标签组成的结构:html
,head
和body
。这是标准示例:
<!DOCTYPE html>
<html>
<head>
Service tags
</head>
<body>
Main document
</body>
</html>
浏览器显示的所有内容都在一对标签body
(文档主体)内。标签内head
是带有浏览器服务/辅助信息的标签。
在文档的开头写文档类型也是习惯的(可选的)——DOCTYPE
以便解析器更好地理解如何解释错误。许多浏览器都能够正确显示损坏的文档。
或者,相反XHTML = XML+HTML
,有一个标准,其中有比通常的标准更严格的规则HTML
。但是当您决定编写自己的浏览器或至少是您自己的HTML-parser
.
3.2 头部标签
在标签内部,head
通常位于以下标签:title
, meta
, style
, ...
该标记<title>
指定在浏览器选项卡中显示的文档的名称。
![](https://cdn.codegym.cc/images/article/be78152f-6689-4c01-afee-ef440b633f9c/256.jpeg)
该标签<meta>
用于设置各种服务信息。例如,您可以帮助浏览器理解 HTML 文档的编码(如果您还记得的话,它包含纯文本)。
<html>
<head>
<title> Escape character</title>
<meta charset="utf-8" />
</head>
<body>
</body>
</html>
3.3 body、p、b标签
该标签<body>
包含将由浏览器显示的所有 html 文本。用于显示文档的最简单的标签是:<h1>
, <p>
, <b>
,<br>
<h1>
- 这是一对标签,它允许您设置页面/文章的标题。如果你的文章很长,你需要副标题,那么你可以使用这种情况下的标签<h2>
,<h3>
依此类推直到<h6>
例子:
<body>
<h1>Cats</h1>
<h2> Description of cats</h2>
detailed description of cats
<h2> Origin of cats</h2>
Information about the origin of cats.
<h2> Cat paws</h2>
Huge article about the paws of cats
</body>
如果您的文章很大,并且您想通过将其分成段落来使其更易于阅读,那么您将需要一个 pair 标签 <p>
(来自段落一词)。只需将文本包裹在标签中<p>
,</p>
浏览器就会将其显示为单独的段落。
注意力!浏览器将忽略文本中的换行符和/或额外空格。如果要添加换行符,则将单个标记<br>
(从换行符开始)插入文本。
好吧,最好的部分是用粗体突出显示文本。如果你想让文本加粗,把它包在标签里<b>
</b>
(来自b old)。
GO TO FULL VERSION