如何以及在哪里学习 HTML 和 CSS 这个问题非常合理。答案取决于各种因素：你的学习目标有多认真，你目前的学习基础如何，你有哪些其他可用资源，你希望用学到的知识做什么，以及你有多少时间，可能还有其他无数因素。
让我们看看一些选项，你可以选择那些适合你的选项。
你可以阅读书籍。
市面上有很多关于 HTML 和 CSS 的书籍（通常两者一起讲解）。它们可能都做得很好。这里不需要详细列出所有选择。以下是我个人推荐的两本。你可能甚至不需要两本都看。
你可以参加免费的在线课程或指南。
可汗学院
可汗学院有一个 HTML/CSS 入门：制作网页 课程，以一种非常酷的格式打包。它有点像视频，你可以听到讲师引导你学习，但你看到的是一个真实的文本编辑器和实时的输出。有时老师会控制代码，有时则会中断，让你自己动手编辑代码来完成挑战。
不要害怕互联网
Jessica Hische 和 Russ Maschmeyer 的 不要害怕互联网 是一个八部分系列，帮助你开始学习 HTML 和 CSS——它甚至深入探讨了非常重要的排版主题。
通过简短的教程视频，你将学习如何获取一个基本的 WordPress 博客并操作 CSS、HTML（甚至一些 PHP！）以匹配你的审美。
上网很难
Oliver James 有一个很棒的在线课程，叫做 上网很难（但不必如此）。
我们设计了 HTML 和 CSS 很难，希望它是您唯一需要的 HTML 和 CSS 入门课程。如果您努力阅读每个部分并编写每个代码片段，本教程有可能取代价值数百甚至数千美元的在线课程和现场培训。
Scrimba / HTML 入门
Eric Tirado 在 Scrimba 上有一个 HTML 入门 课程，这也是一个很棒的平台，因为 Eric 的声音会引导你完成课程，但在视觉上，它结合了幻灯片和一个真实的代码编辑器和预览。
你可以阅读我们入门指南中的所有文章。
我们有一个指南（包含文章、视频和链接），叫做 CSS 和 HTML 入门。我希望其中有一些内容可以帮助你开始或增强你的早期学习，因为这就是它的目的。
你可以找到并参加付费的在线课程。
我经常加入健身房，因为支付费用带来的责任感会促使我坚持锻炼。我知道我可以免费做仰卧起坐、俯卧撑和慢跑，但健身房会员资格让这件事变得更有意义。同样的道理也适用于支付 HTML 和 CSS 课程的费用。
这些是广泛的概括，但它们是开始学习的好地方。
- **初学者**：Treehouse，Lynda.com
- **中级**：Design+Code，Udemy，Udacity，Pluralsight，Coursera
- **高级**：Frontend Masters，Wes Bos
你可以参加线下代码学校或编码训练营
如果你想投入更多精力，可以考虑去学校学习。如果你没有大学学位，这是一个选择，尽管你将会接受更广泛的教育，而不是仅仅提升你的网页设计和开发技能。我个人很喜欢这种方式，因为它可以拓展思维。
但假设你要去一所专门教授编码的学校……
- 一些城市里存在这样的选择。我 认识一个人，她参加了旧金山的全女子编程训练营 Hackbright。还有像芝加哥的 Actualize，田纳西州的 Center Centre，以及多伦多的 HackerYou 这样的机构。
- 还有一些规模更大的机构，比如 Flatiron school（在美国各地设有校区）和 General Assembly（在世界各地设有校区）。
可能还有几十甚至上百家这样的机构，所以这里只是想让你了解到学校学习的可能性。你甚至不必去实体学校，因为很多机构也提供在线课程（但在线课程也具备现场教学和学习小组的优势）。例如，LambdaSchool 的新颖之处在于，它可以免费开始学习，之后在你找到行业工作后，再以分成你一部分薪资的方式支付学费。
你可以在 CodePen 上练习。
学习的每一秒都不应该严格遵循书籍、课程或老师制定的路线。即使你尝试这样做，也不可能完全做到。你最好接受这一点。如果有什么东西激发了你的灵感，就去尝试吧！
我希望 CodePen 是一个让你做到这一点的有益平台，它既简单又实用，同时提供了一个与该领域其他人士交流的场所。
你可以建立一个个人网站，并学习完成它所需的东西。
无数的开发者都是这样起步的，包括我。几年前，我想要一个个人网站，我费了好大劲才把一个自托管的 WordPress 网站上线，这样我就可以完全控制一切，并按照自己的意愿进行修改。一旦你有一个真正的网站上线，并且知道至少有一些人在访问它，它就会给你带来无限的动力，让你不断前进，不断发展。
同样常见的情况是：为你的乐队建立一个网站。或者为你的朋友、朋友的朋友，或者你母亲的商业伙伴的妹妹的生意建立一个网站。当你有一个真实的项目（一个在互联网上发布的真实网站）时，你就会有一种脚踏实地的感觉，你对某些真实的东西负责，真实的人会看到它，你必须完成它，并且做好它。这对某些人来说非常有效。
你实际上会通过结合所有这些方法进行学习。
人们总是痴迷于问音乐家他们是否“自学成才”。如果他们真的是自学成才，他们的才华就会成倍增加，因为这意味着他们的创造力是与生俱来的。他们不需要任何人来学习；他们只是看看吉他弦或钢琴键，然后就知道该怎么做。
如果他们是由老师教的，那么，好吧，这一切都结束了。如果他们有任何成就，那都是因为老师教给他们的。
完全是胡说八道。
人们学习任何东西——包括音乐和网页开发——都受到各种因素的影响。让我们先谈谈音乐。学习演奏音乐有很多形式。你可以大量地听音乐。你可以进行基础练习，比如手指练习和练习音阶。你可以在黑板上学习转调和弦。你可以一整天一晚上都在看 YouTube。你可以报名参加在线课程。你可以去当地的音乐会观看和演奏。你可以加入乐队。你可以向 Craigslist 上发布广告的人学习。你可以去当地的音乐学校。你可以阅读关于音乐的书籍。
你懂我的意思。
你可以并且将会做所有这些事情。在学习网页设计和开发方面，取得任何进展都将涉及各种方法。没有万能的方法。它需要用各种不同的方法去尝试。你不需要在这上面花很多钱，但你需要多个角度、时间和动力。
本网站有很多内容可以阅读和观看！
继续前进，并 构建网站，这是老的 ShopTalk 箴言！
非常喜欢今年制作的内容。
https://www.freecodecamp.org/ 迄今为止是我遇到过的最好的在线课程之一。
是的，当然！我需要更新这篇文章，因为这值得一个突出的位置。
我赞同这一点。它也是一个不错的、有挑战性的格式。
对于俄语使用者（以及那些出于好奇而访问网站的人），在“HTML Academy”上有不错的互动课程。但你最好至少有点了解原始语言。同样，任何真正想要学习编码的人都需要懂一些英语。
我从书籍和 Geocities 开始。按照书中的教程学习如何将代码通过 FTP 上传到服务器。
我也赞同可汗学院。我女儿用它来学习代码，并且很喜欢它。
我还想提一下 YouTube。我偏向于 YouTube，因为它（结合 Codepen）是我选择的教学平台。但是，我也一直用它来学习。我是一个视觉学习者，它加速了我对许多项目/主题/语言的理解。
我最近开了一个名为 The Stack 的频道，作为一个 Web 开发教育频道：https://www.youtube.com/channel/UCzDpCbn_eCsor93LHFSIGFA。重点是 HTML、CSS 和 JavaScript。我认为这对很多人都有帮助。希望未来它能从精选内容转变为原创内容。
这是一篇很棒的文章和主题。继续努力，Chris！
很棒的资源和策略列表！
我创建了 Frontend Mentor，如果有人想练习使用设计来构建项目，可以使用它。
希望它有所帮助！
还有其他人是 Neopets 的产物吗？我开始构建宠物页面，我知道还有其他人也这样做！还有一个庞大的社区，愿意教你如何去做，以及编写有关编码的指南和教程。
你好 Chris，https://internetingishard.com/ 发生了什么事？
我不知道！我发誓当我写这篇文章时它还能用。我已经记下了一周后检查一下，如果它仍然无法访问，我就会将其删除。
嘿 Chris，这里值得一提的是“正确学习 HTML 和 CSS”课程。
https://ilovecoding.org/courses/htmlcss2
完全披露，我创建了这门课程
Team Tree House 是 <3 如此优秀的教育工作者及其教学方式。测验和代码挑战为学习增添了乐趣。我几乎向所有问我如何专业学习前端开发的人推荐它。
这是一篇很棒的文章——组织良好且表达清晰。我是一名认证教师和艺术教授，教授初学者 Web 设计，并且在业界有背景……这可以追溯到 Web 成为图形化盛事之前。
学习和教学提示
注意你的假设。每个人都有假设（UX 101）。了解你的假设。你可能认为你正在帮助的朋友约翰知道 Web 和 Internet 之间的区别，但他们可能不知道，是的，像这样的事情很重要。
今天我发现这在许多学生（包括我的大学生）身上尤其如此，他们经常甚至连门都没进就不知道 IE 和 Chrome 之间的区别，Web 应用和网站的区别，操作系统和浏览器的区别，甚至“类”的概念等等。从更宏观的角度出发，会极大地影响学生获取足够技能和知识来开发和设计 Web……或任何其他事物的能力。
来自设计和工程团队的行业工作经验，这些团队总是包括心理学家，我知道这方面的理论，但现在作为一名教师，我更加直接地体验到了这一点。感谢你撰写这篇精彩的简洁文章。
感谢你的建议
到目前为止，我都是在免费平台上学习课程的。比如 Google 和 YouTube。
有很多热心的人通过很棒的免费平台分享他们的知识。希望更多的人站出来也分享他们的知识。
希望我能跟上前端的发展。
我认为你应该也加上MDN学习部分。 :)
一个不错的组合是这本免费的在线书籍，包含视频和互动练习：https://htmlandcssguidebook.com
MDN Web Docs是我的最爱：https://mdn.org.cn/en-US/docs/Learn/Front-end_web_developer
你好，Chris，
感谢你整理了这个很棒的资源集合。
我已经收藏了这个页面。
不确定你是否知道以下网站
https://learn.shayhowe.com/html-css/
我使用过以上网站来培训公司实习生和新员工。
相信你会发现它很有帮助。
我也一直在寻找实操工作坊来学习HTML和CSS（边做边学）。
请告诉我你是否知道任何此类项目？
我一直关注你，从你的网站学到了很多CSS技巧。所以向你和你的团队致敬。
嘿 Chris，这里值得一提的是“正确学习 HTML 和 CSS”课程。
https://www.behelpme.com/learn/
完全披露，我创建了这门课程
很高兴我发现了如此重要和有价值的内容，我真的很感谢你的努力，我一定会分享它。
一种学习CSS的新颖有趣的方式 - https://cssbattle.dev/learn