文章目录
- 前言
- 一、HBuilder是什么？
- 二、使用步骤
-
- 1.引入库
- 2.结果
- 总结
前言
来自网页设计学习时课本上的专题
提示：以下是本篇文章正文内容，下面案例可供参考
一、HBuilder是什么？
示例：HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。 [1] HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。
二、使用步骤
1.引入库
使用HBuilder等开发工具代码如下（示例）：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>”说旅游“专题页</title>
</head>
<body>
<div style="width:980px;margin:0 auto;">
<!--头部模块-->
<div style="hight:56px;">
<img src="images/logo.png" align="left"/>
<p align="right">旅游首页 | 登录页 | 注册</p>
</div>
<hr color="#999999"/>
<!--介绍模块-->
<div style="height:470px;">
<img src="images/banner1.jpg" align="left" vspace="12" hspace="12" />
<div>
<p align="center">
<strong><!--加粗-->
<font size="6" color="#FF6600">说</font>
<font size="9" color="#FF6600">旅</font>
<font size="6" color="#FF6600">游</font>
</strong>
</p>
<p>
伊露岛（Iru Fushi）位于马尔代夫北部环礁——诺鲁环礁（Noonu Atoll）中，它是一座拥有醉人景色和浪漫气氛的小岛。晶莹的海水、绵白的沙滩、明媚的阳光、温馨的海边小屋、浪漫的海上落日。所有的一切似乎都为浪漫而存在，美丽而遗世独立。
</p>
<p>
最佳旅游时间:<font color="#00FF66"><ins><em>1月-12月</em></ins></font>热带海洋气候，全年皆适合旅游。<font color="#00FF66"><ins><em>12月至次年四月</em></ins></font>可避开高峰。
</p>
<p>
伊露岛沙滩屋的构造很独特，彻底的南亚风情——雪白的圆形房子，尖尖的茅草屋顶，木质的框<ins><font color="#FF6600">......[详细]</font></ins>
</p>
</div>
</div>
<!--推荐模块-->
<div>
<h2>伊露岛有你真好！</h2>
<p><em><font color="#999999">2020.2.24 来源，旅游群，老牛</font></em></p>
<p>
伊露岛沙滩屋的构造很独特，彻底的南亚风情——雪白的圆形房子，尖尖的茅草屋顶，木质的框架，朴实的外边里面却十分的豪华，从卧室转到后面有一个很大的半露天花园，里面有只超大的按摩浴缸和露天的沐浴台，洗好澡穿上睡袍躺在这里拿本书，心情彻底放松。
</p>
<img src="images/banner2.jpg" alt="图片banners" title="提示信息" vspace="10"/>
</div>
<!--评论模块-->
<div>
<img src="images/icon.gif"/>
<!--第一个人的评论-->
<hr/><!--横线-->
<div>
<img src="images/person1.jpg" align="left" vspace="8"/>
<div>
<p><font color="#FF6600">HZXIT <font color="#999999" size="2">2020.02.24 17:26</font></font></p>
<p><font> 第一次使用途牛!</font> <br/><font color="#FF6600" size="2">来至一位驴友的评论：www.onedaytravel.com</font></p>
</div>
</div>
<!--第二个人的评论-->
<hr/>
<div>
<img src="images/person2.jpg" align="left" vspace="8"/>
<div>
<p><font color="#FF6600">外星人 <font color="#999999" size="2">2020.03.15 12:46</font></font></p>
<p><font> 岛还可以，就是沙屋有虫子，不太让人满意，水屋确实挺棒的。饭嘛，国外基本都那样吧，海鲜还行。</font> <br/><font color="#FF6600" size="2">来至一位驴友的评论：www.onedaytravel.com</font></p>
</div>
</div>
<!--第三个人的评论-->
<hr/>
<div>
<img src="images/person3.jpg" align="left" vspace="8"/>
<div>
<p><font color="#FF6600">so_cool <font color="#999999" size="2">2020.04.05 20:16</font></font></p>
<p><font> 行程安排挺好的，挺喜欢伊露岛，岛上的人很热情，手机丢了小黑给找回来了，都很热情，会主动跟你招呼！</font> <br/><font color="#FF6600" size="2">来至一位驴友的评论：www.onedaytravel.com</font></p>
<hr/>
</div>
</div>
</div>
<!--页脚模块-->
<div style="text-align:center">
<p ><font color="blue" size="2">一日游网友评轮版 电话:0555-0212510 欢迎批评指正！</font></p>
<p ><font color="blue" size="2">公司简介 | About OneDayTravel| 广告服务 | 联系我们 | 招聘信息 | 网站律师 | OneDayTravel English | 注册 | 产品答疑</font></p>
<p ><font>Copyright © 1996 - 2016 OneDayTravel.coright All Rights Reserved</font></p>
<p ><font color="blue" size="2">一日游公司 版权所有</font></p>
</div>
</div>
</body>
</html>
2.结果
结果（示例）：
总结
互联网飞速发展的现在，无形间给这个行业带来了一定的商机，企业做网站会带来流量，随着人们的审美发展，设计顺势而出，这是必然大趋势。。
![web前端布局练手项目[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)