From d3c40f51d3bffdcde594fadbcf0bad11f88c8c30 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sat, 14 Sep 2024 10:01:24 +0800 Subject: [PATCH] zh-cn: Update learn html (#23486) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: A1lo --- files/zh-cn/learn/html/index.md | 36 +++++++++++++++++---------------- 1 file changed, 19 insertions(+), 17 deletions(-) diff --git a/files/zh-cn/learn/html/index.md b/files/zh-cn/learn/html/index.md index 56cf6e76a7ff29..95e4965614ffc7 100644 --- a/files/zh-cn/learn/html/index.md +++ b/files/zh-cn/learn/html/index.md @@ -1,41 +1,43 @@ --- -title: 使用 HTML 组织网站内容 +title: 使用 HTML 构建 Web slug: Learn/HTML +l10n: + sourceCommit: 26e2f9883e0e73def04c0e86fec6da3ec42e66b3 --- {{LearnSidebar}} -为了创建一个网站，你需要了解 {{Glossary('HTML')}}——一项用于定义网页结构的基本技术。HTML 用于标识你的网页内容是应该被解析为段落、列表、头部、链接、图像、多媒体播放器、表单或是其他众多可用的元素之一，亦或是你定义的新元素。 +构建网站时，你应该了解 {{Glossary('HTML')}}——用于定义网页结构的基本技术。HTML 用于指定你的网页内容应被识别为段落、列表、标题、链接、图像、多媒体播放器、表单或是其他可用元素之一，甚至是你定义的新元素。 -## 须知 +## 前提 -在开始这个主题的学习之前，你至少要基本熟悉使用电脑和被动地使用网络（即单纯地查看内容）。你应该设置好一个基础的工作环境，详细参照[安装基础软件](/zh-CN/docs/Learn/Getting_started_with_the_web/Installing_basic_software)，并且理解如何新建和管理文件，详细参照[文件处理](/zh-CN/docs/Learn/Getting_started_with_the_web/Dealing_with_files)——这两者都在 [web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)的零基础模块里。 +在开始本主题之前，你应该至少熟悉如何使用电脑，如何被动地使用 Web（例如，只是浏览和消费内容）。你应该按照[安装基本软件](/zh-CN/docs/Learn/Getting_started_with_the_web/Installing_basic_software)中的详细内容搭建基本的工作环境，以及按照[处理文件](/zh-CN/docs/Learn/Getting_started_with_the_web/Dealing_with_files)中的内容理解如何创建和管理文件——这两个都是 [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)纯新手模块的一部分。 -在尝试学习这个主题之前，建议先完成 [web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)主题，不过这并不是必要的。[HTML 基础](/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics)里大多数的文章在 [HTML 介绍](/zh-CN/docs/Learn/HTML/Introduction_to_HTML)中也有涉及，不过要详细得多。 +在开始本主题之前，还是建议你先学习 [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)。不过，这并不是绝对必要的；[HTML 基础](/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics)这篇文章中涉及的大部分内容在 [HTML 简介](/zh-CN/docs/Learn/HTML/Introduction_to_HTML)模块中也有所涉及，而且更详细。 -在学习了 HTML 之后，你就可以继续学习其他进阶主题了，例如： +学习 HTML 后，你可以继续学习更高级的主题，例如： -- [CSS](/zh-CN/docs/Learn/CSS)，以及如何用它装饰 HTML (例如：更改你的文本字号和字体，添加边框和阴影，将你的页面设计成多栏布局，添加动画和其他视觉效果。) -- [JavaScript](/zh-CN/docs/Learn/JavaScript)，以及如何用它为网页添加动态功能（例如：找到并在地图上绘制出你的地址，触发按钮时让 UI 元素显示或消失，将用户的数据本地储存在他们的电脑里等等。） +- [CSS](/zh-CN/docs/Learn/CSS)，以及如何使用它为 HTML 添加样式（例如，更改文本大小和使用的字体、添加边框和阴影、使用多列布局页面，添加动画和其他视觉效果）。 +- [JavaScript](/zh-CN/docs/Learn/JavaScript)，以及如何使用它为 Web 页面添加动态功能（例如，查找你的位置并在地图上标记、切换按钮时让 UI 元素出现/消失、在用户的电脑上本地保存用户数据，等等）。 ## 模块 -这个主题由包含以下模块，建议从第一个开始，按顺序进行学习。 +本主题包含以下模块，建议按顺序学习。你应该从第一个模块开始。 -- [HTML 介绍](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) - - : 这一模块将为你铺路，帮你习惯一些重要的概念和语法，着眼于如何对文本应用 HTML，创造超链接，以及使用 HTML 构造一个网页。 +- [HTML 简介](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) + - : 这个模块为学习 HTML 奠定了基础，让你熟悉重要的概念和语法，了解如何在文本中应用 HTML，如何创建超链接以及如何使用 HTML 构建网页结构。 - [多媒体和嵌入](/zh-CN/docs/Learn/HTML/Multimedia_and_embedding) - - : 这个模块带你探索如何使用 HTML 在你的网页里如何包含多媒体信息，例如用各种方法包含图片，以及嵌入视频、音频，甚至是嵌入其他完整的网页。 + - : 这个模块探讨如何使用 HTML 在网页中包含多媒体内容，包括：包含图像的不同方式，以及如何嵌入视频、音频，甚至整个其他网页。 - [HTML 表格](/zh-CN/docs/Learn/HTML/Tables) - - : 在网页上用易于理解和{{glossary("Accessibility", "无障碍")}}的方式来表示表格数据是一项挑战。这个模块包括了基本的表格标记及更多复杂的特性，例如实现标题和总结。 + - : 在网页上以易于理解、{{glossary("Accessibility", "无障碍")}}的方式表示表格数据可能是个挑战。这个模块涵盖基本的表格标记，以及更复杂的特性（诸如实现标题和摘要）。 ## 解决常见的 HTML 问题 -[使用 HTML 解决常见问题](/zh-CN/docs/Learn/HTML/Howto)提供了一系列在创建网页过程中可能遇到的常见问题的解决方案：处理标题，添加图片或视频，强调内容，创建一个基础表单等等。 +[使用 HTML 解决常见问题](/zh-CN/docs/Learn/HTML/Howto)提供了用于解释如何使用 HTML 解决创建网页时非常常见的问题的内容的链接：处理标题、添加图像或视频、强调内容、创建基本表单，等等。 ## 参见 -- [web 表单](/zh-CN/docs/Learn/Forms) - - : 本模块提供了一系列文章以助你掌握 web 表单的要领。web 表单是一种非常强大的用户交互工具--其最常见的应用是收集用户的数据，或允许他们控制用户界面。然而，由于历史和技术原因，想要充分发挥他们的潜能并不是一件易事。本模块将介绍 web 表单的所有基本要素，包括标记其 HTML 结构、表单控件的样式、验证表单数据以及向服务器提交数据。 +- [Web 表单](/zh-CN/docs/Learn/Forms) + - : 这个模块提供的系列文章意在帮助你掌握 Web 表单的基本知识。Web 表单是用于和用户交互的强大工具——其常用于收集用户数据和控制用户界面。然而，由于历史和技术原因，如何发挥 Web 表单的全部潜力并不总是显而易见的。我们将涵盖 Web 表单的全部基本内容，包括：标记表单的 HTML 结构、为表单控件添加样式、验证表单数据，以及向服务器提交数据。 - [MDN 上的 HTML（超文本标记语言）](/zh-CN/docs/Web/HTML) - - : MDN 上 HTML 相关参考文档的主入口，涵盖了详细的元素和属性参考——比如说如果你想知道一个元素有什么属性或者一个属性有什么值，此页面是一个查询它们的好地方。 + - : 这是 MDN 上 HTML 参考文档的主要入口，包括详细的元素和属性参考——如果你想了解一个元素有什么属性或者一个属性有什么值，这是个很好的去处。