1、HTML综述
1.1 概念
HTML的全称是超文本标记语言
(Hyper Text Markup Language, HTML)。HTML不同于java、c或者c#等编程语言,它并不是编程语言,而是一种标记语言(Markup Language)。
HTML是构成网页文档的主要语言,由一套标记标签构成(Markupo Tag,例如<html></html>
、<head></head>
、<title></title>
、<body></body>
等)组成,HTML通过这些标签来描述网页。
HTML操作简单,功能强大,主要特点:
- 简易性
- 可扩展性
- 平台无关性
1.2 文档结构
一个以.html或者.tml为扩展名的文件就是一个html文档。
HTML文档有自己固定的结构,主要由三部分组成:
<html>
<head>……</head>
<body>……</body>
</html>
例如:
<html>
<head>
<title>Hello World!</title>
</head>
<body>
Hello World!
</body>
</html>
直接用记事本保存为test.html文件,使用浏览器打开。
这就是一个非常简单的html网页。
1.3 文档类型
由于历史原因,HTML有许多版本,主要包括:HTML4.0、XHTML1.0和HTML5,常用的是HTML5版本。
浏览器默认是不知道HTML文档是那个版本的,所以必须在文档的开头声明
。
在HTML5中,文档类型声明只有一种:
<!DOCTYPE html>
所以1.2的代码是不完善的,需要加上文档类型声明:
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
Hello World!
</body>
</html>
1.4HTML基本语法
通过不同的标签(tag),HTML文档可以包含不同的内容,比如最基础的文本图片,链接、列表、表格、表单甚至视频等,最后在浏览器上呈现出来,就构成了网页
。
- 标签
用尖括号包含的关键词称为标签,标签通常成对出现,例如:<p></p>
,标签内部包含对应标签的内容,例如:<p>Hello World!</p>
。 - 元素
标签及其包含的内容称为元素。例如:<p>Hello World!</p>
。 - 块级元素
在浏览器中显示时会从新的一行开始。例如<p>Hello World!</p><p>I'm Yancy!</p>
这两行文字在浏览器中会分行显示,因为p标签属于块级元素。 - 内联元素
又称为行内元素,与块级元素相反,会在桶一行从左到右顺序显示。 - 属性
元素的属性位于标签名称之后,用空格隔开,以键值对的形式出现。
例如:<p align="center">HelloWorld</p>
,其中align就是p标签的属性之一。
简单的来说,一张网页就对应了一篇HTML
文档,浏览器的功能就是将文档“翻译
”成我们最后看到的网页。而CSS
则是将网页美化的工具,JavaScript
就是实现网页与用户交互的工具。