HTML我的家乡杭州网页设计作业源码(div+css)~ HTML+CSS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 ~HTML期末大作业

HTML我的家乡杭州网页设计作业源码(div+css)~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 ~HTML期末大作业

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~

关于HTML网页设计期末课程大作业实现,大作业A+水平 ~,共有首页 杭州西湖 杭州小吃 抗州风景 客户地理位置 站长信息 等5个页面!

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,~这是一个不错的网页制作,画面精明,非常适合初学者学习使用。

一、作品演示

在这里插入图片描述

二、代码目录

在这里插入图片描述

三、代码实现

<!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>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
    <div class="page">
        <div class="banner">
            <div align="center"><img src="images/banner.jpg" /></div>
        </div>

        <div class="daohang">
            <p><a href="index.html">首页</a></p>
            <p><a href="xihu.html">杭州西湖</a></p>

            <p><a href="xiaochi.html">杭州小吃</a></p>
            <p><a href="fengjing.html">杭州风景</a></p>
            <p><a href="liuyan.html">客户留言</a></p>
            <p><a href="lianxi.html">地理位置</a></p>
            <p><a href="zhanzhang.html">站长信息</a></p>
        </div>

        <div class="content">

            <div class="zuo">
                <img src="images/zuo1.jpg" />
                <div class="fangshi">
                    <h1>新闻公告</h1>
                    <p>   11月19日,杭州西湖风景名胜区管委会(市园林文物局)召开领导干部会议,传达学习贯彻党的十八大精神。西湖风景名胜区(市园文局)党委书记、管委会主任(局长)刘颖传达了十八大精神,并就名胜区(园文局)深入学习贯彻十八大精神作了部署,管委会副主任王宏伟、吕雄伟等党委班子成员、机关全体人员、各基层区(局)管干部参加会议。会议由党委副书记、副主任张鸿斌主持。<br />
                    </p>
                </div>

            </div>


            <div class="you">
                <div class="jieshao">
                    <h1>杭州介绍</h1>
                    <p><img src="images/jieshao.jpg" width="218" height="147" style="float:left; margin-right:19px;" />  杭州市(本地吴语读音(IPA):愂 tsei)简称杭,中国浙江省省会,副省级城市,浙江省政治、经济、文化、科教中心,长三角地区副中心城市和南翼中心城市,浙江省的金融中心和行政中心,全国重点风景旅游城市和历史文化名城,大陆国际形象最佳城市之一,中国七大古都之一。古时杭州曾称“临安”、“钱塘”、“武林”等。杭州位于浙江省北部,处杭嘉湖平原南缘,拥有约2300年的建城史,是一个典型的山水文化名城。西子湖、钱塘江、千岛湖以及周边丘陵构成了杭州的山水美景。</p>
                    <p>自古以来,杭州的经济和文化比较发达,素有“东南第一州”之称。“欲把西湖比西子,淡妆浓抹总相宜”赞美西子湖之美。活跃的多元化经济和发达的文化教育使杭州成为浙江省政治、经济和文化的中心。 </p>
                </div>

                <div class="jieshaoB">
                    <h1>产品展示</h1>
                    <p>
                        <marquee><img src="images/chanpin1.jpg" /><img src="images/chanpin2.jpg" /><img src="images/chanpin3.jpg" /><img src="images/chanpin4.jpg" /><img src="images/chanpin5.jpg" /><img src="images/chanpin6.jpg" /><img src="images/chanpin7.jpg"
                            /><img src="images/chanpin8.jpg" /></marquee>
                    </p>
                </div>

            </div>


            <div class="clearit"></div>




        </div>


        <div class="foot">
            <div align="center">
            </div>
        </div>

    </div>
</body>

</html>

四、前端 零基础入门到高级(视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述


  • 43
    点赞
  • 214
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 13
    评论
好的,下面是一些web前端开发期末作业源码供您参考: 1. 简单的登录页面 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录页面</title> <style> .container { width: 300px; margin: 0 auto; text-align: center; } input[type="text"], input[type="password"] { width: 100%; padding: 12px 20px; margin: 8px 0; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } input[type="submit"] { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; } input[type="submit"]:hover { background-color: #45a049; } </style> </head> <body> <div class="container"> <h2>登录</h2> <form action=""> <label for="username">用户名:</label> <input type="text" id="username" name="username" placeholder="请输入用户名"> <label for="password">密码:</label> <input type="password" id="password" name="password" placeholder="请输入密码"> <input type="submit" value="登录"> </form> </div> </body> </html> ``` 2. 一个简单的计算器 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算器</title> <style> .container { width: 300px; margin: 0 auto; text-align: center; } input[type="text"] { width: 100%; padding: 12px 20px; margin: 8px 0; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } input[type="button"] { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; } input[type="button"]:hover { background-color: #45a049; } </style> <script> function calculate() { var num1 = parseInt(document.getElementById("num1").value); var num2 = parseInt(document.getElementById("num2").value); var operator = document.getElementById("operator").value; var result; switch (operator) { case "+": result = num1 + num2; break; case "-": result = num1 - num2; break; case "*": result = num1 * num2; break; case "/": result = num1 / num2; break; default: result = "请输入正确的运算符"; break; } document.getElementById("result").value = result; } </script> </head> <body> <div class="container"> <h2>计算器</h2> <form> <label for="num1">第一个数字:</label> <input type="text" id="num1" name="num1" placeholder="请输入第一个数字"> <label for="operator">运算符:</label> <input type="text" id="operator" name="operator" placeholder="请输入运算符"> <label for="num2">第二个数字:</label> <input type="text" id="num2" name="num2" placeholder="请输入第二个数字"> <input type="button" value="计算" onclick="calculate()"> <label for="result">结果:</label> <input type="text" id="result" name="result" readonly> </form> </div> </body> </html> ``` 希望这些源码可以帮到您,如果您有其他需求,可以继续问我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@码出未来-web网页设计

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值