万维网和html关系,万维网基石-HTML

为什么要学习HTML？

HTML 介绍

HTML 元素

HTML 属性

为什么要学习HTML？

回答这个问题我们要从万维网(World Wide Web缩写WWW)说起，它可以让Web客户端(常用浏览器)访问浏览Web服务器上的页面。

作为一个组织或者个人在万维网上放置的页面称为主页(Homepage)或首页，多个页面的集合称为网站( Website )。

浏览器通过HTTP(超文本传输协议)向万维网上的服务器发起请求，服务器返回相应内容(你的网站代码)，然后浏览器进行代码解析，最终呈现给用户。

以上可知，让其他人能够通过浏览器访问你网站的前提是你必须将网站开发完成并将它放到万维网上才行。

而网站开发的基础就是HTML(超文本标记语言)，它是用来创建网页的标准标记语言，通过结合使用其他的Web技术(如css，js等)，可以创造出功能强大的网页，因此，HTML是万维网(Web)编程的基础，也就是说万维网是建立在HTML基础之上的。

HTML是所有Web技术中最简单也是最重要的，可以说没有HTML就没有万维网现在的繁荣。

HTML介绍

HTML是用来创建网页的标准标记语言(标记语言-将文本以及文本相关的其他信息结合起来，展现出文档结构和数据)，HTML是众多标记语言中的一种，它是专门用于构建与描述网页的语言，学习标记语言非常简单，因为它只是一些标签的集合。

既然需要通过HTML来描述网页，那么就需要一种描述方式，就像大家都熟悉的画画，我们要知道画面不同的地方需要如何‘描述’，‘描述’得越清晰，其他人也就一目了然，但我们‘描述’网页与画画稍有区别，就是画画是直接给人的眼睛看的，是通过人眼处理画面的，而我们的网页代码是给浏览器看的，那么就需要一种浏览器能看得懂的信息，网页不同的地方我们要使用不同的‘描述’方式，这种‘描述’就是通过HTML标签来完成的。

HTML标签是由尖括号括起来的，如，

，标签通常是成对的，用于‘描述’网页的某一区域是什么东西，例如和，尖括号中的是标签的类型，不同类型‘描述’网页不同区域，html是标签类型，是开始标签，是结束标签，结束标签有 /，如下所示：

当然也有少数HTML标签是没有结束标签的，这种标签我们称为空标签，如下所示：

---

每个HTML标签都有特定的含义，后面我们会一一介绍，标签类型名称不区分大小写，浏览器能识别和，一般来说应该使用小写字符。

从 Web 诞生至今，已经发展出多个 HTML 版本，最新版本为HTML5。

HTML元素

HTML元素是由标签和内容一起形成的代码元素，上面我们知道了标签是用于‘描述’网页的某一区域是什么东西，自然而然这块‘区域’里是可以放入内容的，如下所示：

我是一段内容

标签类型为p，开始标签为

，结束标签为

。标签之间是标签的内容，即“我是一段内容”。标签和内容一起形成HTML元素。

HTML属性

HTML标签可以通过在其开始标签中添加某些内容为其添加某些属性，属性提供了有关HTML标签的更多的信息，属性有一个名称和一个值，名称和值之间使用 = 连接，比如用于表示网页中图片的标签-，大家应该都发现这是个空标签，因为图片区域内无法放入内容，所以就没有必要有开始和结束标签。现在我们想要使用标签显示一张图片，是不是觉得少了点什么，相信大家都猜到了，就是图片从哪来啊？，这个时候我们就应该想想是不是还要给标签添加一些东西来告诉它要显示什么图片，如下所示：

上面我们给img标签添加了一个属性src，表示我们想要给img标签添加一个图片路径信息，=后面为属性的值，值就是一个图片路径，路径可以是你电脑磁盘里某个图片的路径或线上图片地址都可以。

属性只能添加到开始标签中，不能添加到结束标签中。

标签也可以有多个属性，多个属性使用空格分隔，如下所示：

不同标签有不同的属性，也有很多共同属性。

大部分标签属性都是由属性名和属性值组成的，但也有少部分是只有属性名而没有属性值的，这类属性我们称为布尔属性，如下所示：点不了我吧

上面的标签表示一个按钮，大家可以先不用了解，后面会一一介绍常用标签，大家都看到button标签中有一个disabled属性，但这个属性却没有值，既然值都没有，=也就没必要了，这就是一个常见的布尔属性，它表示按钮标签被禁用了。有这个属性的标签表示被禁用，没有表示没有被禁用，就只有2种情况，这也是为什么这类属性称为布尔属性的原因，布尔表示true或false，就只有2种情况。

好了，今天就到这，后续内容我会及时更新的，欢迎大家和我交流，指出我不对的地方，谢谢！