HTM简介在上一章节中我们讲到 html 很容易学习，同时也给出了一个简单的范例。现在我们就拿上一次的范例来讲解 html 的基本构成。 HTML是(Hyper Text MarkuP Language)首字母缩写词，代表用于创建网页和Web应用程序的超文本标记语言，什么是超文本、标记语言和网页我们来看看。 超文本：超文本仅表示“文本中的文本”，文本内有链接是超文本。当单击了超文本将会跳转到新网页。超文本是一种将两个或多个网页（HTML文档）相互链接的方法。 标记语言：标记语言是一种计算机语言，用于将布局和格式约定应用于文本文档。标记语言使文本更具交互性和动态性。它可以将文本转换为图像，表格，链接等。 网页：网页是通常以HTML编写并由网络浏览器翻译的文档，可以通过输入URL来识别网页。网页可以是静态或动态类型，仅借助HTML，我们可以创建静态网页。 HTML 范例<!DOCTYPE html> <html> <head> <Meta charset=utf-8> <title>前端之家(www.F2er.ccom)</title> </head> <body> <h1>前端之家</h1> <p>这是第一个段落标签</p> </body> </html> 范例讲解
HTML 是不是很简单，是不是有点像 word 文档。 HTML 是什么呢?简单来说，HTML 是用来描述网页的一种语言
HTML 标签(HTML tag)
HTML 元素HTML 标签 和 HTML 元素 通常都是描述同样的意思. 但是严格来讲,一个 HTML 元素包含了开始标签与结束标签，如下范例: <p>这是第一个段落标签</p> Web 浏览器Web 浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文档，并将其作为网页显示。 浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户 HTML 网页结构一般的 HTML 页面都会有如下结构： <html> <head> <title>页面标题</title> </head> <body> <h1>这是一个标题</h1> <p>这是一个段落。</p> <p>这是另外一个段落。</p> </body> </html> 只有 <body> 区域 (白色部分) 才会在浏览器中显示。 HTML 版本从 1991年 HTML 诞生后，HTML 已经经历了多个版本：
<!DOCTYPE> 声明<!DOCTYPE> 声明能够让浏览器按照声明的标准来显示网页。 doctype 声明是不区分大小写的，以下方式均可： <!--推荐使用--> <!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html> 虽然有不区分大小写，但我们推荐使用 <!DOCTYPE html> HTML 各推荐标准通用声明HTML5 推荐<!DOCTYPE html> HTML 4.01<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd> XHTML 1.0<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> 中文编码如果你看到的网页显示了一大堆乱码，原因就是它们都没有正确的设置编码，这时候，我们就需要在头部将字符声明为 UTF-8 范例:HTML 设置 UTF-8 编码<!DOCTYPE html> <html> <head> <Meta charset=utf-8> <title>前端之家(www.F2er.com)</title> </head> <body> <h1>前端之家</h1> <p>这是第一个段落标签</p> </body> </html> |
