html入门教程(初学者) -HTML标签 - 书目录

html入门教程(初学者) -HTML标签

HTML标签

<!DOCTYPE html>
<html>
<head>
	<title>Fruit</title>
</head>
<body>
	<h1>Favorite Fruit</h1>
	<p>I like bananas!</p>
	
</body>
</html>

关于HTML标记

上面的代码是一个基本网页的例子。它包含由HTML标记包围的文本。HTML标签定义了哪些HTML元素出现在页面上。

您构建的任何网页几乎肯定会以上述HTML元素开头。然后,您可以根据需要添加更多元素 – 例如图像,表单,表格等。

我们将在本教程中添加更多HTML标签。

如果您想知道,HTML代表超文本标记语言 – 它是描述网页结构和含义的语言。

使用HTML标签

HTML元素通常由开始和结束标记组成。结束标记与开始标记相同,但在标记名称前插入正斜杠。所以一个段落的开始标签看起来像这样<p>,它的结束标签看起来像这样</p>。任何内容都会插入到开始标签和结束标签之间。

喜欢这个:

<p>Content goes here...</p>

您可能已经注意到浏览器不显示实际的标签。但这并不意味着它忽略了标签。浏览器解释标签以确定向用户显示的内容。因此<h1>,例如,当它看到文本被标签包围时,它知道将该文本显示为一级标题。如果它看到<p>标签,它会显示一个段落。喜欢这个:

<h1>Heading</h1>
<p>Paragraph...</p>

一些HTML元素只有一个开始标签。这些被称为无效元素。例如,换行符元素是一个void元素。正如你在这里看到的那样,它没有结束标签:

<p>Text before<br>Text after</p>

结束标记不允许在void元素上 – 它们只能有一个开始标记。

但是,在某些情况下,可以省略一些(非空)元素的开始和/或结束标记。但是这是可选的。围绕这个规则的规则相当复杂,取决于所涉及的标签,因此除非您知道自己在做什么,否则使用开始和结束标签通常更安全。

示例Web页面解释

如果您有兴趣,请参阅顶部示例网页上的HTML标签说明。别担心,现在不需要记住所有这些 – 你以后总能回来。

<!DOCTYPE>
代表文档类型。只能在页面顶部显示一次(在任何HTML标记之前)。所有HTML5文档都应该<!doctype html>位于页面的顶部。严格地说,<!DOCTYPE>不是一个元素 – 它只是一个必需的序言。
<html>
代表HTML文档的根。它是包含所有其他HTML元素的容器。因此,它必须是第一位的(除了<!DOCTYPE>位于开始HTML元素之前的位置)。
<head>
代表HTML文档的“头部”。它包含元数据内容(即设置文档其余部分的表现或行为的内容)的集合,如文档标题,元描述,样式表,脚本等。
<title>
表示HTML文档的标题或名称。该<title>元素的内容通常显示在浏览器的标题栏。它也经常显示在上下文之外,例如在浏览器书签和搜索结果中。出于这个原因,<title>应该使用标签来提供标识该文档的标题,即使该标题脱离了上下文。
<body>
该元素用于声明HTML文档的主要内容部分。大多数网页内容都插入在开始和结束<body>标签之间。
<h1>
代表1级标题。这是所有HTML标题的最高级别。标题范围从<h1>(最高排名)到<h6>(最低排名)。
<p>
代表一段。要添加新的段落,只需在新的一组<p>标签中插入新段落即可。
133664

 

英语原文:http://www.html.am/html-tutorial/html-tags.cfm