01.HTML简介——{HTML入门}
2016-10-09 本文已影响75人
Beurself_
HTML 是什么?
HTML 简介原文地址:W3Schools
HTML 是为 网页而生 的 标记语言 ,这门语言(或是符号)是你与网页对话的基础,但它 并不是 一门 编程语言 。
- HTML 借助 标记语言 来描述整个网页框架
- HTML 中各种元素能够构建出网页中的各个模块
- HTML 中的各个元素,又是由各种不同的 标签 所代表体现出来
- HTML 标签 有"heading""paragraph""table"等等
- 浏览器 并不会显示标签,它会通过 标签 来显示网页中我们想要的内容
一个简单的 HTML 长什么样
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
-
<!DOCTYPE html>
说明这是符合 HTML5 规则的文档 -
<html>
代表整个网页结构 -
<head>
包括了整个文档的所有的元数据(基本信息)
-<title>
是整个页面的标题,就是浏览器标签页上显示的名字 -
<body>
代表你需要整个页面显示出来的主体内容部分 -
<h1>
显示一个超大页面标题 -
<p>
代表一个段落
HTML标签
HTML 标签被含有 元素名称 的成对 尖括号 "<>" 组成:
<元素名称>内容在这里输入...<元素名称>
- HTML 标签 通常都是成对出现,例如
<p>
和</p>
- 成对的标签中,第一个标签代表 开始 ,第二个标签代表 结束
- 结束标签 和 开始标签 一样,不过在标签名前会多一个符号—— " / "
Tip: 成对标签 也可以叫做 开口标签 、闭口标签 。
浏览器
之所以我们需要浏览器,是因为它可以帮助我们解读 HTML 文档 ,然后在屏幕中显示给我们看。
浏览器并不能显示出 HTML 标签 ,但它可以利用标签告诉电脑怎样去显示这个文档。
Note: 只有在
<body>
标签里的内容会在浏览器里显示出来。
<!DOCTYPE> 声明
<!DOCTYPE>
声明 代表文档类型,帮助浏览器正确显示网页
它只会出现一次,在页面最顶端(在<html>
标签之前)
<!DOCTYPE>
声明 不区分大小写
HTML 的 <!DOCTYPE>
声明 是这样的:
<!DOCTYPE html>
HTML 版本:
在互联网早期的时候, HTML 有许多版本: