HTML(中文名称:超文本标记语言,英文:Hypertext Markup Language)是一种用于创建Web页面的标记语言。 使用HTML,可以创建自己的网站。

HTML简史

HTML由万维网(W3C)联盟开发和维护。

HTML hyper是什么?

在超文本标记语言(HTML)中,术语“hyper”表示以非线性方式从一个位置导航到另一位置。 也就是说,单击网页上的超文本会将进入到Internet或网站上的相关页面,它不一定是同一个网站上的下一页,可以是任意网站的任意页面。

HTML定义了什么?

HTML在标签和属性的帮助下定义了内容,即网页的结构和布局。 元素包括开始和结束标签,标签内部/内部有一些内容,属性提供有关元素的其他信息(例如,网页上元素的对齐)。

以下是一个简单的HTML示例。

<!DOCTYPE HTML>
<html>
<head>
    <title>HTML入门教程</title>
</head>
<body>

<h2>HTML教程</h2>
<p>这是<span>一个</span><i>在</i><b>HTML</b>上的教程。</p>

</body>
</html>

打开文本编辑器(或记事本之类的软件),然后将上面的HTML代码复制并粘贴到文本编辑器中。保存扩展名为.html的文件(如index.html),然后在浏览器中将其打开,上述HTML文档/代码在浏览器中产生的输出如下:

HTML教程

下面是另一个示例,对上面示例代码添加一些样式,稍作修改调整:

<!DOCTYPE HTML>
<html>
<head>
    <title>HTML入门教程</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        body{background-color:#eee;}
        h1{color:green;}
        h2{color:blue;}
        p{color:red;}
        span{color:yellow;}
    </style>
</head>
<body>
    <h1>H1标签</h1>
    <h2>H2标签</h2>
    <p>这是<span>一个</span><i>在</i><b>HTML</b>上的教程。</p>

</body>
</html>

上述HTML文档/代码在浏览器中产生的输出如下:

HTML入门教程

有关HTML的其他知识,可通过本教程进一步学习。

面向读者

本教程的设计和开发旨在帮助所有有兴趣学习HTML的初学者或想深入学习HTML的HTML爱好者。本教程中包含了很多HTML示例代码,因此您可以在更短的时间内轻松地学习参考,建议根据自己的想法修改和编写代码,以便更深入学习。

前提条件

在学习本HTML教程之前,如果您对互联网和网站有一些基本的了解,那么就比较容易了解到任何实现并更好地理解HTML的知识。如果您没有任何互联网和网站知识,也不要紧,可以按照此HTML教程进行学习应用。

教程目录

基础部分

HTML基本标签

HTML文本

HTML链接表

HTML图片颜色

HTML表单