2.1 HTML的基本概念 |
|
HTML是全球广域网描述网页内容和外观的标准,通过IE、FireFox、Chrome等浏览器的翻译,将网页中所要呈现的内容、排版展现在用户眼前。
事实上,HTML是一种互联网上较常见的网页制作标记型语言,并不能算作一种程序设计语言,因为它缺少程序设计语言所应有的特征。标记语言是一套标记标签(markup tag),HTML使用标记标签来描述网页,在当中包含有属性和值。标签描述了每个在网页上的组件,例如文本段落、表格或图像等。HTML文档包含了HTML标签及文本内容,HTML文档也叫作Web页面。
2-1 HTML5文档的基本格式
【例2-1】 创建一个带标题和段落的页面,效果如图2-4所示,代码如下。
图2-4 基础页面效果
实例解析:
1)<!DOCTYPE html>,声明为HTML5文档。
2)<html>元素,是HTML页面的根元素。
3)<head>元素,包含了文档的元(meta)数据,如<meta charset="UTF-8">定义网页编码格式为UTF-8。
4)<title>元素,描述了文档的标题。
5)<body>元素,包含了可见的页面内容。
6)<h1>元素,定义一个一级大标题。
7)<p>元素,定义一个段落。
注意: doctype声明是不区分大小写的,用来告知Web浏览器页面使用了哪种HTML版本。目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,需要在头部将字符声明为UTF-8。使用HBuilder创建的页面就有了基本的结构,只需要在body标签内输入h1和p标签并填充内容,然后更改title标签的内容即可达到上面的效果。
HTML注释语句包含在“<!--”与“-->”之间,会被浏览器忽略,且不会显示在用户浏览的最终界面中。例如: