跨平台移动APP设计及应用
上QQ阅读APP看书,第一时间看更新

2.1 HTML——超文本置标语言

2.1.1 HTML概述

1.HTML简介

HTML(Hyper Text Markup Language,超文本置标语言)是用来描述网页的一种语言。置标语言有一套编写规则,将所需要表达的信息按某种规则写成HTML文件,通过标记式的指令(Tag),将影像、声音、图片、文字、动画、影视等内容在浏览器中显示出来,就是人们现在所见到的网页。

HTML自1990年创立以来,历经多次修改,现已经发展为HTML 5。本节主要介绍HTML的一些最基本规则。本书所讲的HTML均指HTML 5,以后不再赘述。

2.HTML文档示例

HTML文档用来描述网页的表现结构,包含HTML标签和纯文本。Web浏览器读取HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容。

【例2-1】 一个最简单的HTML文档。

程序说明:

● <!DOCTYPE html>是HTML 5标准网页声明,全称为Document Type HyperText Markup Language,意思为文档种类为超文本置标语言或超文本链接标示语言。表示该页面采用了W3C标准,这样可以增强页面的兼容性,降低对浏览器的依赖性。<!DOCTYPE html>语句必须位于文档的最前面位置,处于<html>标签之前。

● <html>与</html>限定了文档的开始点和结束点。

● <head>与</head>之间为网页文档的头部。头部信息中的内容,主要被浏览器所用,不会显示在网页的正文内容里。

● <meta charset="utf-8">为设置中文编码的属性值。目前,在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时就需要在头部将字符声明为UTF-8的编码格式。

● <body>与</body>之间为网页文档的正文信息,其内容全部会在浏览器中显示出来。

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

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

用记事本或任何一种文本编辑器编写上述程序,并保存文件名为Ex2_1.html,然后用浏览器打开这个文件,其显示如图2.1所示。

图2.1 Web APP的工作方式

3.HTML标签规则

HTML标签的主要规则如下:

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

● HTML标签通常是成对出现的,例如<b>与</b>。

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