| 里面的属性 属性名称属性值colspan数字rowspan数字先删掉不要的空格再合并需要的空格 4.5表格的标题 属性有： 属性名称属性值aligntopbuttom 5.1背景图片设置 5.2将图片插入网页中 格式: 功能：将图片插入网页中 单一标签 属性名称属性值srcurlwidth像素/百分比height像素/百分比alt字符串border数字5.3文字图像的排列 属性名称属性值alignleftrighttopmiddlebuttom间隙设置 数据靠下 说明 向两边扩展 向上下扩展 说明 图片的路径 图片的宽度(绝对和相对)图片的高度(绝对和相对)给图片做注解 图片边框 说明 图像靠左 文字靠右 图像靠右 文字靠左 文字靠上 文字居中 文字靠下 vspace像素垂直上下两端与物件的距离hspace像素水平左右两端与物件的距离 5.4 图片超链接
注意边框问题 5.5地图索引 格式： 说明： 表示需要连接的某个区块 表示我们所选择的形状 如：rect矩形 circle圆形poly 多边形coords 表示地图的坐标位置 举例： 
网易 2.file连接本地的文件 声明图片 3.ftp 声明进入 4.mailtoE-MAIL 6.3 相对链接和绝对链接 1.若是6.html和index.html文件在同一目录下 使用 index.html(index.html为连接文件) index.html 2.若index.html文件在6.html文件目录下的文件夹page里面 则使用 page/index.html index.html 3.如果index.html在 page文件下page2中 page/page2/index.html2、3为往后查找文件路径 4.若6.html文件在page文件夹中 则查找index.html 需要向上翻一层查找 ../index.html index.html 5.若是6.html文件在page文件夹里面的page2文件夹里面 则查找连接index.html 使用 ../../index.html4、5为往前查找 5.若6.html在page文件夹中 而index.html在images文件夹中 则6.html要查找连接index.html文件需要 先出page文件夹再进images文件夹 ../images/index.html index.html 6.4 书签链接 先在需要跳转的文本地方创建书签点 再进行连接 下的属性 属性名称属性值 name字符串 格式： 锚点:.. 连接点.. 连接到别的网页的书签项目 基本格式： 锚点：... 连接点：... 先连接到需要连接的网页 再连接到书签 6.5基准参考点 基本格式:
作用:所有的html都会在前面加上这个域名http://.cn/ 防止跳到别的网站 注意：最后“/”必须要打 错误 ：http://.cn 6.6超链接事件 link 颜色的设置 基本格式: link超链接尚未选中的文字 alink 超链接选中但是为放开的颜色 vlink 超链接已被选中过的颜色 7.1表单是提供给用户输入，选取，勾选数据，以便提交给服务器数据库的工具表单的功能结构： 主标记结构：... 属性值值说明 name字符串给这个表单起的名字 methodget/post表单的传输方式 post有利于信息的保护 不会显示在域名传输地址栏中 get会在域名传输地址中显示所有的信息 不利于信息安全 所以一般设置为post actionurl传输的目标 意为将表单中所有的信息传输到某一个地址去，若是没有指定传输地址 则会传给自己 7.2 文本栏、密码栏、input是一个单标签 属于插入一个东西 而双标签相当于一个容器 包含一些东西表单一般是要起名字 因为以后要使用javascript进行激活 使它做一些事件 文本栏： 姓名: 密码栏： 密码: 7.3复选框 单选框 复选框： checked 表示已经选定不容修改disable 表示已经选定不容修改 爱好:体育 name=”love“>音乐 单选框: 性别:男女 7.4窗体栏和区块 窗体栏就是下拉菜单 举例：地址： //分组举例： address: 7.5文字区块的设置 请留下您的建议和意见： 7.6按钮和图像按钮 提交: 重置 按钮图像 
7.7 上传文件 7.8外边框和标题 外边框：... 标题:
..... 总结实例：
注册表 姓名:
密码:
QQ:
联系电话:
爱好:体育 计算机音乐读书
性别:男 女
地址:
请留下你的意见： HTML学习日志 01.HTML简介 HTML(Hyper Text Mark-up Language超文本标记语言)，标记就是用来描述网页内容的一些特定符号，HTML不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，比如文字以什么颜色、大小来显示，这些都是利用HTML标记来实现的.HTML文档的创建方式: 用HTML语言创建的文档 ·手工直接编写(例如记事本)·通过图形化的HTML开发软件Dreamweaver ·由Web服务器上的动态网页程序生成 标记也称为标签或元素.02.HTML语法 HTML最基本的语法是: <标记符>内容 标记符通常都是成对出现的，有一个开头标记和结束标记，结束标记只是在开头标记的前面加一个斜杠“/”，当浏览器打开html文件后，就会理解里面的标记符，然后把标记符对应的功能表达出来。例如:
文字内容 制作一个html网页文件: ·新建一个记事本的文件，命名为 *.html ·在文件里面输入内容HTML标记的类型: 单标记与双标记 ·单标记: <标记名称> ·单一型，无属性值: 如:
·单一型，有属性值: 如:
·双标记·无属性值: <标记名称>...如: ... ·有属性值: <标记名称属性=“属性值”>...如: ... 说明: ·标记与属性、属性之间以空格分隔·属性不区分先后顺序，且属性不是必需的.·虽然在HTML中标记不区分大小写，但在XHTML中所有标记都必须小写，所以建议所有标记都采用小写.03.HTML文档结构 所有的网页文件，通常由四对标记来构成文档的骨架: 标题 <title> </head> <body> 正文</p><h2><a name="3" >第三篇：教师政治学习笔记检查小结</a></h2><p>教师政治学习笔记检查小结</p><p>9月26日，学校党总支对全校在职教师的政治学习笔记进行了一次全面的检查，整体情况非常令人满意。具体情况小结如下：</p><p>一、学习经常、热情高老师上交笔记本准时，可以看出大家学习的经常。全校除16名教师因请长假、支教、学习未按时上交外，绝大多数教师上交都非常及时，从老师摘抄的字数，也可以看出大家学习经常、热情高，99%以上的教师都已记录xx字以上，刘岳军、马跃、陶岭梅、刘华良、刘博等老师，已记录完了整整一本。</p><p>二、学习认真，觉悟高老师学习的内容与时俱进，有时事政治学习，有师德行风探讨，也有法律法规研讨……老师书写情况令人叫好，绝大多数老师都采用学校下发的专用笔记本，字迹规范美观，有的老师一笔一画，写得一丝不苟，有的老师字体飘逸潇洒，有的则遒劲有力……但在检查过程中，我们也发现存在几个小问题，有待大家予以改正、规范。</p><p>（一）个别教师书写欠规范检查中发现，有个别教师未使用下发的专用笔记本，有个别教师采用的下载复印的资料未手写，有个别教师书写时使用的蓝色圆珠笔或蓝墨水笔（不便于保存）……请予以改正。</p><p>（二）个别教师学习待加强政治学习应该人人进行，不能有丝毫懈怠。请未能及时上交的教师（无论在哪个岗位、年龄50岁以下）或极个别将上期笔记当作本期用的教师、字数未达数量的教师在近期内加强学习，重新记录。</p><p>（三）代课教师学习需引导本次检查，我们未看到代课教师的学习笔记。请教导处、各年级组加强对代课教师政治学习引导，让他们健康发展，积极向上。</p>读书笔记的格式</p><p>读书笔记主要有三大类：1．摘要式笔记摘要式笔记是一种在阅读中把同自己的学习、工作或研究的问题有关的语句、段落等按原文准确无误地抄录下来的笔记形式。摘录原文后要注明出处，包括题、作者、出版单位、出版时间、页码等，便于引用和核实。</p><p>摘要式笔记又可分为：</p><p>（1）索引索引笔记是只记录文章的题目、出处的笔记。</p><p>（2）抄录原文就是照抄书刊文献中与自己学习、研究有关的精彩语句、段落等作为以后应用的原始材料。</p><p>（3）摘要是在理解原文的基础上，按照原文的顺序，扼要的地把书中的观点、结论摘抄下来。</p><p>2．评注式笔记这是一种在阅读中写出自己对读物内容的看法的笔记形式。</p><p>评注式笔记又可分为</p><p>（1）书头批注这是一种最简易的笔记作法。就是在读书的时候，把书中重要的地方和自己体会最深的地方，用笔在字句旁边的空白处打上个符号，或者在空白和加批注，或者是折页、夹纸条作记号等。</p><p>（2）提纲就是用纲要的形式把一本书或一篇文章的论点、论据提纲挈领地叙述出来。</p><p>（3）提要提纲和提要不同。提纲是逐段写出来的要点，提要是综合全文写出要点。提要可以完全用自己的语言扼要地写出读物的内容。</p><p>（4）评注就是读完读物后对它的得失加以评论，或对疑难之点加以注解。</p><p>（5）补充原文就是在读完原文或文章之后，对感到有不满足的地方进行补充。</p><p>3．心得式笔记心得式笔记，是在读书之后写出自己的认识、感想、体会和得到的启发与收获的一种笔记。</p><p>心得式笔记可以分为：</p><p>（1）札记读书时把摘记的要点和心得结合起来写成的，称札记。<p>xiexiebang.com范文网(FANWEN.CHAZIDIAN.COM)</p><p>（2）心得也叫读后感。读书后把自己的体会、感想、收获写出来。</p><p>（3）综合综合笔记是读了几本或几篇论述同一问题的书文后，抓住中心评论它们的观点、见解，提出自己的看法的笔记。</p><p>怎样写读书笔记 ?读书笔记，是指人们在阅读书籍或文章时，遇到值得记录的东西和自己的心得、体会，随时随地把它写下来的一种文体。古人有条著名的读书治学经验，叫做读书要做到：眼到、口到、心到、手到。这“手到”就是读书笔记。读完一篇文章或一本书后，应根据不同情况，写好读书笔记。常用的形式有：</p><p>（一）提纲式。以记住书的主要内容为目的。通过编写内容提纲，明确主要和次要的内容。</p><p>（二）摘录式。主要是为了积累词汇、句子。可以摘录优美的词语，精彩的句子、段落、供日后熟读、背诵和运用。</p><p>（三）仿写式。为了能做到学以致用，可模仿所摘录的精彩句子，段落进行仿写，达到学会运用。</p><p>（四）评论式。主要是对读物中的人物、事件加以评论，以肯定其思想艺术价值如何。可分为书名、主要内容、评论意见。</p><p>（五）心得式。为了记下自己感受最深的内容，记下读了什么书，书中哪些内容自己教育最深，联系实际写出自己的感受。即随感。</p><p>（六）存疑式。主要是记录读书中遇到的疑难问题，边读边记，以后再分别进行询问请教，达到弄懂的目的。</p><p>（七）简缩式。为了记住故事梗概、读了一篇较长文章后，可抓住主要内容，把它缩写成短文。以上各种形式，可由浅入深逐步掌握。教师政治学习笔记检查小结之外的更多相关信息，请访问： 作文网校 <em>›</em> 读书笔记大全</p><h2><a name="4" >第四篇：HTML学习心得</a></h2><p>HTML学习心得</p><p>一、HTML简介</p><p>全写： HyperText Mark-up Language，译名： 超文件注标式语言（译名之一），简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。</p><p>HTML 是在 SGML 定义下的一个描述性语言，SGML(Standard Generalized Markup Language,标准通用标记语言)，是一种定义电子文档结构和描述其内容的国际标准语言，是所有电子文档标记语言的起源，早在Web发明之前SGML就已存在。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，它的格式非常简单，只是由文字及标记组合而成，在编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然以专业的网页编辑软件为佳。</p><p>1.优点</p><p>HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。3平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。</p><p>二、HTML标记</p><p>任何标记皆由“<”与“>”围住，如 <p>标记名与小于号之间不能留有空白字符。某些标记要加上参数，某些则不必。如 <font size=“+2”>Hello</font> 参数只可加于起始标记中。在起始标记名前加上符号“/”便是其终结标记，如 </font>，标记字母大小写皆可。</p><p>1.标记种类</p><p>标记种类分为两种：围堵标记和空标记。围堵标记是以起始标记及终结标记将文字围住，令其达到预期显示效果。也就是说，标记是成对出现的，例如 <b>Creation of Webpage</b>，其中<b></b> 便称为围堵标记。它以起始标记<b>及终结标记</b>标示文字 Creation of webpage，令其显示成粗体，两者失其一都会发生错误显示。空标记是指标记单独出现，只有起始标记没有终结标记。例如 <BR>，它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的，但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响。</p><p>2.标记类型</p><p>标记类型按用途可以分为：文件标记(如：<HTML>、<BODY>)、排版标记(如：<p>、<BR>、<DIV>)、字体标记(如：<FONT>、<B>)、清单标记(如：<OL>、<UL>)表格标记(如：<TABLE>、<TD>)、表单标记(如：<FORM><INPUT>)、图形标记(如：<IMG>)、连结标记(如：<A>、<BASE>)、框架标记(如：<FRAMESET>、<FRAME>)、影像地图标记(如：<MAP>、<AREA>)、多媒体标记(如：<BGSOUND>、<EMBED>)、样式标记(如：<STYLE>、<span>)和其它标记(如：<MARQUEE>、<BLINK>)。</p><p>三、HTML结构</p><p>基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效，接着是<html>标签，以</html>结束。在它们之间，整个页面有两部分－－标题和正文。标题词－－夹在<head>和</head>标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</p><h2><a name="5" >第五篇：Html语法</a></h2><p>Html语法大全</p><p>访问过的可连接文字的颜色</p><p>语法格式：<body text=“color” link=“color” alink=“color” vlink=“color”>.leftmargin 页面左侧的留白距离</p><p>.topmargin 页面顶部的留白距离</p><p>语法格式：<body leftmargin=“value” topmargin=“value”> 注：value为长度值为数字</p><p>align 属性</p><p>语法：<h2 align=“?”>文字</strong></p></p><p>其属性有三种：left靠左,center居中,right靠右</p><p>〈p〉</p>为段落标记，可利用以上属性对整个段落进行设置</p><p>〈br>为换行标记</p><p><nobr></nobr>为不换行标记 放在文字两边即可</p><p>例：<body></p><p>江南逢李龟年</p> <p>歧王宅里寻常见<br> 催九堂前几度闻<br> 正是江南好风景<br> 落花时节又逢君</p> </div>
</article>
<a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow">
<img class="download_card_pic" src="//static.xiexiebang.com/skin/default/images/icon_word.png" alt="下载html学习笔记小结2word格式文档">
<div class="download_card_msg">
<div class="download_card_title" style="text-decoration:none;">下载html学习笔记小结2.doc</div>
<div class="download_card_tip">将本文档下载到自己电脑，方便修改和收藏，请勿使用迅雷等下载。</div>
</div>
<div class="download_card_btn">
<img src="//static.xiexiebang.com/skin/default/images/icon_download.png">
<div class="downlod_btn_right">
<div>点此处下载文档</div>
<p>文档为doc格式</p>
</div>
</div>
</a>
<div class="post-tags mt20 mb30"><span>相关专题</span>
<a href="/tag/htmlxxbjhz/" target="_blank">html学习笔记汇总</a>
<a href="/tag/whtmlxxbj/" target="_blank">我html学习笔记</a>
<a href="/tag/htmlxxbjjc/" target="_blank">html学习笔记基础</a>
</div>
<div class="single-info mb40"><span class="hidden-xs ">网址：https://www.xiexiebang.com/a8/2019051316/799958e15e9d0437.html</span><br>声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：645879355@qq.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。 </div>
<div class="single-xg mb40">
<div class="con-title">
<h3><a name="6"></a>相关范文推荐</h3>
</div>
<div class="sticky mb20">
<ul><h2 class="mb20"><a href="/a1/201905125/d4a284ce527d8071.html" target="_blank">HTML实验报告</a></h2><p>东北大学软件学院 《HTML与JavaScript》 实验报告 专 业：软件工程 班 级：1405 学 号：20144706 姓 名：张俊怡 完成时间：2015/12/6 指导教师：王蓓蕾总共页数： 8 网站主界面：（针对颜色......</p><h2 class="mb20"><a href="/a15/201905157/14dc2ff72eef87d8.html" target="_blank">html教案</a></h2><p>《HTML基础》教案 教材：《dreamweaver cs3网页制作与实训》执教：罗执清 一、教学目标： 1、了解HTML的概念、作用及特点 2、理解HTML文档结构 3、掌握标签的使用规范 4、了解常......</p><h2 class="mb20"><a href="/a15/201905157/0700d29f992bef2c.html" target="_blank">HTML 教案</a></h2><p>HTML语言 一、 基本元素 1. html元素：… 2. head元素：… 3. title元素：在浏览器标题栏和windows任务栏上显示… 4. body元素：…......</p><h2 class="mb20"><a href="/a15/2019051510/b688f86e3c5eae5f.html" target="_blank">Html标记范文合集</a></h2><p>Html简介全写： HyperText Mark-up Language 译名： 超文件注标式语言（译名之一） 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。......</p><h2 class="mb20"><a href="/a13/2019051422/022e3d584e6210a5.html" target="_blank">js、php、mysql和html学习经验总结</a></h2><p>1、mysql修改表为字段添加auto_increment
2、JS如何获取屏幕浏览器网页高度宽度
3、《返回顶部》功能的实现
4、PHP 页面输出乱码解决方法
1、需要注意的是表名、字段名均不......</p><h2 class="mb20"><a href="/a8/201905136/44094e99c2d688fc.html" target="_blank">教师政治学习笔记检查小结（大全5篇）</a></h2><p>9月26日，学校党总支对全校在职教师的政治学习笔记进行了一次全面的检查，整体情况非常令人满意。具体情况小结如下：一、学习经常、热情高老师上交笔记本准时，可以看出大家学习的......</p><h2 class="mb20"><a href="/a9/201905141/acc11a62e8b90b83.html" target="_blank">学习笔记</a></h2><p>我们的福音——“厉行节约，反对浪费”有感好客中国人，设宴必有剩。”这是流传在中国大部分地区的陈规陋习。客人走后，主家只有满桌的剩菜、剩饭、剩酒，才能充分表达主人那颗虚荣......</p><h2 class="mb20"><a href="/a9/2019051321/41d2a30dafa6b2bf.html" target="_blank">学习笔记（模版）</a></h2><p>学习笔记
学习时间：2014年5月27日16：30—17：30
学习地点：CT远程室
参加人员：医技支部全体党员
学习内容：关于开展机关党员“践行三严三实、做合格人民公仆“村社区党员”在党爱党......</p></ul> </div>
</div>
</div>
</div>
<div class="right-content-box wow fadeInRight delay300 right-content">
<script src="/e/member/login/loginjs.php"></script>
<div class="sidebar">
<div id="sidebar" role="complementary">
<aside id="recent-posts-3" class="widget widget_recent_entries">
<h3 class="widget-title">猜你喜欢</h3>
<ul class="new-list"><li><a href="/a9/2019051321/2fb47af25306af8b.html" title="2014学习笔记" target="_blank">2014学习笔记</a></li><li><a href="/a14/2019051423/d98a2b447a397c7b.html" title="学习笔记之一" target="_blank">学习笔记之一</a></li><li><a href="/a2/2019051222/99b93baf72779c24.html" title="学习笔记" target="_blank">学习笔记</a></li><li><a href="/a2/2019051213/4a98a299b7a24b8d.html" title="学习笔记" target="_blank">学习笔记</a></li><li><a href="/a14/201905159/f67825def30040f8.html" title="学习笔记" target="_blank">学习笔记</a></li><li><a href="/a13/2019051422/4cf9f7d175c75afd.html" title="学习笔记" target="_blank">学习笔记</a></li><li><a href="/a2/201905125/7e41cf9623cd179b.html" title="学习笔记" target="_blank">学习笔记</a></li><li><a href="/a10/201905140/820e8e40acb344e6.html" title="学习笔记" target="_blank">学习笔记</a></li><li><a href="/a2/201905125/7f67c835ae8dd550.html" title="学习笔记" target="_blank">学习笔记</a></li><li><a href="/a3/2019051216/5cfd5276c5097718.html" title="学习笔记" target="_blank">学习笔记</a></li></ul> </aside>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="p30">
<div class="container">
<div class="footer-top clearfix">
<div class="copyr">
<div class="footer-menu clearfix mb10">
<ul class="footer-menu-con">
<li><a href="/a1/">1号文库</a></li><li><a href="/a2/">2号文库</a></li><li><a href="/a3/">3号文库</a></li><li><a href="/a4/">4号文库</a></li><li><a href="/a5/">5号文库</a></li><li><a href="/a6/">6号文库</a></li><li><a href="/a7/">7号文库</a></li><li><a href="/a8/">8号文库</a></li><li><a href="/a9/">9号文库</a></li><li><a href="/a10/">10号文库</a></li><li><a href="/a11/">11号文库</a></li><li><a href="/a12/">12号文库</a></li><li><a href="/a13/">13号文库</a></li><li><a href="/a14/">14号文库</a></li><li><a href="/a15/">15号文库</a></li>
</ul>
</div>
<p>Copyright © 2018 <a href="/">写写帮文库</a> All Rights Reserved <a target="_blank" href="http://www.beian.miit.gov.cn" rel="nofollow"> 浙ICP备11058632号</a>
<script type="text/javascript" src="//static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div>
</div>
</div>
</section>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script>
<div class="right_bar hidden-xs ">
<ul>
<li class="rtbar_li1" style="left: 0px;"><a><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li>
<li class="rtbar_li2"> <a href="javascript:void(0);"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a>
<div class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二维码" src="//static.xiexiebang.com/skin/default/images/wechat.png"> </div>
</li>
<li class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&Menu=yes"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 点击咨询 </a> </li>
<li class="rtbar_li5"><a href="#1">第一篇</a></li>
<li class="rtbar_li6"><a href="#2">第二篇</a></li>
<li class="rtbar_li7"><a href="#3">第三篇</a></li>
<li class="rtbar_li8"><a href="#4">第四篇</a></li>
<li class="rtbar_li9"><a href="#5">第五篇</a></li>
<li class="rtbar_li10"><a href="#6">更 多</a></li>
<li class="rtbar_li4 gotop"> <a href=""><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li>
</ul>
</div>
</body>
</html> | 
