MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

翻译正在进行中。

为了创建网站,你应该了解HTML — 用来定义一个网页的结构最常用的基本技术。HTML用来详细说明你的网页内容是应该被理解为段落、列表、头部、链接、图像、多媒体播放器、表单或是其他众多可用的元素当中的一个亦或是你定义的新元素。

学习路径

通常来说你的学习旅途应该从学HTML开始,先阅读HTML介绍 — (Introduction to HTML)。此后你便能够继续学习更多高级的主题,例如:

  • HTML5 APIs
  • CSS, 如何运用CSS装饰HTML(例如:更改你的文本字号和使用的字体,添加边框和阴影,将你的页面设计成多栏布局,添加动画和其他视觉效果。)
  • JavaScript,如何使用JavaScript为网页添加动态的函数功能(例如:找到你的地址并且在地图上绘制出来,当你触发按钮就让UI元素显示或消失,将用户的数据本地储存在他们的电脑里,以及更多的函数功能。)

在开始这个主题的学习之前,你至少要对电脑和WEB的使用有基本的熟练程度(例如:看到它能理解内容)。

这两个都是 开始Web的学习 — (Getting started with the web) 里完全的新手模块内容。

建议在尝试这个主题的学习之前先完成开始Web的学习 — (Getting started with the web) 的学习,然而这个建议并不是绝对必须的。HTML基础 — (HTML basics)里大多数的文章在 HTML介绍 — (Introduction to HTML) 模块里也有,虽然细节更为详细。

学习模块

这个主题由如下的一些模块组成,建议按顺序完成这些的学习。很显然,我们建议你从第一个模块开始学习。

HTML介绍 — (Introduction to HTML)
这一模块将为你铺路,帮你熟悉一些重要的概念和语法。着眼于如何应用HTML去编辑,如何创造超链接,与怎样使用HTML构造一个网页。
多媒体化和嵌入 — (Multimedia and embedding)
这个模块带你探索如何使用HTML在你的网页里嵌入多媒体信息。包括插入图片的多种不同的方法,如何嵌入视频、音频,甚至是嵌入其他完整的网页。
HTML 表单 — (HTML Forms )
表单是Web中十分重要的部分 — 它们会提供给你网站交互需要的很多功能(例如:注册,登录,发送反馈,购物,等等)。这个模块将带你开始创建有表单的客户端。
表格 — (HTML Tables)
如何将网页上的表格如何以可理解、容易理解的方式表现出来是一项挑战。这个模块包括了基础的表格,同时也有更多复杂的特性例如实现标题和总结。

HTML基础问题的解决方案

使用HTML解决基础的问题 为我们提供了一系列在创建网页过程中解决基础问题的方案:处理标题,添加图片或视频,强调内容,创建一个基础表格,等等。

深入地学习

HTML(超文本标记语言) — HTML(HyperText Markup Language) on MDN.
MDN网站上的HTML主目录,涵盖了详细的元素指南和高级教程。MDN上HTML文档的主要入口点,包括详细的元素和属性引用 - 如果您想知道元素有什么属性或属性具有什么值,一些例子,这是一个很好的开始。
 

文档标签和贡献者

 最后编辑者: Mac_zhang,