HTML
万丈高楼平地起,我们只有一步一个脚印,踏实的往上努力才可能达到我们想要的目标。
首先来了解何为HTML?
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b>。成对出现的标签称为双标签,只有单个标签称为单标签。
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
HTML 文档 = 网页
- HTML 文档描述网页
- HTML 文档包含 HTML 标签和纯文本
- HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8" />
<title>这是我的第一个HTML代码</title>
</head>
<body>
<h1>这是header1标签</h1>
<p>这是paragraph标签</p>
</body>
</html>
这是目前一个经典的的html代码。
代码解释:
●<!DOCTYPE html> :这是一个声明。声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签是告知浏览器本文档使用哪种 HTML 或 XHTML规范。该标签可声明三种 DTD类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。此知识点过于繁多,对此有兴趣的童鞋,可以自行去百度了解。【注:DOCTYPE是document type的缩写】
●<html>与</html>之间的文本为描述此网页。
●<head>与</head>之间的文本用于定义文档的头部,文档的头部描述了文档的各种属性和信息,<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
●<body>与</body>之间的文本是可见的页面内容显示给读者。
●<h1>与</h1>之间的文本会被显示为一级标题。【注:h1为header1的缩写】
●<p>与</p>之间的文本会被显示为段落。【注:p为paragraph的缩写】