Demo实例
标签解释:
<html> 是 HTML 页面上的根元素
<head> 包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 描述了文档的标题
<body> 包含了可见的页面内容
<h1> 定义了一个大的标题
<p> 定义了一个段落
那什么是HTML呢?
HTML 是一种描述网页的语言。
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 是一种标记语言, 不是编程语言(标记语言代表的是标记标签)
- HTML 使用这些标记标签来描述网页
- HTML 文档也包含了很多标签及文本内容
- HTML文档也叫做 web 页面
那什么是HTML标签呢?
HTML 标记标签也被称为 HTML 标签。
- HTML 标签是由尖括号组成的,例如
- 这些标签通常是成对出现的,例如
和
- 成对的标签中的第一个是开始标签,第二个是结束标签
- 开始和结束标签也可以叫做开发和闭合标签
<这是标签>这里是内容</这是标签>
那什么是HTML 元素呢?
“标签” 和 “元素” 其实描述的是相同的意思,严谨的说法呢,HTML元素是包含了开始标签和结束标签, 举例:
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:
HTML 元素:
<p>这里是段落内容</p>
那什么是Web 浏览器呢?
有很多的Web浏览器,例如: Safari, Firefox, Edge, Google等, 他们都可以用来读取并在网页上展示HTML。
但是浏览器不是直接的去展示HTML标签,不过我们可以用标签来决定在网页中展示什么内容给用户。
那HTML 网页结构是什么样的呢?
HTML页面的结构图如下:
注意: 浏览器中只显示 白色部分的 内容。
那HTML版本有哪些呢?
从初期的网络诞生后,已经出现了许多HTML版本:
什么是<!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">
中文编码
如果我们想要避免中文乱码的请客,就需要在头部添加声明, 例如UTF-8 或 GBK。
目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。