两周内能学会 HTML 吗?
如果您想从事网页设计或开发工作，或者只是想了解如何创建精彩的网页，那么就需要对 HTML 有基本的了解。幸运的是，HTML 的基础知识对于普通学习者来说相对简单。大约需要一到两周的时间才能掌握 HTML 的基本概念。
由于互联网和丰富的在线资源，自学可能就是学习 HTML 所需的全部内容。但是，如果您和大多数人一样，在制定学习计划时很难自律。在这种情况下，一份学习路线图可能会很有帮助。
第 1 周
本周我们将首先了解 HTML 的基础知识，然后学习其结构和常用元素。之后，您将继续学习标签、属性、块级元素和内联元素。然后，您可以继续学习一些更重要的概念，例如表单、按钮、列表和表格。
定义
HTML，即超文本标记语言，是用于在 Web 浏览器中显示的文档的标准标记语言。它由许多元素组成，这些元素指示浏览器如何显示内容。
基本结构
HTML 文档分为三个部分:
一行包含 HTML 版本信息的内容
一个声明性的标题部分
一个包含文档实际内容的正文部分
<!DOCTYPE HTML>
<head>
<title>HTML document<title>
</head>
<body>
<p>Sample Text</p>
</body>
</html>
基本元素
<!DOCTYPE> |
此属性指定文档类型。 |
<html> |
HTML 文档的定义。 |
<head> |
包含文档的元数据/信息。 |
<title> |
定义文档的标题。 |
<body> |
定义文档的正文。 |
<h1>至 <h6> |
HTML 标题在此处定义。 |
<p> |
段落定义。 |
两三天内，您将掌握基础知识，并准备好创建您的第一个网页。尝试运用这些知识，并使用基本元素编写程序来创建简单的网页。
标签和属性
HTML 标签是用于构建网页的简短隐藏关键字。它们包括开始标签、内容标签和结束标签。HTML 中有很多标签，您不可能一次性学会所有标签，因此，了解一些基本的标签就足够了。
在 HTML 中，属性 定义了元素的属性，它位于元素的开始标签内，并用引号括起来。每个属性都包含两部分:名称和值。
表单和按钮
HTML 表单用于收集用户输入。通常，用户输入会被发送到服务器进行处理。表单是各种输入元素的容器，例如文本字段、复选框、单选按钮、提交按钮等等。
<button> 标签定义可点击的按钮。文本(以及 <i>、<b>、<strong>、<br>、<img> 等标签)可以放置在 <button> 元素内，而使用输入元素创建的按钮通常无法做到这一点。
列表和表格
HTML 列表 使 Web 开发者能够将相关项目集合组织成列表。列表共有三种类型:
有序列表 <ol>- 项目按数字顺序显示，例如 1,2,3,....,n。
无序列表 <ul>-项目符号用于以无序格式显示内容。
描述列表 <dl>-描述列表是包含每个术语的列表，每个术语都有描述。在本例中，<dt> 标签定义术语，<dd> 标签描述每个术语。
HTML 表格使我们能够将数据分成行和列。HTML 中的表格由一个 <table> 组成。元素以及一个或多个 <tr>、<th> 和 <td> 元素。<tr> 元素表示表格行，<th> 元素表示表格标题，<td> 元素表示表格单元格。
块级元素和内联元素
块级元素始终以新行开始，浏览器默认会在元素前后添加一些空间(外边距)。它始终占据整个可用宽度。最常见的两个块级元素是 <p> 和 <div>。
内联元素不会以新行开始。它仅占用所需的空间。<span> 是内联元素最常见的示例。
在第一周结束时，您将对所有重要且常用的标签、元素和属性有一个简要的了解。为了清晰地理解它们，编写比之前更长、更复杂的代码来实现它们非常重要。
第2周
本周，您将学习一些稍微高级的主题，例如 Canvas 元素、事件属性、DOM、MathML、音频和视频等。
Canvas 元素
为了绘制图形，HTML Canvas 使用 JavaScript。它提供了多种方法来绘制框、文本、圆形、路径和图像。
事件属性
HTML 事件属性 通过使用事件操作来响应系统。它与 HTML 元素兼容。它允许事件触发浏览器操作。当浏览器响应用户操作(例如点击提交按钮)时，可以使用事件属性来显示请求的信息。
DOM
HTML DOM 是一个对象集合。它描述了所有 HTML 元素的方法、事件和属性。
MathML
MathML 是 数学标记语言 的缩写，它在 Web 浏览器中用于表示用于机器对机器通信的数学方程式。它是一种 XML 应用程序，用于将数学公式集成到万维网 (WWW) 页面中。
音频和视频
HTML 音频和视频 是一种网页元素，可用于向页面添加音频/视频。 HTML DOM(文档对象模型)音频/视频包含音频/视频的方法和属性。
第二周结束时，你将能够结合基础知识和高级概念，进行实验和创建一些项目。你可以尝试创建一些具有挑战性的项目，例如作品集或电商网站，以获得一些实践经验并提升你的实践知识。
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
