HTML教程

什么是HTML?

HTML是一种标准的标记语言,用这种语言可以创建web页面。

  • HTML是一种超文本标记语言
  • HTML使用一些标记来描述页面的结构
  • HTML中的元素(elements)是构建页面的基础
  • HTML用标签(tags)代表网页元素
  • 各种不同的标签(如头部标签,表格标签,图片标签)彼此分工又相互组合,构成了多彩的web世界
  • 浏览器并不会将标签展示出来,我们所看到的HTML页面都是标签渲染之后的结果

一个简单的HTML实例

HTML实例

<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>

<h1>我是h1标签</h1>
<p>我是段落</p>

</body>
</html>

尝试一下

实例解析

  • <!DOCTYPE html>描述了当前页面的文档类型为HTML5
  • <html>标签是是整个HTML页面的根元素
  • <head>标签是头标签,里面通常包含<meta>标签(该标签可以向浏览器提供一些元数据)
  • <title>标签描述了当前页面的标题,通常会在浏览器的选项卡里显示
  • <h1>标签定义了一级标题的内容
  • <p>标签定义了文章段落的内容

HTML标签

HTML标签是由标签名和箭头括号包裹起来的一个元素块,里面可以填充一些内容或者嵌套其他标签

<标签名>我是内容</标签名>
  • 一般来说HTML标签总是成双成对出现,诸如<p></p>        
  • 第一个标签我们称为起始标签,第二个标签我们称为结束标签        
  • 结束标签的写法和起始标签一样,只不过会在箭头括号内,标签名前加上一个正斜杠        

浏览器和HTML的关系

浏览器的主要工作是读取HTML文件并将页面展示出来。

浏览器并不展示HTML标签,而是根据HTML文件提供的标签来决定如何渲染页面。

HTML页面结构

如下为html页面的通用结构:

<html>

<head>
<title>标题</title>
</head>

<body>

<h1>一级标题</h1>
<p>文章段落1</p>
<p>文章段落2</p>

</body>

</html>

注意:只有在<body></body>标签中的内容才会展示在浏览器中。

<!DOCTYPE>声明的作用

<!DOCTYPE>告诉浏览器当前页面的文档类型,浏览器根据该声明来正确地描述页面。

一个HTML页面只能出现一次<!DOCTYPE>声明,并且该声明必须置于页面顶部。

<!DOCTYPE>大小写通用,开发者可以写成<!doctype>。

HTML版本

下表罗列了HTM的版本信息:

版本年份
HTML1991
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML2000
HTML52014