Skip to content

Commit

Permalink
zh-cn: Update learn html (#23486)
Browse files Browse the repository at this point in the history
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: A1lo <[email protected]>
  • Loading branch information
3 people authored Sep 14, 2024
1 parent 016bf4b commit d3c40f5
Showing 1 changed file with 19 additions and 17 deletions.
36 changes: 19 additions & 17 deletions files/zh-cn/learn/html/index.md
Original file line number Diff line number Diff line change
@@ -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 参考文档的主要入口,包括详细的元素和属性参考——如果你想了解一个元素有什么属性或者一个属性有什么值,这是个很好的去处

0 comments on commit d3c40f5

Please sign in to comment.