HTML超文本标记语言

分享成果，随喜正能量】喜欢感恩，顺利就越来越多；喜欢助人，贵人就越来越多；喜欢抱怨，烦恼就越来越多；喜欢知足，快乐就越来越多；喜欢逃避，失败就越来越多；喜欢分享，朋友就越来越多；喜欢生气，疾病就越来越多；喜欢占便宜，贫穷就越来越多；喜欢施财，富贵就越来越多；喜欢享福，痛苦就越来越多；喜欢学习，智慧就越来越多。

《VBA信息获取与处理》教程是我推出第六套教程，目前已经是第一版修订了。这套教程定位于最高级，是学完初级，中级后的教程。这部教程给大家讲解的内容有：跨应用程序信息获得、随机信息的利用、电子邮件的发送、VBA互联网数据抓取、VBA延时操作，剪贴板应用、Split函数扩展、工作表信息与其他应用交互，FSO对象的利用、工作表及文件夹信息的获取、图形信息的获取以及定制工作表信息函数等等内容。程序文件通过32位和64位两种OFFICE系统测试。是非常抽象的，更具研究的价值。

教程共两册，八十四讲。今日的内容是专题八 VBA与HTML文档,内容是：HTML超文本标记语言

第一节什么是HTML超文本标记语言

我们上网需要浏览器，浏览器的作用就是把服务器返回的源代码，翻译成我们可视的生动的页面。它的作用是和VBA代码一样的，就要要把各种逻辑关系用代码的形式表现出来。服务器返回返回的源代码是什么语言呢，就是通常所说的，超文本标记语言。超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

1 超文本标记语言的作用

什么是标记语言呢？顾名思义，它只能用于展示，展示我们所看到的网页页面。不是编程语言。为啥叫超文本呢，大家仔细看，这堆源代码有什么特征呢，就是有很多<…>这样的文本，一般而言，我们把<…>叫做标签。我们先看看下面一段的源码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>小游戏,4399小游戏,小游戏大全,双人小游戏大全 - www.4399.com</title>

截图：

网页截图：

浏览器正是把上面的代码翻译成了我们上面的网页。

2 超文本标记语言的基本特征

超文本语言中的标签都是成对出现的，这也是这种语言的特征。例如：“<title>小游戏,4399小游戏,小游戏大全,双人小游戏大全 - www.4399.com</title>”。

第一个<title>叫做开始标签，第二个</title>多带了个/叫结束标签。标签之间就是网页的文本，例如这个例子，就是我们网页标题的文本“小游戏,4399小游戏,小游戏大全,双人小游戏大全 - www.4399.com”。所以，标签的作用就是，给文本打上标记，告诉浏览器，怎么显示这个文本。例如本例，要求浏览器把“小游戏,4399小游戏,小游戏大全,双人小游戏大全 - www.4399.com”显示成网页的标题。HTML文档=文本+标签，这就是所谓超文本。

3 超文本标记语言的一个简单实例

在上面我讲了什么是HTML语言，及其特征，下面我们通过一个实例进一步认识他：

<html>

<body>

<h1>学习VBA语言</h1>

<p>为了更好的掌握VBA的各个知识点，您可以参考我的第一套教程：VBA代码解决方案</p>

</body>

</html>

我们把上面的几行代码录入到记事本中，保存成.html文件。HTML基础学习.HTML

然后正常双击大家这个文件，就会是一个浏览器文件了：

本节知识点回向：

什么是HTML语言？特征是什么？

本节参考文件：HTML基础学习.html

我20多年的VBA实践经验，全部浓缩在下面的各个教程中，教程学习顺序：

【分享成果，随喜正能量】修持好了内心，心平气和，就不与琐事较劲，不与挫折较劲，不与不愉较劲。生活也才顺畅，人生自然福气满满。 

许多人来说，学习HTML是学习Web设计和开发的第一步--甚至是更高级的编程语言。大多数人认为HTML清晰易学。因为它是一种标记语言，它不同于编程语言。标记语言旨在描述文档中内容片段的用途。

