HTML语法和文档结构 - 极悦
专注Java教育14年 全国咨询/投诉热线:444-1124-454
极悦LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 HTML语法和文档结构

HTML语法和文档结构

更新时间:2021-08-26 12:35:22 来源:极悦 浏览646次

句法

HTML代表超文本标记语言。标记语言围绕内容以告诉浏览器如何对其进行格式化。HTML通过一系列元素来做到这一点。HTML元素由开始标记和结束标记组成,如下所示:

<p>You're Learning HTML!</p>

上面我们可以看到向浏览器p指示段落的元素。开始标记<p>表示段落的开始,结束标记</p>定义段落的结束。如您所见,标签名称被<>尖括号包围。You're Learning HTML!中心的所有内容都是段落的正文。这告诉浏览器在内容“你正在学习 HTML!”之前和之后添加空格。

有一些例外,元素可能只有一个开始标签。我们将在下面的示例中看到其中的一些,例如图像元素,<img>但稍后会详细介绍。

在起始标签内,<p>我们可以放置属性,例如class="intro"(完整的<p class="intro">),帮助我们从 JavaScript 和 CSS 中引用段落元素(稍后会详细介绍)。这些选项只能在开始标签中找到,而不会在结束标签中找到。我们使用键盘空格将元素名称p与属性名称分开class。我们可以attribute="value"使用=等号和"引号将我们的值括起来,为我们的属性设置一个值。

文件结构

所有 HTML 页面都有一个标准化的文档结构:

<html>
  <head>
    <!-- Meta data for the browser and search engines -->
  </head>
  <body>
    <!-- Visible content area -->
  </body>
</html>

该<html>标签包装了所有内容,并告诉浏览器开始和结束<html>...<html>标签之间的所有内容都将被解释为 HTML 代码。嵌套在里面<html>...<html>,我们有<head>...<head>和<body>...<body>。在head包含了浏览器和搜索引擎(如页面,链接到其他样式表和脚本,meta关键字和描述,其中包括标题)的数据。此内容不是我们网站的访问者会直接看到的内容。

相比之下,body包含用户在访问网页时看到的所有可见内容。这包括标题、段落和图像、链接、视频、音频播放器、地图、表单等文本。

文档类型

处理文档结构的一个特殊元素是<!DOCTYPE>标签。

<!DOCTYPE html>
<html>
  <head>...</head>
  <body>...</body>
</html>

Doctype 告诉浏览器它应该将文档解释为的 HTML 版本。在 HTML5 的情况下,您只需声明<!DOCTYPE html>.

概括

HTML 元素包装我们的内容,告诉浏览器我们希望如何显示内容。

HTML 元素被编写为<start-tag>content</end-tag>.

HTML 属性可以添加到开始标记<start-tag attribute="value">。

HTML 的基本文档结构是<html><head>...</head><body>...</body></html>。

以上就是极悦小编介绍的"HTML语法和文档结构",希望对大家有帮助,想了解更多可查看HTML教程。极悦在线学习教程,针对没有任何Java基础的读者学习,让你从入门到精通,主要介绍了一些Java基础的核心知识,让同学们更好更方便的学习和了解Java编程,感兴趣的同学可以关注一下。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>