Web前端开发技术
上QQ阅读APP看书,第一时间看更新

第一部分 Web基础

第1章 HTML基础

1.1 HTML简介

HTML指超文本标记语言,是通向Web技术世界的钥匙。

1.1.1 什么是HTML

HTML是用来描述网页的一种语言。

·HTML指的是超文本标记语言(Hyper Text Markup Language)。

·HTML不是一种编程语言,而是一种标记语言(markup language)。

·标记语言是一套标记标签(markup tag)。

·HTML使用标记标签来描述网页。

所谓超文本,是由信息结点和表示信息结点间相关性的链接构成的一个具有一定逻辑结构和语义的网络。

传统的文本是顺序的,线性表示的,而超文本不是顺序的,它是一个非线性的网状结构,把文本按其内部固有的独立性和相关性划分成不同的基本信息块。超文本是一种用于文本、图形或者计算机的信息组织形式,它使得单一的信息块之间相互交叉“引用”。这种“引用”并不是通过复制来实现的,而是通过指向对方的地址字符串来指引用户获取相应的信息。这种信息组织形式是非线性的,它使得Internet成为真正为大多数人所接受的交互式的网络。

1.1.2 HTML标签

HTML标记标签通常被称为HTML标签(HTML tag)。

·HTML标签是由尖括号包围的关键词,例如<html>。

·HTML标签通常是成对出现的,例如<body>和</body>。

·标签对中的第一个标签是开始标签,第二个标签是结束标签。

·开始和结束标签也被称为开放标签和闭合标签。

1.1.3 HTML文档

HTML文档也被称为网页。HTML文档包含HTML标签和纯文本。Web浏览器的作用就是读取HTML文档,并以网页的形式呈现它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容。

例1-1:

其中:

·<html>与</html>之间的文本描述网页。

·<body>与</body>之间的文本是可见的页面内容。

·<h1>与</h1>之间的文本被显示为标题。

·<p>与</p>之间的文本被显示为段落。

1.1.4 HTML元素

HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

1.HTML元素语法

·HTML元素以开始标签起始。

·HTML元素以结束标签终止。

·元素的内容是开始标签与结束标签之间的内容。

·某些HTML元素具有空内容(empty content)。

·空元素在开始标签中关闭。

·大多数HTML元素可以拥有属性。

·大多数HTML元素可以嵌套,即可以包含其他HTML元素。

·HTML文档由嵌套的HTML元素构成。

2.空的HTML元素

没有内容的HTML元素称为空元素。空元素是在开始标签中关闭的。例如:<br>就是没有关闭标签的空元素,<br>标签定义换行。在开始标签中添加斜杠——<br/>,是关闭空元素的正确方法。

3.HTML使用小写标签

HTML标签对大小写不敏感:<P>等同于<p>。许多网站都使用大写的HTML标签。万维网联盟(W3C)在HTML 4中推荐使用小写,在未来的(X)HTML版本中强制使用小写。

1.1.5 HTML属性

HTML属性为HTML元素提供附加信息。属性总是以名称/值对的形式出现,例如:name="value"。属性总是在HTML元素的开始标签中定义。

例1-2:

HTML链接由<a>标签定义。链接的地址在href属性中指定:

<a href="http://zjg.just.edu.cn">江科大张家港校区</a>

1.使用小写属性

属性和属性值对大小写不敏感。万维网联盟(W3C)在HTML 4中推荐使用小写,在未来的(X)HTML版本中强制使用小写。

2.始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,例如属性值本身就含有双引号,那么就必须使用单引号,例如:name='Tom"HelloWorld"Smith'。

1.1.6 HTML编辑

可以使用Notepad或者TextEdit来编写HTML文档,也可以使用专业的HTML编辑器,例如Adobe Dreamweaver。当保存HTML文件时,既可以使用.htm也可以使用.html扩展名。两者没有区别,完全根据个人喜好。HTML文件可以在浏览器中运行。