HTML 基础教程

HTML 基础教程
HTML是什么
HTML 常用编辑器
HTML 基础- 5个示例
HTML 元素
HTML 属性
HTML 标题
HTML 段落
HTML 文本格式化
HTML 链接
HTML 锚点
html 空格符
HTML 头部元素
HTML CSS
HTML 图像
HTML 表格
HTML 列表
HTML 区块
HTML 布局
HTML 表单
HTML 框架
HTML 颜色
HTML 颜色名
HTML 颜色值
HTML 脚本
HTML 字符实体
HTML URL
HTML 速查列表
HTML 总结
XHTML 简介
HTML 实例大全

HTML 媒体

HTML 媒体(Media)
HTML 插件
HTML 音频(Audio)
HTML 视频（Video）播放

HTML 参考手册

HTML 标签大全(按字母查找)
HTML 标签大全（功能排序）
HTML 全局属性
HTML 事件
HTML 画布
HTML 音频/视频
HTML 有效DOCTYPES
HTML 颜色名
HTML 拾色器
HTML 颜色搭配
HTML 字符集
HTML ASCII 参考手册
HTML ISO-8859-1 参考手册
HTML 字符实体大全
HTML URL 编码参考手册
HTML 语言代码参考手册
HTTP 状态消息
HTTP 方法 GET与POST
键盘常用快捷键

HTML5 基础教程

HTML5 教程
HTML5 浏览器支持
HTML5 新元素
HTML5 MathML
HTML5 Input 类型
HTML5 表单元素
HTML5 表单属性
HTML5 语义元素
HTML 5 本地数据库
HTML5 应用程序缓存
HTML5 WebSocket
HTML(5) 代码编写规范

HTML5 API

HTML5 拖放
HTML5 地理定位
HTML5 客户端存储
HTML5 Web Workers
HTML5 服务器发送事件
HTML5 历史记录API

HTML5 媒体

HTML5 Video(视频)
HTML5 Audio(音频)

HTML 常用编辑器 HTML 基础教程

HTML是什么

HTML称为超文本标签语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

示例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>基础教程(cainiaojc.com)</title>
</head>
<body>
<h1>我的第一个网页标题</h1>
<p>我的第一个网页段落。</p>
</body>
</html>

测试看看 ‹/›

示例解析

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

注：在网页空白处,点击右键,选择"网页源文件"或按键盘上F12开启调试模式,均可查看网页源码。

什么是HTML?

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签>

HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，如下示例:

HTML 元素:

<p>这是一个段落。</p>

Web 浏览器

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户：

图片.png

HTML 网页结构

下面是一个可视化的HTML页面结构：

<html>

<head>

</head>

<body>

<h1>这是一个标题</h1>

<p>这是一个段落。</p>

<p>这是另外一个段落。</p>

</body>

</html>

只有 <body> 区域 (白色部分) 才会在浏览器中显示。

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>声明有助于浏览器中正确显示网页。

网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。

doctype 声明是不区分大小写的，以下方式均可：

<!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype 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">

查看完整网页声明类型 DOCTYPE 参考手册。

中文编码

目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

示例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>utf-8编码网页(cainiaojc.com)</title>
</head>
<body>
 
<h1>我的第一个utf-8编码网页标题</h1>
 
<p>我的第一个utf-8编码网页段落。</p>
 
</body>
</html>

测试看看 ‹/›

图片.png

HTML 常用编辑器 HTML 基础教程