HTM简介?
在上一章节中我们讲到 html 很容易学习,同时也给出了 一个 简单的范例。现在我们就拿上一次的范例来讲解 html 的基本构成。
HTML是(Hyper Text Marku P 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>
范例讲解
<!DOCTYPE html>?是? 文档声明 ,此处将 文档声明 为 HTML5 文档
<html>?是 HTML 的根元素,表示 HTML 内容 从这里开始
<head>?是头部元素,包含了文档的元( Meta )数据, 这里的 内容 不会直接 显示 在网页上。
<title>?元素声明了文档元数据:文档 标题
<body>?元素声明了 HTML 正文内容 从这里开始
<h1>?元素可以定义 一个 大 标题
<p>?元素声明了 一个 段落
HTML 是不是很简单,是不是有点像 word 文档。
HTML 是什么呢?
简单来说,HTML 是用来描述网页的一种语言
HTML 指的是超文本 标记 语言:?H?yper?T?ext?M?arkup?L?anguage
HTML 不是一种编程语言,而是一种? 标记 ?语言
标记 语言 是一套? 标记 标签 ?(markup tag)
HTML 使用 标记 标签 来?描述?网页
HTML 文档包含了HTML? 标签 ?及?文本? 内容
HTML 文档也叫做?web 页面
HTML 标签 (HTML tag)
HTML 标签 是由?尖括号?包围的关键词,比如 <html>
HTML 标签 通常是?成对出现?的,比如 <b> 和 </b>
标签 对中的第 一个 标签 是?开始 标签 ?,第二个 标签 是?结束 标签
开始和结束 标签 也被称为?开放 标签 ?和?闭合 标签 ?< 标签 > 内容 </ 标签 >
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 已经经历了多个版本:
版本 发布时间 HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 1.0 2000 HTML5 2012 XHTML5 2013
<!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">中文 编码
范例:HTML 设置 UTF-8 编码
<!DOCTYPE?html> <html> <head> < Meta ?charset="utf-8"> <title>前端之家(www.F2er.com)</title> </head> <body> ????<h1>前端之家</h1> ????<p>这是第 一个 段落 标签 </p> </body> </html>
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did91832