DIV布局美丽家乡网站设计——美丽家乡-含论文(4页) HTML+CSS+JavaScript web前端设计与开发期末作品_期末大作业

最新推荐文章于 2024-05-26 10:53:52 发布

优质内容贡献

最新推荐文章于 2024-05-26 10:53:52 发布

阅读量441

点赞数

分类专栏： web大学生个人网站作业模学生div+css静态网页设计成品 html网页设计作业文章标签： css 前端 html html5 javascript

本文链接：https://blog.csdn.net/qq_524614081/article/details/122349941

版权

HTML5期末大作业

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美丽家乡——石埇镇</title>
    <!-- 网站首页 -->

    <!-- 调用css -->
    <link rel="stylesheet" type="text/css" href="css/background.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
    <div class="box">

        <div class="box1">
            <!-- 网站logo标识 -->
            <div class="logo">
                <a href="index.html">
                    <div style="font-size: 300%;"><b>石埇镇</b></div>
                    <div style="font-size: 150%;"><b>&nbsp;&nbsp;shiyongzhen&nbsp;</b></div>
                </a>
            </div>
            <!-- logo结束 -->

            <div>
                <!--音乐： 家乡美-卓依婷、美丽的家乡-寒冬辣月 controls播放器可见-->
                <audio height="50px" width="70px" autoplay loop>
                    <source src="media/jxm.mp3" type="audio/mp3">
                    <source src="media/mldjx.mp3" type="audio/mp3">
                    <embed height="50px" width="70px" src="media/jxm.mp3" autostart="true" loop="-1" hidden="true">
                </audio>
            </div>
        </div>

        <div>
            <!-- 中部主内容 -->
            <div class="box2">
                <div class="navigation">
                    <!-- navigation 导航 -->
                    <ul>
                        <li>
                            <h2><a href="index.html">&nbsp;&nbsp;&nbsp;&nbsp;首页&nbsp;&nbsp;&nbsp;&nbsp;</a></h2>
                        </li>
                        <li>
                            <h2><a href

最低0.47元/天解锁文章

优质内容贡献

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
DIV布局美丽家乡网站设计——美丽家乡-含论文(4页) HTML+CSS+JavaScript web前端设计与开发期末作品_期末大作业

HTML5期末大作业：美丽家乡网站设计——美丽家乡-含论文(4页) HTML+CSS+JavaScript web前端设计与开发期末作品/期末大作业常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求,
复制链接

扫一扫