好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML 简介

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>


查看更多关于HTML 简介的详细内容...

  阅读:67次

上一篇

下一篇

第1节:HTML 编辑器    第2节:HTML 基础教程    第3节:HTML 简介    第4节:HTML 表格    第5节:HTML 图像    第6节:HTML 样式 CSS    第7节:HTML 头部<head>    第8节:HTML 链接    第9节:HTML 段落    第10节:HTML 文本格式化    第11节:HTML 标题    第12节:HTML 格式    第13节:HTML 属性    第14节:HTML 标签    第15节:HTML 元素    第16节:HTML 构建块    第17节:HTML 列表    第18节:HTML 布局    第19节:HTML URL    第20节:HTML 字符实体    第21节:HTML 脚本    第22节:HTML 颜色值    第23节:HTML 颜色名    第24节:HTML 颜色    第25节:HTML 框架    第26节:HTML 表单    第27节:HTML 区块    第28节:学习完HTML,下一步该学习什么?    第29节:HTML 速查    第30节:HTML XHTML 推荐标准    第31节:HTML 多媒体    第32节:HTML 插件    第33节:HTML 音频 Audio    第34节:HTML 视频 Videos