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标签及文本内容,不同的标签在浏览器上会显示出不同的效果,所以我们要记住最常见的标签的特性。

posted @ 2020-02-20 20:28  AlexKing007  阅读(319)  评论(0编辑  收藏  举报