html基本概念和入门开发 – HTML教程

这一章我们首先了解一下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代表超文本标记语言,它是最广泛使用的网页编写语言。
  1. 超文本是指将网页(HTML文档)链接在一起的方式,因此,网页上的链接被称为超文本。
  2. 顾名思义,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>

【html基本概念和入门开发 – HTML教程】我们将在后面的章节中学习所有的标题和正文标记,但是现在让我们看看什么是文档声明标记。
< !DOCTYPE> 声明< !DOCTYPE> web浏览器使用声明标记来理解文档中使用的HTML版本,HTML的当前版本是5,它使用了以下声明
< !DOCTYPE html>

根据所使用的HTML版本,HTML文档中还可以使用许多其他声明类型,我们将后面继续讨论< !DOCTYPE…> 以及其他HTML标记。

    推荐阅读