整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
分享成果，随喜正能量】时间即是生命，争取时间，就是抢救生命；寿命就是时间，浪费时间，就是糟蹋生命。
《VBA信息获取与处理》教程是我推出第六套教程，目前已经是第一版修订了。这套教程定位于最高级，是学完初级，中级后的教程。这部教程给大家讲解的内容有：跨应用程序信息获得、随机信息的利用、电子邮件的发送、VBA互联网数据抓取、VBA延时操作，剪贴板应用、Split函数扩展、工作表信息与其他应用交互，FSO对象的利用、工作表及文件夹信息的获取、图形信息的获取以及定制工作表信息函数等等内容。程序文件通过32位和64位两种OFFICE系统测试。是非常抽象的，更具研究的价值。
教程共两册，八十四讲。今日的内容是专题八“VBA与HTML文档”的第二节上半部分：HTML文档常用元素的构成
大家好，我们今日继续讲解HTML文档的元素分析第二部分，对于HTML文档的元素，我们只要求大家能看懂，对于一些常见的元素熟悉即可，毕竟我们侧重于应用。不是构建网站。
1）图像 <img>
通过使用 HTML，可以在文档中显示图像。图像标签用法和超链接类似，图像标签（<img>）和源属性（Src）
语法：<img src=”url” alt=”文本”>
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
alt属性代表的是，当图片无法加载的时候，替换显示的文本。我们仍旧以一个例子来说明：
将“HTML基础学习-2.html”的文件修正如下：
<html>
<head> <!--注释：文档头部，文档相关消息，并不提供文档内容-->
<title>
VBA应用提高篇，图像的测试
</title>
</head>
<body> <!--注释：文档主体-->
<h1>图像的测试</h1>
<p>这里我将测试一个图片：</p>
<img src="http://p3.toutiaoimg.com/large/pgc-image/9fbe77be8a784b9abefdca070a9e4503" img_width="542" img_height="406"
alt="使用WithEvents定义响应事件的对象" inline="0">
</body>
</html>
内容截图：
上述代码中
<img src="http://p3.toutiaoimg.com/large/pgc-image/9fbe77be8a784b9abefdca070a9e4503" img_width="542" img_height="406" alt="使用WithEvents定义响应事件的对象" inline="0">
就是对图像的引用：http://p3.toutiaoimg.com/large/pgcimage/9fbe77be8a784b9abefdca070a9e4503 是图像的地址。我们将上述文件保存为“HTML基础学习-3.html”，然后用双击打开，我们可以看到下面的网页效果：
2）表格<table>
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> 标签进行定义。
大多数浏览器会把表头显示为粗体居中的文本：
表格是我们网页最常见的，也是我们网页数据提取，最需要打交道的，它非常简单，如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。
使用边框属性来显示一个带有边框的表格：
<html>
<head> <!--注释：文档头部，文档相关消息，并不提供文档内容-->
<title>
表格的测试
</title>
</head>
<body> <!--注释：文档主体-->
<h1>表格的测试</h1>
<p>这里我将测试两个表格：</p>
<table border="1"> <!--注释：border设置表格边框样式-->
<caption>VBA学习资料</caption>
<tr>
<th>难易</th>
<th>资料</th>
</tr>
<tr>
<td>初级教程</td>
<td> VBA代码解决方案</td>
</tr>
<tr>
<td>中级教程</td>
<td>VBA数组与字典解决方案</td>
</tr>
</table>
</body>
</html>
上述文件保存为“HTML基础学习-4.html” ,打开后效果如下：
3) 输入标签 <input>
除了表格，表单也是我们在网页数据提取，页面操控最常见到的元素。例如我们注册用户，例如我们的微博登陆，例如我们的百度搜索，其实都是表单。表单会让输入一些信息。输入标签 <input>就是用来输入信息的。
其语法是：<input type=类型 name=元素名称 id=元素id value=元素值/>
其类型由type属性定义，常见的有：text（文本框）、Radio（单选按钮）、Checkboxes（复选框）、submit（提交按钮）、hidden（隐藏）、reset（重置）和password（密码框）等。
其中注意，其中单选框和复选框的是否选中，由checked属性指定，如果值是”checked”则选定。
4）框架<frame> 标签
Frame 标签定义了放置在每个框架中的 HTML 文档。
Frame是独立框架，就好像我们的分屏浏览一样，一个屏幕，浏览多个画面一样。框架必须放置在框架结构标签里面（<frameset>），其rows/columns 属性的值规定了框架每行或每列占据屏幕的面积。另外，frameset和body不能同时使用，除非有noframes，很简单，因为frame其实就描绘文档了，所以，一般不需要再有body进行描绘。另外，框架元素一般放置于head元素內。Frame元素的src属性就是设定了其框架内显示页面的URL。
5）<iframe> 标签
Iframe的框架，就类似画中画的效果，在原页面插入一个页面。语法如下：
<iframe src =url scrolling=yes/no/auto height=xx width=xx>
Src设定框架内要显示的文档的url，scrolling设置是否显示滚动条。Height和widty设置的就是它的高度和宽度。
关于HTML文档的元素，还有一些没有讲到，大家可以参考一些专门的资料，如万维网的讲解，我这里就不再过多的介绍了。
1）图像 <img>
2）表格<table>
3) 输入标签 <input>
4）框架<frame> 标签
5）<iframe> 标签
以上各个元素我们要尽可能的理解掌握，才能在分析网页的时候可以随心所欲。下一讲我们继续讲解HTML网页的元素的属性。
本节知识点回向：
说出以下个元素的标签的作用：1）图像 <img> 2）表格<table> 3) 输入标签 <input>
4）框架<frame> 标签 5）<iframe> 标签。
本节参考文件：HTML基础学习-3.html；HTML基础学习-4.html
我20多年的VBA实践经验，全部浓缩在下面的各个教程中，教程学习顺序：
【分享成果，随喜正能量】在问题出现的那瞬间，一定要控制好情绪，不要发火，不要偏激，不要说什么过激的话，懂得忍耐。忍耐不是为了让你不去处理这件事，而是为了避免在情绪失控的情况下，干出什么让自己丢脸的事情。以后你就会知道，生活中真的没有几件事情是值得我们搭上礼貌，教养，人品和格局的。
现在用户面前的WEB页面，内容无非就是文字、图片、视频、音频这四大方面。而这些内容要呈现在用户眼前，最最基础的一种互联网语言，就是HTML（HyperText Markup Language）标记语言。所有千变万化、眼花缭乱、酷炫精彩的内容，都离不开HTML标签的汗马功劳。下面小白就总结一下自学后的一些基础的HTML知识点。
HTML中的标签元素一般分为三大类，它们分别是：块级元素、行内元素、行内块级元素。下面总结一下这几类元素的特点及应用。
01 块级元素
特点：
① 独占一行、从上到下排列
② 可直接控制宽度、高度及盒子模型的CSS属性（width 、height、padding 等属性值）
③ 在不单独设置宽度的情况下，块级元素的宽度（width属性）继承父元素
④ 在不单独设置高度的情况下，块级元素的高度（height属性）靠自己的基因（它本身内容的高度）
块级元素从我的理解来说，就是一个大框框，用来框住其它元素不要乱跑乱窜的，只能在一定范围内活动。所以，它通常会用来进来大的结构搭建。
常用的块级元素：
标题类 | <h1></h1> | <h2></h2> |
<h3></h3> | <h4></h4> | |
<h5></h5> | <h6></h6> | |
列表类 | <ol></ol> | <ul></ul> |
<li></li> | <dl></dl> | |
<dt></dt> | <dd></dd> | |
普通类 | <div></div> | <p></p> |
</hr> | <center></center> | |
<pre></pre> | ||
表格类 | <table></table> | |
表单类 | <form></form> |
02 行内元素
特点：
① 元素与元素之间会自动排列成一行，遇到空间不够自动换行
② 默认高度和宽度（width、height）属性与它们的内容有关，无内容那么它本身也就是虚无。
③ 行内元素不支持padding、margin的上下调动（它们就是紧挨着不离不弃、除非用外部手部强制拆散它们）
行内元素一般用来修饰点缀内容而用，语义化比较强，用来加强代码的可读性。
常用的行内元素：
<a></a> | <b></b> | <br></br> |
<span></span> | <strong></strong> | |
<i></i> | <em> </em> | <sub> </sub> |
<sup> </sup> |
03 行内块元素
特点：
从这个名字就可以看出来，它是一个结合体，块级元素和行内元素的结合体。它具备二者共有的一些特点，使用非常频繁。
① 元素具有块级元素的属性（width、height等属性），可以对其直接控制
② 虽然有宽和高，但是他并不会霸道地独占一行，它具有行内元素的“亲情属性”，会自动排列挨在一起。
③ 行内块元素支持padding、margin的上下调动
<img> </img> | <input /> | <select> </select> |
<textarea> </textarea> | <label> </label> | <button> </button> |
欢迎大佬提点指正
TML 文档由 HTML 元素定义。
HTML 元素
<phtml 元素指的是从开始标签（start="" tag）到结束标签（end="" tag）的所有代码。<="" p="" style="color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; white-space: normal;">
| 开始标签 * | 元素内容 | 结束标签 * |
|---|---|---|
| <p> | 这是一个段落 | </p> |
| <a href="default.htm"> | 这是一个链接 | </a> |
| <br> |
*开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。
HTML 元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
注释: 您将在本教程的下一章中学习更多有关属性的内容。
嵌套的 HTML 元素
<p大多数 html="" 元素可以嵌套（可以包含其他="" 元素）。<="" p="">
HTML 文档由嵌套的 HTML 元素构成。
HTML 文档实例
<!DOCTYPE html>
<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>
以上实例包含了三个 HTML 元素。
HTML 实例解析
<p> 元素:
<p>这是第一个段落。</p>
这个 <p> 元素定义了 HTML 文档中的一个段落。
这个元素拥有一个开始标签 <p> 以及一个结束标签 </p>.
元素内容是: This is my first paragraph.
<body> 元素:
<body>
<p>这是第一个段落。</p>
</body>
The <body> 元素定义了 HTML 文档的主体。
这个元素拥有一个开始标签 <body> 以及一个结束标签 </body>。
元素内容是另一个 HTML 元素（p 元素）。
<html> 元素：
<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>
The <html> 元素定义了整个 HTML 文档。
这个元素拥有一个开始标签 <html> ，以及一个结束标签 </html>.
元素内容是另一个 HTML 元素（body 元素）。
不要忘记结束标签
即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML：
<p>这是一个段落
<p>这是一个段落
以上实例在浏览器中也能正常显示，因为关闭标签是可选的。
但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。
HTML 提示：使用小写标签
HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。
W3CSchool 使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！
*请认真填写需求信息，我们会在24小时内与您取得联系。
