HTML简介
HTML,HyperText Markup Language,一种用于创建网页的超文本标记语言,主要运行在浏览器上,由浏览器来解析。HTML 命令可以说明文字、图像、动画、声音、表格和链接等,它的结构包括头部(Head)、主体(Body) l两大部分,其中头部用于描述浏览器所需的信息,而主题则包括所要说明的具体内容。HTML 不是一种编程语言,而是一种标记语言(是一套标记标签),使用标记标签来描述网页。
超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。
HTML标签:
- 由尖括号包围的关键词组成,如 <html>
- 通常是成对出现的,如 <b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个是结束标签,又被称为开放标签和闭合标签。
HTML元素:一个HTML的元素包含了开始标签与结束标签,如 <p>这是一个段落</p>
Web浏览器:
用于读取 HTML 文件并将其作为网页显示,如有谷歌浏览器、Internet Explorer、Firefox 等,它并不是直接显示的 HTML 标签,可以使用标签来决定如何展现 HTML 页面的内容给用户,如图:
HTML的网页结构:如下图是一个可视化的 HTML 页面结构,其中只有 body 部分内容会在浏览器中显示:
<!DOCTYPE> 声明:
该声明有助于浏览器中正确显示网页,在网络上有很多不同的文件,能够正确声明 HTML 的版本,浏览器就能正确显示网页的内容。该声明不区分大小写,用来告知 Web 浏览器页面使用了哪种 HTML 版本,以下四种方式均可以:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
说明:
在HTML 4.01 中,<!DOCTYPE> 声明需引用 DTD (文档类型声明),因为 HTML 4.01 是基于 SGML(Standard Generalized Markup Language 标准通用标记语言)的。HTML 4.01 规定了三种不同的 <!DOCTYPE> 声明,分别是:Strict、Transitional 和 Frameset。HTML5 不是基于 SGML,因此不要求引用 DTD。
对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则需要设置为 <meta charset="gbk">。目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候需要在头部将字符声明为 UTF-8