HTML简介

2022-01-06大约7分钟

HTML(Hypertext Markup Language,超文本标记语言) 和CSS(Cascading Style Sheet,层叠样式表)是网页构成的基础,因此学习如何使用HTML和CSS是进行Web前端开发的基础。HTML和CSS本身语法并不困难,不像其他常见的编程语言如Python、Java、C等涉及大量的类似条件判断、循环等逻辑和复杂的数据结构知识的运用,但是对不了解这两种技术的人来说,真正找一本书开始学的时候,往往会发现书很厚,字很多,还会发现涉及的知识特别庞杂。往往花几周时间去看完一本书,虽然似乎记住了许多东西,却仍旧不知道如何下手,再次表演《从入门到放弃》的故事。

本课程从最基本的概念开始讲起,从最常见的HTML标签及基本的CSS入手,带领大家快速入门,然后通过各种实例,来了解HTML和CSS能做什么,从实例种去学,以后真正用的时候,再从类似场景的例子中去模仿、借鉴和创造。

HTML 由 HTML 元素组成,这些元素定义文档的不同部分。Web 开发人员使用 HTML 标记来指定给定页面上的哪些元素。例如,可以使用 HTML 标记指定标题、段落、列表、表格、图像等。

下面是一个简单的HTML页面的例子:

<html>
    <head>
        <title>一个简单的HTML文档</title>
    </head>
    <body>
        <h1>乐码范</h1>
        <p>这是第一段内容</p>
        <p>这是第二段内容</p>
    </body>
</html>

上面代码里面,<html>,<head>, <title>, <body>,<h1>, <p>都是HTML里面的元素。如果您已经有XML有关的知识,那么可以把HTML当作一种特殊的XML,就很容易理解了。即使不理解上面的代码,也没关系,我们后面会详细介绍。

先通过上面的例子给您一个直观的印象,细节我们往后看。

本课程采用渐进的创作方式不断更新,所以如果您发现内容不够丰富或存在明显不足,那么很可能还在继续创作、丰富的过程中,请耐心等待。