学会图文混排页面2（实例）

来源：互联网发布：淘宝达人的账号简介编辑：程序博客网时间：2024/06/11 05:17

<!doctype html><html><head><meta charset="utf-8" /><title>旅游网站专题页</title></head><body><div style="width:980px;margin:0 auto;">    <div style="height:56px;margin:0 50px;">        <img src="T3.jpg" alt="可爱" align="left" height="56px"></img>        <p align="right">旅游首页&nbsp;&nbsp;|&nbsp;&nbsp;登录&nbsp;&nbsp;|&nbsp;&nbsp;注册</p>     </div><hr color="#ccc" />    <div style="height:470px;">        <img src="T2.jpg" align="left" height="458px" hspace="12" vspace="12" />        <div>            <p align="center">                <strong>                    <font face="微软雅黑" size="6" color="orange">say</font>                    <font face="微软雅黑" size="7" color="orange">tourism</font>                    <font face="微软雅黑" size="6" color="orange">say</font>                </strong>            </p>            <p>            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;笑剑钝，霹雳布袋戏虚拟人物。            </p>            <p>            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;身披飘逸黑羽氅，潇洒倜傥、温文优雅的翩翩贵公子，            谈吐有礼且略带幽默，与身旁一群红粉知己流连临山古照，            吟诗享乐，好不惬意。看似文风雅致，实则刀法深藏不露，难逢敌手&sup1              </p>            <p>            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;诗号：鹏抟九万，腰缠万贯，扬州鹤背骑来惯。            事间关，            景阑珊，黄金不富英雄汉。一片世情天地间。白，也是眼。青，也是眼[1-2]  。            </p>        </div>    </div>    <div>        <h2>island:"jade" is island nice</h2>        <p>            <em>            2015.04.21&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;来源： 一日游            </em>        </p>        <hr color="#ccc" />        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;诗号：鹏抟九万，腰缠万贯，扬州鹤背骑来惯。            事间关，            景阑珊，黄金不富英雄汉。一片世情天地间。白，也是眼。青，也是眼[1-2]  。        </p>        <div style="height:200px;width:980px;">        <img src="dao1.jpg" alt="可爱" align="left" height="190px" width=100% hspace="12"></img>    </div></div></body></html>

如果使用style 中的align改为text-align。这里只是最简单的图文混排方式。以后会使用html+css来进行排版和设计

阅读全文

0 0