免费 HTML 和 CSS 课程：从头开始学习

什么是 HTML 和 CSS？为什么需要了解它们？

美国代码 **39** 用于 **意大利电话号码  国家代码 +39，意大利电话号码 这样很容易识别来自意大利的号码。拨打国际长途时，应输入意大利电话号码后面的 **39** 代码。意大利号码通常为 **10 位数字** 。

HTML 是一种标记语言，它告诉浏览器（Google Chrome、Yandex.Browser 和其他类似程序）在网站页面上显示的位置和元素。例如，标题、正文、其他页面的链接、菜单、列表、表格等在哪里。

CSS 代表层叠样式表。在他们的帮助下，各种元素的设计被指定。例如，使用 CSS，您可以更改文本的字体颜色、设置页面或单个元素的背景、设计精美的列表和表格，甚至创建交互式元素（动画）。

前 25 名关于 HTML 和 CSS 的免费课程

免费课程非常适合自学。您将能够自行掌握 HTML 和 CSS。这些基础知识足以开始自由职业。

Netology 的 HTML 和 CSS 基础知识

Netology 在线学校的免费分页课程。非常适合初学者，因为它是基本信息。

您将学习如何更改站点代码、创建文本块、更改各种元素的设计和样式等。

来自FructCode 的 HTML/CSS 课程

关于布局的交互式在线课程 最佳网络开发课程：从头开始学习 它由视频课程、测试和练习组成。总计：66 节课程和 5 小时的视频。

完成后，您可以获得课程结业证书。

HTML学院

一个交互式在线平台  电话号码 sg 可让您初步掌握 HTML/CSS。免费部分就足够了，但要获得更多，您需要付费订阅。

课程不断更新，因此您不必担心信息是否最新。它们还分为级别：初级、中级和高级。

该服务可以被认为是在线学校的一个值得替代的选择。

Beonmax 的 HTML/CSS 课程

精选 65 个用于学习 HTML / CSS 的免费视频课程和练习。其中，31门是视频课程，18门是互动课程，16门是测试课程。

在此过程中，您将学习 HTML 和 CSS 的基础知识，了解如何键入网站页面以及使用各种工具。

Python

网络服务器编程语言

此 Python 编程语言课程推荐给初学者和刚刚开始学习 Python 进行网站后端编程的初学者。

W3学校指南

笔记。目前正在编写俄语教科书。

PHP

后端编程语言

这门PHP编程语言课程推荐给初学者和刚刚开始学习PHP进行网站后端编程的初学者。本课程涵盖 PHP 编程语言的基础知识。

PHP5 教程 PHP7 教程 PHP5 教程 – W3Schools PHP7 教程 – W3Schools

笔记。目前，俄语教科书正在编写中。

JavaScript

网站编程语言

本 JavaScript 课程推荐给初学者，即那些刚刚开始从头开始学习 JavaScript 来编程网站和 Web 应用程序（前端）的人。这些课程只是 JavaScript 的基础知识。

W3Schools 的 GUIDE JavaScript 教程 JavaScript 教程

笔记。目前正在编写俄语教科书。

HTML 目录

在 W3Schools 中，您将找到对 HTML 元素、属性、事件、颜色名称、实体、字符集、URL 编码、语言代码、HTTP 消息、浏览器支持等的完整参考：

HTML 元素 浏览器支持属性 全局属性 事件属性 颜色名称 Canvas 音频/视频字符编码 DOM URL 编码 语言代码 HTTP 国家/地区代码消息 PX 到 EM 转换器键盘快捷键

重要的一点

“HTML 是一种编程语言吗？”许多新开发人员误解了 HTML 语言类别。它不是一种编程语言，而只是一种标记语言。

因此，您不应该使用提到的“编程语言”，因为它是用词不当。

谁在升级 HTML5？

该语言由 W3C 联盟或其全称万维网联盟开发，这是一个独立于特定开发人员的国际组织。它还发布 HTML5 的规范、定义和标准。原始且完整的规格可在此处的官方网站上找到（英文）。该组织尚未完成该语言的工作；相反，它仍在继续开发它。

jQuery

用于开发交互式网页的 JavaScript 库

此 jQuery 库课程推荐给已经熟悉 HTML5/CSS3 Web 标记语言和 JavaScript 编程语言基础知识的初学者和新手。 jQuery 库是一组用 JavaScript 编程语言编写的现成解决方案，可以使 Web 开发人员的工作变得更加轻松。

W3学校指南

笔记。目前正在编写俄语教科书。

HTML 考试 – 获得文凭！

 

SQL

数据库访问语言

