我能在两周内学会 HTML 吗?
如果你想从事网页设计或 Web 开发工作,或者仅仅是想学习如何创建出色的网页,那么了解 HTML 的基本知识是必不可少的。幸运的是,HTML 的基础知识对于普通学习者来说相对简单易懂。掌握 HTML 的基本概念大约需要一到两周的时间。
由于互联网和丰富的在线资源,自学可能是学习 HTML 所需的全部。但是,如果你像大多数人一样,在制定学习计划并坚持下去方面可能会遇到困难。在这种情况下,一份路线图将非常有帮助。
第一周
本周将从对 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> 元素内,这在使用 input 元素创建的按钮中通常是不可能的。
列表和表格
HTML 列表使 Web 开发人员能够将一系列相关项目组织成列表。总共有三种类型的列表
有序列表 <ol>- 项目按数字顺序显示,例如 1,2,3,....,n。
无序列表 <ul>–使用项目符号以无序格式显示内容。
描述列表 <dl>-描述列表是每个术语都有描述的术语列表。在这种情况下,<dt> 标签定义术语,<dd> 标签描述每个术语。
HTML 表格使我们能够将数据划分为行和列。HTML 中的表格由一个 <table> 元素和一个或多个 <tr>、<th> 和 <td> 元素组成。<tr> 元素表示表格行,<th> 元素表示表格标题,<td> 元素表示表格单元格。
块级元素和内联元素
块级元素始终从新行开始,并且浏览器默认会在元素前后添加一些空格(边距)。它始终占据可用的全部宽度。两个最常见的块级元素是 <p> 和 <div>。
内联元素不会从下一行开始。它只占用所需的空间。<span> 是内联元素最常见的示例。
在本周结束时,您将对所有重要且常用的标签、元素和属性有一个初步的了解。为了清晰地了解它们,编写比以前更长、更复杂的代码非常重要。
第二周
在本周,您将继续学习一些稍微高级的话题,例如 Canvas 元素、事件属性、DOM、MathML、音频和视频等。
Canvas 元素
要绘制图形,HTML Canvas 使用 JavaScript。它有各种方法可以绘制框、文本、圆形、路径和图像。
事件属性
HTML 事件属性通过使用事件操作来响应系统。它与 HTML 元素兼容。它允许事件触发浏览器操作。当浏览器响应用户操作(例如单击提交按钮)时,可以使用事件属性显示请求的信息。
DOM
HTML DOM 是一个对象集合。它描述了所有 HTML 元素的方法、事件和属性。
MathML
MathML 是 数学标记语言的缩写,用于在 Web 浏览器中表示数学方程式以进行机器到机器通信。它是一个 XML 应用程序,用于将数学公式集成到万维网 (WWW) 页面中。
音频和视频
HTML 音频和视频是网页元素,允许您在页面中添加音频/视频。HTML DOM(文档对象模型)音频/视频包含音频/视频的方法和属性。
在第二周结束时,您将能够通过将基本知识和高级概念结合起来进行实验并创建一些项目。您可以尝试创建具有挑战性的项目,例如作品集或电子商务网站,以获得一些实践经验并提高您的实践技能。