html网站(HTML文档常用元素的构成)

【分享成果,随喜正能量】时间即是生命,争取时间,就是抢救生命;寿命就是时间,浪费时间,就是糟蹋生命。《VBA信息获取与处理》教程是我推出第六套教程,目前已经是第一版修订了。这套教程定位于最高级,是学完初级,中级后的教程。这部教程给大家讲解的内容有:跨应用程序信息获得、随机信息的利用、电子邮件的发送、VBA互联网数据抓取、VBA延时操作,剪贴板应用、Split函数扩展、工作表信息与其他应用交互,FSO对象的利用、工作表及文件夹信息的获取、图形信息的获取以及定制工作表信息函数等等内容。程序文件通过32位和64位两种OFFICE系统测试。是非常抽象的,更具研究的价值。教程共两册,八十四讲。今日的内容是专题八“VBA与HTML文档”的第二节上半部分:HTML文档常用元素的构成第三节 HTML文档的元素分析之二大家好,我们今日继续讲解HTML文档的元素分析第二部分,对于HTML文档的元素,我们只要求大家能看懂,对于一些常见的元素熟悉即可,毕竟我们侧重于应用。不是构建网站。1 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文档的元素,还有一些没有讲到,大家可以参考一些专门的资料,如万维网的讲解,我这里就不再过多的介绍了。2 本节讲解的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实践经验,全部浓缩在下面的各个教程中,教程学习顺序:【分享成果,随喜正能量】在问题出现的那瞬间,一定要控制好情绪,不要发火,不要偏激,不要说什么过激的话,懂得忍耐。忍耐不是为了让你不去处理这件事,而是为了避免在情绪失控的情况下,干出什么让自己丢脸的事情。以后你就会知道,生活中真的没有几件事情是值得我们搭上礼貌,教养,人品和格局的。


本文出自快速备案,转载时请注明出处及相应链接。

本文永久链接: https://www.xiaosb.com/beian/42946/