关于HTML的一个常见误解是它被用来设计网页或网站。虽然HTML语言提供了结构，但该结构与实际外观脱节。HTML结构可以应用于大屏幕显示器，移动设备，甚至打印版本的文档。所以当你在HTML5培训机构学有所成之后，你的就业选择也是很多的，不仅仅只是做网站。

今天使用的HTML版本很多，最常用的是HTML5。使用HTML5，我们可以直接在Web浏览器中播放音频和视频。HTML5带来了大量的新标签，使我们能够构造文档。这些新标签包括页眉、页脚、文章、部分、旁边和导航(用于导航元素)。

要想学好HTML5，首先要理解HTML5代码背后的词汇表是很重要的，如果你理解并能够识别HTML5代码中的标记、内容、属性和值，那么你就可以更好地理解代码。我们在HTML5培训中学习时，要非常重视这一点，不懂的要及时问老师，加深对代码的理解，这对你学习其他语言也有好处。

标记和元素

标记是HTML的基本构建块。标记是构成HTML标记语言的单个内容单元。HTML标记被配对成一个开始标记和一个结束标记。开始标记、结束标记和中间出现的任何内容一起称为元素。

内容

内容通常是用户实际要阅读、聆听或查看的内容。在浏览器中查看的所有文本都是存在于HTML代码的某些元素中的内容。

属性和值

通常，需要以某种方式修改标记，或者需要关于标记应该如何执行的附加信息。通常，标记需要链接到CSS或Javascript代码，以便使它们具有动态。在这两种情况中，都使用属性和值。

每个行业都有要使用的“工具”。在HTML的情况下，您会用一些程序来编写和显示代码。有几十种好工具。你可以通过反复尝试找出你最喜欢的工具。HTML5培训中也会介绍很多种工具供你学习，你熟悉的越多，对你在工作上的帮助也就越大。

文本编辑器

文本编辑器是编写HTML5代码的程序。文本编辑器类似于精简的字处理器。最重要的是，与文字处理器相比，它们保持文本“纯净”，并且不会注入格式代码来混淆试图解释HTML的浏览器。

一个好的免费文本编辑器是Adobe的括号。括号适用于pc和mac。网上也有免费的供你下载

浏览器

浏览器的面貌总是在变化。大多数开发人员在他们的机器上安装了几个浏览器。目标通常是确保HTML和CSS代码在这一系列浏览器上执行相同的操作。GoogleChrome仍然是许多开发人员的最爱，因为它拥有广泛的开发工具。Chrome中的开发人员工具提供了一种测试HTML和Javascript代码以及跟踪问题的方法。

除了Chrome之外，大多数Web开发人员都有Firefox、Safari甚至Opera来测试他们的HTML代码。由于许多Windows用户目前升级到Windows10，用户也应该考虑在WindowsEdge浏览器中进行测试。

熟悉关于HTML5培训的入门基础知识，是为了让你在HTML编码方面有一个快速的开始。在掌握HTML编码之前，还有更多的知识需要学习和了解。在HTML5培训机构里，有专业的导师团队，引领行业的先进课程，让每位学员可以更快的掌握想学的知识，学习更有成效。

了解更多

需HTML标记

有四组必需的HTML标记来构成每个HTML文件的基本结构：

<html></html>
<head></head>
<title></title>
<body></body>

定义 - <html> </html>

标记html定义一个网页文档。它标识了HTML文档的开始和结束。所有其他标记必须位于html标记之间。

页眉/头部 - <head> </head>

标记head包含关于文档的信息，这些信息不会出现在实际页面上，例如文档的标题、作者、使用的样式表以及元标记。

标题 - <title> </title>

标记title标记定义网页在web浏览器标题栏中的标题。标题必须出现在head标记之间。

正文 - <body> </body>

标记body包含页面上的所有信息和其他可见内容。所有图像、链接和纯文本必须位于<body>和</body>标记之间。

这四个标记很特别。每个只能有一组，并且它们必须按照下面示例中的正确顺序排列。

例子

下面是一个基本的html文档。请注意，所有内容都在html标记之间，标题出现在文档的头部，而正文位于头部之后：

浏览器显示内容如下所示：

在线咨询

上一篇：高质量 HTML5 开源视频播放器DPlayer
下一篇：HTML 列表

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商