Skip to content
This page has been auto-translated and may contain errors.View in English

介绍

docs.scrimba.com
Juno

欢迎来到HTML手册!我是Juno,很高兴你在这里。帮助人们写第一个网页是我最喜欢教的东西,看着HTML从一堆尖括号变成有意义的东西永远不会厌倦。

我们将从最基础的地方开始,理解网页真正是什么,然后一小步一小步地构建它。不需要任何经验。

这里没有什么太基础而不能问的,按照自己的节奏来,我们会一起到达目标!

Juno

欢迎来到HTML手册。我是Ace,我喜欢保持实用。你已经知道如何使用电脑,所以我们会以稳定的节奏进行,并保持动手操作,就像你真正构建一个真实页面的方式一样。

每一章都是这样的:概念,然后如何使用它:阅读、尝试、构建。这个循环是整个网络的构建方式,所以你处于很好的环境中。

Juno

欢迎来到HTML手册。我是Sol,我已经发布网页很长时间了。这些文档是为那些想知道HTML如何实际工作,而不仅仅是哪个标签渲染哪个框的人准备的。

期待权衡、无障碍访问的细节,以及大多数教程跳过的部分。HTML看起来很简单,但渲染的标记和能够坚持使用的标记之间的差距才是真正的工作所在。仔细阅读并质疑一切,包括我的说法。

这本手册适合任何开始学习网页开发的人。HTML是网络的第一种语言:用来描述页面上的内容的纯文本,从它的标题和段落到它的图片、链接和按钮。在你能为页面设置样式或使其交互之前,你需要描述它包含什么,那个描述就是HTML。关于你将看到的两个术语,我想简单说一下:浏览器是读取你的HTML并绘制页面的程序,比如Chrome或Safari,元素是页面的一个单一标记部分,比如一个标题或一个段落。这里的每个概念都有完整的阐述、深度、例子,以及当你需要快速答案时可以搜索的内容。

你不需要任何先前的编程经验就可以开始。如果你能把文本输入到文件中,你就拥有前几章所需的一切,其他一切都会在适当的时候介绍。HTML是几乎每个网页开发者的起点,因为世界上的每个网站,无论多么复杂,都是建立在它的基础上的。

这本手册从最基础的地方开始逐步构建。你将学到如何构建页面和标记文本、如何添加链接和媒体、如何用语义化给你的标记赋予真正的含义、如何构建接收访客输入的表单,以及如何制作每个人都可以访问且搜索引擎易于理解的页面。每个想法本身都很小,它们堆叠成你可以真正发布的页面。

这里的方法是解释每个HTML部分做什么以及为什么,而不仅仅是输入什么。任何人都可以从示例中复制一个标签并看到屏幕上出现一些内容。从这一点到构建可读、可访问且易于修改的页面之间的距离是理解你的标记对浏览器、屏幕阅读器和下一个编辑它的人的含义。这种理解是超越任何单一项目的东西。

JunoHTML经久耐用 这是关于HTML的一个可爱的事情:它几乎不变。你今天学到的标签和多年前专业网站使用的标签一样,将来也会继续使用。所以你在这里学到的东西不会过时。你在坚实的基础上构建。
JunoHTML经久耐用 HTML非常稳定。新元素的增加很缓慢,旧的几乎从不中断,因为网络是建立在不破坏现有页面的基础上的。这意味着你现在投入的时间会持续付出回报,你在这里学到的东西会转移到你以后会使用的每个框架和工具。
JunoHTML经久耐用 HTML是你使用的任何技术中最稳定的之一。向后兼容性几乎是神圣的,所以十年前写的页面仍然能够正常渲染,而且词汇的变化非常缓慢。正是这种稳定性为学好它提供了奖励:把基础打好,无论明年顶部是什么框架,它们都会坚持住。

认识你的导师

这本手册由三个导师主持,你可以选择谁来带你了解。对每个人来说材料都是相同的;你的导师设置讲述它的声音,在适应的页面上,每个部分有多深。

  • Juno 教导初学者课程:温暖和耐心,普通的类比,没有假设。
  • Ace 教导中级课程:实用和以构建优先,直接说明你实际要做什么。
  • Sol 教导Deep Dive:机制、权衡和其他人都跳过的生产细节。

可以随时从任何页面顶部的选择器切换导师,或在右下角打开偏好设置来更改你的导师、语言或字体大小。

准备好后,这本手册就开始认真了。下一章什么是HTML介绍了HTML真正是什么,以及组成整个课程基础的小型标签、元素和属性词汇。

更喜欢通过构建来学习?Scrimba的免费HTML和CSS课程通过5个项目和75+个交互式挑战涵盖相同的内容。