10.1 HTNL介绍与开发环境的搭建
HTMl介绍
html全称Hyper Text Makeup Language,也就是超文本标记语言。
我们通过浏览器看到的网页就是用html语言编写的,这是一门描述性标记语言,所谓标记语言,就是将文本以及文本相关的其他信息关联起来,比如文字有颜色,大小,字体,然后通过某种平台比如说浏览器展现出特定的效果。
html是全世界通用的用于描述网页信息的标记语言,我们使用的浏览器具有将HTML代码渲染并展示给用户的功能。
我们可以看一个简单的例子, 在网页的空白部分右键查看网页源代码:
这就是html标记语言,当我们访问某一个页面的时候,实际上浏览器获得的是由服务器提供的html代码,浏览器根据html代码规则进渲染,然后显示给用户。
前面这一段html代码中,<html>、<head>、<link>、</link>这种尖括号括起来的就是标签,标签描述了文本的作用,比如<link>标签表示的就是一个链接,与此同时,通过不同标签或相同标签之间的嵌套表示文档结构。
我们来看一下标签的特征:
1.标签是由尖括号包围的关键字,
2.标签通常是成对出现,
3.标签对中第1个标签是开始标签,第2个标签是结束标签,
4.开始和结束标签也被称为开放标签和闭合标签,
5.有些标签也会单独呈现,
6.一般成对出现的标签,其内容在两个标签中间,单独呈现的标签,则在标签属性中赋值,
7.网页的内容需要在html标签中,网页的描述信息要放在head标签中,网页需要展示的内容要放在body标签中,
在服务器上网页文件后缀一般使用 .html 点 .htm,网页文件没有区别,.html 与 .htm 网页后缀可以。
HTML文档结构
一个html文件是有自己的固定结构的:
我们来解释一下上面这张图,也就是html的文档结构,
<!DOCTYPE HTML>
这是html的文档声明,必须写在文档的第1行,位于html标签之前,表明该文档是html5文档。
<html></html>
Html标签称为根标签,所有的网页标签都必须在html中。
<head></head>
Head标签用于定义文档的头部,它是所有文档描述信息的容器,常见的描述信息有tItle、script、style、link和meta等标签。
<body></body>
Body标签之间的内容是网页的主要内容,如h、p、a、img等网页内容标签嵌套在在body标签中,最终会在浏览器中显示出来。
HTML文档包含了html标签及文本内容,不同的标签在浏览器上会显示出不同的效果,所以我们要记住最常见的标签的特性。