HTML+CSS大作业

最新推荐文章于 2025-04-19 21:27:07 发布

noobmantest

最新推荐文章于 2025-04-19 21:27:07 发布

阅读量3.4w

点赞数 65

文章标签： html期末大作业大学生期末大作业css web前端原创HTML大作业

本文链接：https://blog.csdn.net/weixin_43960044/article/details/85069525

版权

HTML+css大作业展示（原创）

联系我QQ：2039808149

HTML界面

四A级景区重渡沟简介

        <img src="images/logo3.png" alt="logo" width="250px" />
    </div>
    <div id="welcome">
        <p>重渡沟欢迎您</p>
        <p>Welcome Come To ChongDuGou</p>
    </div>
    <div id="nav">
        <div id="navCenter">
            <ul>
                <li>
                    <a href="bigHousework.html">首页</a>
                </li>
                <li>
                    <a href="../NO2/bigHousework2.html">住宿</a>
                </li>
                <li>
                    <a href="../NO4/BigHousework4.html">风景</a>
                </li>
                <li>
                    <a href="../NO3/BigHousework3.html">美食</a>
                </li>
                <li>
                    <a href="../NO5/BigHousework5.html">联系我们</a>
                </li>
                <li>
                    <a href="../NO4/BigHousework4.html">更多景区</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div id="container">
    <div id="main">
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <img src="images/logo2.png" alt="">
    </div>
    <div id="mainBottom">
        <div id="mainBottomLeft">
            <br>
            <form>
                <fieldset>
                    <legend>
                        <p>门票预订</p>
                    </legend>
                    <table>
                        <tr>
                            <td>姓名：</td>
                            <td>
                                <input type="text">
                            </td>
                        </tr>
                        <tr>
                            <td>身份证号码：</td>
                            <td>
                                <input type="text">
                            </td>
                        </tr>

                        <tr>
                            <td>预订时间：</td>
                            <td>
                                <input type="text">
                            </td>
                        </tr>

                        <tr>
                            <td>订单号：</td>
                            <td>
                                <input type="text">
                            </td>
                        </tr>>
                        <tr>
                            <td>
                                <button id="buttonSubmit" type="submit">提交</button>
                            </td>
                            <td>
                                <button id="butttonFound" type="button">查询</button>
                            </td>
                        </tr>

                    </table>
                </fieldset>
            </form>
        </div>
        <div id="mainBottomCenter">
            <p>景点新闻</p>
            <ul>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/155.html">洛阳重渡沟最美的一次旅行</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/148.html">“五一”老君山风景区新气相</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/147.html">鸡冠洞景区高山牡丹笑迎游客</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/146.html">“五一”小长假，洛阳旅游接待量再创新高！</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/145.html">篝火晚会“点燃”白云山</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/142.html"> 重渡沟风景区竹、瀑、水三绝</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/141.html">重渡沟,中原山水的美丽记忆</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/140.html">洛阳栾川高山牡丹惹人醉</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/139.html">老君山林场成功收养野生梅花鹿</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/138.html">洛阳高山牡丹“五一”尽展颜</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/137.html">洛阳重渡沟游记</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/136.html">栾川旅游野花满山遍野任你采</a>
                </li>
                <li>
                    <a href="http://www.chongdugou.com/zxdt/zxdt/135.html">品味完美品读重渡沟</a>
                </li>
            </ul>
        </div>
        <div id="mainBottomRight">
            <p>旅游推荐</p>
            <img src="images/tuijian.jpg" alt="景区图片" width="200px">
            <div id="mainBottomRightMain">
                <a href="http://www.chongdugou.com/lytj/lytj/66.html">重渡沟拓展训练基地位于洛阳市西南150公里的栾川县境内，由金鸡河、滴翠河、水帘仙宫等景 区组成，集秀、幽、峻、奇为一体，有景点100余个。景区内林茂草丰，雉飞鹿鸣，四季泉 水喷涌，常年飞瀑成群，翠竹碧水交织，肥鸭壮鹅嬉戏，水乡特色浓郁，堪称“北国一绝”。
                </a>
            </div>
        </div>
    </div>
    <div id="viewIntroduce">
        <fontType>景区写真</fontType>
        <p>
            重渡沟风景区位于洛阳市栾川县境内，豫西山区熊耳山腹地，距洛阳市118公里，离栾川县城48公里，景区内有海明农耕文化村、重渡沟漂流、滑草、滑索、滑道等历史文化景观和娱乐设施供您赏玩。重渡沟风景区是国家AAAA级景区、国家生态示范区、伏牛山地质公园、河南省十佳景区，是集观光、休闲、购物为一体的自然风景区。
        </p>
        <p>
            重渡沟景区以特有水、竹资源在中原地区独领风骚。整个景区分南沟和西沟两大区，南沟飞瀑流泉，突出“水”；西沟秀竹茂林，突出“幽”。 主要景观有：竹海、水帘仙宫、菩提神树、飞瀑流泉、高峡平湖、蘑菇崖、听涛岭等一百多个景点。
        </p>
        <p>
            山因水而秀，树因水而旺，竹因水而翠，石因水而奇，沟因水而动，人因水而聪。重渡沟赐予游客的，是全方位的审美感受和熏陶。同来的游伴说，来时俗气十足，去时带仙鹤之气；来时心灵浮躁，去时呈恬淡之态，真正的归依山水、洗心革面，真正的沐浴风华、休闲雅趣
        </p>
        <table>
            <tr>
                <td>
                    <img src="images/image1.jpg" alt="景区图片1" width="230px">
                </td>
                <td>
                    <img src="images/image2.jpg" alt="景区图片1" width="250px">
                </td>
                <td>
                    <img src="images/image3.jpg" alt="景区图片1" width="250px">
                </td>
                <td>
                    <img src="images/image4.jpg" alt="景区图片1" width="250px">
                </td>
            </tr>
        </table>
    </div>
    <div id="foot">
        <p>友情链接：
            <a href="http://www.tuniu.com/">途牛旅游网官网</a>
        </p>
        <p>电话：4007-999-999&nbsp;&nbsp;&nbsp;+0086-25-8685-9999</p>
    </div>
</div>

代码片段：

在这里插入图片描述



或者在csdn上搜索HTML+css大作业。
联系我：QQ2039808149