本 SQL 教程推荐给初学者，即那些刚刚开始学习用于数据库访问的 SQL 的人。在这些课程中，您将仅学习 SQL 的基础知识。

W3学校指南

笔记。目前正在编写俄语教科书。

运动测试

 

HTML 示例

您将在本 HTML 教程中找到 200 多个示例。使用在线 Try It Yourself 编辑器，您可以自己编辑和测试每个示例！

继续查看 HTML 代码示例！

自学 HTML 从哪里开始？

HTML 标记语言由标签组成。按照惯例，标签是​​告诉浏览器在页面上显示什么内容的元素。例如，有指示插入图像或照片、视频、表格的标签。有一些标记标记段落的开头和结尾。

可以将属性写入指示各种特征的标签内。例如，在表示链接的标签内，指示具有该链接所指向的页面或站点的地址的属性。

要自学 HTML，您需要：

• 学习标记标题 (h1-h6)、文本及其段落划分、形成编号和未编号列表 (p、br、ul、ol、li)、提供链接 (a)、图像和其他对象 (img、 object）、粗体或斜体（strong、b、i）、表格标签（table、tr、td）、表单插入（form、input、textarea、select、option）、结构标签（div、span）和 — 主标签（html、头部、标题、正文）。看似命令很多，其实2-3天就可以自学。
• 找出流行标签的属性。没有必要记住所有属性。有免费指南可以帮助您在工作时找到这些信息。
• 研究 HTML 代码的结构以了解如何创建网站页面。
• 熟悉表格布局 – 这是一种过时的布局，在现代网站上不使用。但是，您需要知道它是什么，以免在必须使用旧站点的布局时迷失方向。
• 使用 div 探索块布局。这是一种现代类型的布局，您需要熟悉。
• 读取当前布局。有一个定义 HTML 标准的组织。它被称为 W3C。 Valid是完全符合W3C标准的布局。在实践中，它们经常被黑客攻击，并且并非所有布局都可能有效。但无论如何，你都需要了解这个标准。
• 某些标签和其他命令在不同浏览器中的处理方式有所不同。如果您决定自学 HTML，请务必阅读什么是跨浏览器布局以及如何实现。

正如您所看到的，您可以从头开始自学 HTML。在大约一周的时间里，您可以学习标记语言的基础知识，并能够以足够的水平使用它来向网站、标记表、列表和插入图像添加文本。

浏览器支持

重要的是要明白，HTML5 规范和该技术在特定浏览器中的实现是不同的概念。许多正在积极开发的网络浏览器甚至在该版本发布之前就开始逐步淘汰 HTML5 功能。目前，最新版本的浏览器支持所有 HTML5 功能。提供全面支持：Chrome、IE 11、Firefox、Edge、Safari、Opera。相对较旧的版本不支持IE 8及更早版本等新标准。 IE 9 和 10 已经实施了这些标准，但只是部分实施。

 

通常，浏览器可以使用新标准，但它们处理功能的方式不同，或者只是抛出错误。因此，在开发跨浏览器兼容性时，需要考虑到浏览器的所有功能。目前，网络浏览器对该标准的支持已经处于良好水平。

为了确保您当前的浏览器版本支持 HTML5，您可以运行一个小测试。

工作需要什么？

开发 HTML5 时有什么用处？关键工具是一个文本编辑器，未来网页的代码将在其中输入。 Notepad++ 是最受欢迎且功能丰富的编辑器之一。它可以在官方网站上免费获得。除了可以免费分发之外，它还具有所有必要的功能，有许多有用的插件，并突出显示开始和结束标签。

 

Visual Studio Code 也是一个很好的编辑器，支持大多数操作系统。它可以在 macOS、Windows 和 Linux 上运行。从功能上来说，这款软件产品比Notepad++优越很多倍。

如何从零开始学习CSS？

学习完 HTML 基础知识后，建议掌握 CSS。以下是您需要了解的有关级联样式表的信息：

1. 语法基础知识：基本选择器、它们的属性和含义。言语上似乎很难，但实际上一切都很简单。例如，在 CSS 中，您可以通过指定标题应具有的字体、字体大小、页面上其他元素的缩进、颜色和其他选项来设置标题样式。要了解 CSS，您需要知道可以为页面上的不同元素设置哪些选项。
2. 了解如何使用 CSS 在页面上放置不同的元素。
3. 了解什么是伪类和组合器。
4. 探索响应式布局，其中页面布局适应用户屏幕的大小。

另外，建议学习：

1. 预处理器。
2. 框架，尤其是 Bootstrap。框架是一个现成的解决方案，您可以在此基础上快速创建新网站的布局。
3. 控制变换、过渡和动画。
4. 如何正确构建代码以便可以维护。