这一章我们首先了解一下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就会变得更容易理解。
<
!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简单地“标记”一个文本文档,并使用标记告诉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> 这个标签代表一个段落。 |
万维网联盟(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标记。
推荐阅读
- html基本标签 – HTML教程
- React Native AsyncStorage持久化 – React Native实战教程
- CSS attr()函数代码简单示例
- 从列表中移除满足Java中给定谓词的元素
- 算法题(100头牛和牛奶问题)
- AngularJS ng-bind指令用法详细指南
- Python(将字典作为参数传递给函数)
- Scala中的数据类型详细介绍和解释
- Golang中的嵌套结构代码示例解释