整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
你太美。
虽然第一个html代码写的非常随意，就四个字：鸡你太美。但是用浏览器打开之后确实是能看到是以网页的形式所展现的。这个现象就有点奇怪了，为什么？讲道理，只要是一种语言，必定有自己的语法格式，得按它的套路去写才能认为代码写的是对的，然后才能去正常的运行。
但是这里就四个字：鸡你太美，它就能把这个东西给显示出来，这是为什么？其实很简单。
·可以看一下，按一下F12，把浏览器的开发者工具给打开。
·然后选中elements标签页，如果是中文版，这里就应该是元素。
·这里有4行文本，这4行文本里面有没有一个比较熟悉的东西？鸡你太美这四个字是不是HTML代码里面写的东西？如果把这个东西改了，鸡你太美baby。
·然后就不再打开HTML文件了，直接按刷新。这里变成了鸡你太美baby，这里是不是也变成了鸡你太美baby。
·再比如加点东西，保存刷新，有没有发现什么规律？这里写什么，这一段就是什么，但其他地方是没变的。
所以有理由相信这份代码的完全体应该是什么？应该就是这个。所以先来把它复刻一下，尖括号。要注意，尖括号得是英文输入法下的尖括号。html，有个had，后面又有一个head，只不过head前面加了一个斜杠。至于这些东西到底是什么意思，等一下再说。
先把代码搞完，鸡左边有个body，后面有个body，下面又有一个斜杠。html好保存，然后刷新，效果和之前的阉割版是一样的。
然后来看一下这些尖括号到底是什么意思，其实还是挺简单的。首先在html里面，像这种用尖括号括起来的东西称之为元素。在国内有的人喜欢把它称为标签，其实都是一个意思，就是元素的意思。所以在这里有几种元素，很明显是三种，一种是html，一种是head，还有一种是body。
这个时候有的小白可能会问了，为什么有的前面是加了个斜杠的？其实是这样子的，在html里面有些元素是有包裹区间的，就比如body元素，body元素里面的数据或者叫内容是从哪到哪？很明显这个是开头，这个是结尾，然后掐头去尾，内容就在这，懂了吧？开头结尾。
所以head元素的数据在哪？就在这，什么都没有。head元素的数据在哪？很明显就是这个。知道元素的概念之后，接下来再看一下这几种元素都是什么意思。
·首先html元素是告诉浏览器，接下来是html代码。
·然后head还有body是什么意思？其实可以把HTML代码想象成是一个人，一个人有自己的头，还有身体，而且人家的脑袋里面此时此刻在想什么是看不出来的。所以head元素里面的内容一般都是去写一些对于页面的一些设置，或者在这个区域里面所看不到的一些东西。
就比如里面可以再加个元素，比如说叫title，title我相信大家应该都知道，就是标题的意思，这个也是一样的，起止。然后中间这里写什么？选项卡的这里名字就是什么？就比如坤坤牛逼，保存，然后刷新，是不是变成了坤坤牛逼？当然，想把这个东西放到别的地方也行，比如说放到body里面，然后保存，一刷新，你看也是坤坤牛逼，对吧？但是一般来说按照规范，一般是放到这种head元素里面去，这是head元素。
·然后接下来是body，body就是人的身体，人家长得什么样子，身材好不好，到底前凸不凸，后翘不翘，一眼就能看得出来，多看一眼都会爆炸的那种。所以在body元素里面，一般都是写一些在这个区域里面能看到的东西，就比如说一些文字或者说一些图片等等，所以这个才是html代码最基本的结构。
·然后回过头来再看一下最初的问题，什么？就是一开始代码不是这个样子的吗？没有，那些head、html、body却依然能在浏览器上正确的显示出来。其实很简单，就是因为虽然就写了这个东西，但是浏览器会读取代码文件里面所写的内容，写了什么就能读到什么。
如果代码不够规范，浏览器就会自动的帮你把这些元素给补齐，补齐完之后才是真正的HTML代码。有了正确的代码之后，浏览器才会根据这份代码来进行渲染，也就是现在所看到的样子。
所以代码千万条，规范第一条，因为永远都不会想知道浏览器到底会对不规范的代码进行什么样的修改，把它改成什么样子。所以html代码的最基本的格式就是html、head、body。修改后的结果:鸡你太美。
分享成果，随喜正能量】时间即是生命，争取时间，就是抢救生命；寿命就是时间，浪费时间，就是糟蹋生命。
《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实践经验，全部浓缩在下面的各个教程中，教程学习顺序：
【分享成果，随喜正能量】在问题出现的那瞬间，一定要控制好情绪，不要发火，不要偏激，不要说什么过激的话，懂得忍耐。忍耐不是为了让你不去处理这件事，而是为了避免在情绪失控的情况下，干出什么让自己丢脸的事情。以后你就会知道，生活中真的没有几件事情是值得我们搭上礼貌，教养，人品和格局的。
语：有时候在电脑上网的时候看见自己喜欢的网站或特别的页面，自己已经点击电脑屏幕上方的星号收藏这个页面了，但有时候看收藏夹又被密密麻麻的内容弄得头昏眼花，这时，我的处理方法是把收藏的页面导出来，新建文件夹分类整理好，这样下次想看什么内容就不用只看收藏夹里小小的字，而是在文件夹中能够清楚的，按照自己的习惯，分好类别的，整洁的页面了。下面是具体操作，根据提示的1、2、3······进行操作，就可以了。
首先打开浏览器。找到自己喜欢的页面，我打开了自己的收藏夹，找到自己喜欢的页面。然后点击文字跳转到具体的那个喜欢的页面。
然后点击屏幕上方，浏览器的三个点“···”。
然后点击“更多工具”。
然后点击“将页面另存为”。
选择文件夹，把页面保存下来。
最后打开电脑你保存文件在什么地方，就能在该地方找到保存的喜欢页面，该页面在文件夹里保存的形式为“html”文件。
*请认真填写需求信息，我们会在24小时内与您取得联系。
