大学生网页设计课程大作业1

最新推荐文章于 2024-03-12 12:45:20 发布

JJU~

最新推荐文章于 2024-03-12 12:45:20 发布

阅读量1.7k

点赞数 6

分类专栏： w网页设计文章标签： html css

本文链接：https://blog.csdn.net/weixin_51509194/article/details/111302273

版权

w网页设计专栏收录该内容

7 篇文章 2 订阅

订阅专栏

大学生网页设计课程大作业

个人首页

你好！第一次在博客发代码，若不足请指正！

作业要求

根据所学基本的html、css、js、jQuery等知识编写自己的网页

我的代码

<html>
<head>
   <meta charset="UTF-8">
   <title>我的-网页设计</title>
   <link rel="stylesheet" href="xxx.css">
<style type="text/css">
div{
    background-color:#F0F8FF; 
}
.lianjie{
   background-image: url("photo/05.jpg");
    background-size:500px;
   color:black;
   text-align:center;
   font-size:30; 
}
.top{
   background-color:#F0FFFF; 
   color:#F08080;
   font-style: italic;
   font-weight:bold;
   font-size:20;
   text-align:lift;
}
.music{
   text-align:right;
}
.foot{
   color:orange;
   font-style: italic;
   font-weight:bold;
   font-size:20;
   text-align:right;
}
</style>
</head>
<body>
    <div class="top">
        <img src="photo/06.jpg" alt="" width=80px height=70px border="5px" >
        <span>欢迎进入我的的网页设计作业</span>
     </div>
     <div  class="music">
         <EMBED SRC="music.mp3" loop=true width=390 height=43>
    </div>
    <div class="lianjie">
      <p><a href="DL.html" id="dlogin">登录</a></p>
      <p><a href="ZC.html" id="dlogin">注册</a></p>
      <p><a href="JKCS.html" id="dlogin">健康测试</a></p>
      <p><a href="GWYD.html" id="dlogin">跟我运动</a></p>
      <p><a href="SRZCB.html" id="dlogin">收入支出表</a></p>
      <p><a href="ZCFZB.html" id="dlogin">资产负债表</a></p>
      <p><a href="https://mp.csdn.net/console/home" id="dlogin">我的博客</a></p>
    </div>
    <div class="foot">
       <span>感谢观看我的网页设计作业</span>
       <img src="photo/07.jpg" alt="" width=80px height=70px border="5px" >
     </div>
</body>
</html>

作业说明

运用css的属性对文本、背景、图片进行调整。
插入其他html链接、超链接。
插入背景、图片logo、音乐、首尾框。

呈现效果

在这里插入图片描述

JJU~

关注

6
点赞
踩
10

收藏

觉得还不错? 一键收藏
5
评论
大学生网页设计课程大作业1

大学生网页设计课程大作业个人首页作业要求我的代码个人首页你好！第一次在博客发代码，若不足请指正！作业要求根据所学基本的html、css、js、jQuery等知识编写自己的网页我的代码<html><head> <meta charset="UTF-8"> <title>我的-网页设计</title> <link rel="stylesheet" href="xxx.css"><style type=
复制链接

扫一扫