srcmini这一章我们首先了解一下html的基本概念，以及html的一些入门开发示例。
HTML基本概念
HTML代表超级文本标记语言（Hyper Text Markup Language），是Web上开发Web页面最广泛使用的语言。HTML由Berners-Lee在1991年末创建，但“HTML 2.0”是第一个标准的HTML规范，并于1995年发布。HTML 4.01是HTML的主要版本，于1999年底发布。虽然HTML 4.01版本被广泛使用，但目前我们有HTML-5版本，它是HTML 4.01的扩展，这个版本在2012年发布。
为什么要学习HTML？
最初，开发HTML的目的是定义文档的结构，如标题、段落、列表等，以便于研究人员之间共享科学信息。现在，HTML被广泛地用于在HTML语言中提供的不同标记的帮助下格式化web页面。
HTML是一个必须的学生和工作的专业人员成为一个伟大的软件工程师，特别是当他们在网络开发领域工作，我将列出一些学习HTML的主要优势：
- 创建网站-你可以创建一个网站或自定义一个现有的网络模板。
- 成为一个网页设计师——如果你想成为一个专业的网页设计师，HTML和CSS设计是一个必须的技能。
- 了解网页——如果你想优化你的网站，提高它的速度和性能，最好了解HTML产生最好的结果。
- 学习其他语言——一旦你理解了HTML的基础，那么其他相关的技术，如javascript、php或angular就会变得更容易理解。
HTML的Hello World页面
为了让你对HTML有点兴奋，我将给你一个小的传统的HTML Hello World程序。
<!DOCTYPE html>
<html>
<head>
<title>HTML文档标题</title>
</head>
<body>
<h1>这是标题</h1>
<p>Hello World!</p>
</body>
</html>
HTML的应用
如前所述，HTML是web上使用最广泛的语言之一，下面我将列举其中的几个：
- 网页开发- HTML是用来创建网页，这是呈现在网上，几乎每个web页面都有html标记来在浏览器中显示其详细信息。
- Internet导航—HTML提供了用于从一个页面导航到另一个页面的标记，并在Internet导航中大量使用。
- 响应式UI – HTML页面现在在所有平台、移动、标签页、桌面或笔记本电脑上都能很好地工作，这得益于响应式设计策略。
- 离线支持HTML页面一旦加载，可以在机器上离线可用，不需要任何互联网。
- 游戏开发- HTML5支持丰富的经验，现在在游戏开发领域也很有用。
HTML入门开发
HTML代表超文本标记语言，它是最广泛使用的网页编写语言。
- 超文本是指将网页(HTML文档)链接在一起的方式，因此，网页上的链接被称为超文本。
- 顾名思义，HTML是一种标记语言，这意味着你可以使用HTML简单地“标记”一个文本文档，并使用标记告诉Web浏览器如何构造它来显示。
HTML被广泛地用于在HTML语言中提供的不同标记的帮助下格式化web页面。
基本的HTML文档
最简单的例子就是HTML文档
<!DOCTYPE html>
<html>
<head>
<title>这是文档标题</title>
</head>
<body>
<h1>这是标题</h1>
<p>这是文档内容.....</p>
</body>
</html>
HTML标记
如前所述，HTML是一种标记语言，它使用各种标记来格式化内容。这些标记包含在角括号<标记名称>中，除了少数标签外，大多数标签都有相应的结束标签。例如，<html>有它的结束标签</html>和<body>标签有它的结束标签</body>标签等。
上面的HTML文档示例使用了以下标记
| 编号 | 标记和描述 |
| 1 | <!DOCTYPE…> 此标记定义文档类型和HTML版本。 |
| 2 | <html> 该标签包含完整的HTML文档，主要由<head>…</head>和由<body>…< /body>标签。 |
| 3 | <head> 这个标记表示文档的标题，它可以保存其他HTML标记，如<title>， <link>等。 |
| 4 | <title> <title>标记用于<head>标记中提及文档标题。 |
| 5 | <body> 这个标签代表了文档的主体，它包含了其他的HTML标签，比如<h1>， <div>， <p>等等。 |
| 6 | <h1> 这个标记表示标题。 |
| 7 | <p> 这个标签代表一个段落。 |
要学习HTML，你需要在格式化文本文档时研究各种标记并理解它们的行为方式。学习HTML很简单，因为用户必须学习不同标签的用法，以便格式化文本或图像。
万维网联盟(W3C)建议使用从HTML 4开始的小写标记。
HTML文档结构
典型的HTML文档具有以下结构
<html>
<head>
文档头相关标签
</head>
<body>
文档主体相关标签
</body>
</html>
我们将在后面的章节中学习所有的标题和正文标记，但是现在让我们看看什么是文档声明标记。
< !DOCTYPE>声明
< !DOCTYPE>web浏览器使用声明标记来理解文档中使用的HTML版本，HTML的当前版本是5，它使用了以下声明
<!DOCTYPE html>根据所使用的HTML版本，HTML文档中还可以使用许多其他声明类型，我们将后面继续讨论<!DOCTYPE…>以及其他HTML标记。
评论前必须登录！
注册