第三次作业

最新推荐文章于 2024-09-17 10:24:19 发布
最新推荐文章于 2024-09-17 10:24:19 发布
阅读量835 收藏 16
点赞数 6
文章标签： css html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_81350613/article/details/140596921
版权

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>学校官网 - 关于我们</title>

<style>

  body {

    font-family: Arial, sans-serif;

  }

  .header {

    background-color: #4CAF50;

    color: white;

    padding: 10px;

    text-align: center;

  }

  .nav {

    overflow: hidden;

    background-color: #333;

  }

  .nav a {

    float: left;

    display: block;

    color: white;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

  }

  .nav a:hover {

    background-color: #ddd;

    color: black;

  }

</style>

</head>

<body>

<div class="header">

  <h1>关于我们</h1>

</div>

<div class="nav">

  <a href="index.html">首页</a>

  <a href="about.html">关于我们</a>

  <a href="login.html">登录</a>

</div>

<h2>学校历史</h2>

<p>学校历史内容...</p>

<h2>教育理念</h2>

<p>教育理念内容</p>

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>学校官网 - 首页</title>

<style>

  body {

    font-family: Arial, sans-serif;

  }

  .header {

    background-color: #4CAF50;

    color: white;

    padding: 10px;

    text-align: center;

  }

  .nav {

    overflow: hidden;

    background-color: #333;

  }

  .nav a {

    float: left;

    display: block;

    color: white;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

  }

  .nav a:hover {

    background-color: #ddd;

    color: black;

  }

</style>

</head>

<body>

<div class="header">

  <h1>欢迎来到我们的学校</h1>

</div>

<div class="nav">

  <a href="index.html">首页</a>

  <a href="about.html">关于我们</a>

  <a href="login.html">登录</a>

</div>

<h2>最新消息</h2>

<p>最新消息内容</p>

<h2>学校简介</h2>

<p>学校简介的内容</p>

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>学校官网 - 登录</title>

<style>

  body {

    font-family: Arial, sans-serif;

  }

  .login-container {

    width: 300px;

    margin: 0 auto;

    margin-top: 100px;

  }

  input[type=text], input[type=password] {

    width: 100%;

    padding: 12px 20px;

    margin: 8px 0;

    display: inline-block;

    border: 1px solid #ccc;

    box-sizing: border-box;

  }

  button {

    background-color: #4CAF50;

    color: white;

    padding: 14px 20px;

    margin: 8px 0;

    border: none;

    cursor: pointer;

    width: 100%;

  }

  button:hover {

    opacity: 0.8;

  }

</style>

</head>

<body>

<div class="login-container">

  <h2>登录</h2>

  <form action="/login" method="post">

    <label for="username">用户名:</label>

    <input type="text" id="username" name="username" required>

    <label for="password">密码:</label>

    <input type="password" id="password" name="password" required>

    <button type="submit">登录</button>

  </form>

</div>

</body>

</html>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>电商网站 - 首页</title>

<style>

  body {

    font-family: Arial, sans-serif;

  }

  .header {

    background-color: #f8f9fa;

    padding: 20px;

    text-align: center;

  }

  .nav {

    overflow: hidden;

    background-color: #333;

  }

  .nav a {

    float: left;

    display: block;

    color: white;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

  }

  .nav a:hover {

    background-color: #ddd;

    color: black;

  }

  .product-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    padding: 20px;

  }

  .product {

    border: 1px solid #ddd;

    padding: 10px;

    margin: 10px;

    width: 200px;

  }

  .product img {

    width: 100%;

    height: auto;

  }

  .footer {

    background-color: #333;

    color: white;

    text-align: center;

    padding: 10px;

    position: fixed;

    bottom: 0;

    width: 100%;

  }

</style>

</head>

<body>

<div class="header">

  <h1>欢迎来到我的电商网站</h1>

</div>

<div class="nav">

  <a href="#home">首页</a>

  <a href="#products">产品</a>

  <a href="#about">关于我们</a>

  <a href="#contact">联系方式</a>

  <a href="login.html">登录</a>

</div>

<div class="product-container">

  <div class="product">

    <img src="https://img.alicdn.com/imgextra/i1/6616405211/O1CN01VQTpgZ1oMgrpLBEvw_!!0-saturn_solar.jpg_360x360q90.jpg_.webp" alt="Product 1">

    <h3>产品名称 1</h3>

    <p>产品描述 1...</p>

    <p>$....</p>

  </div>

  <div class="product">

    <img src="https://img.alicdn.com/imgextra/i4/53877177/O1CN01Bk3TNp22t7WYig22L_!!0-saturn_solar.jpg_360x360q90.jpg_.webp" alt="Product 2">

    <h3>产品名称 2</h3>

    <p>产品描述 2...</p>

    <p>$....</p>

  </div>

  <!-- 更多产品... -->

</div>

<div class="footer">

  <p>版权所有 &copy; 2023 电商网站</p>

</div>

</body>

</html>

2301_81350613
关注
软件工程第三次作业
lpZhouYi的博客
05-04 3633
软件工程第三次作业 某交易所规定给经纪人的手续费计算方法如下:总手续费等于基本手续费加上与交易中的每股价格和股数有关的附加手续费。如果交易总金额少于1 000元，则基本手续费为交易金额的8. 4%;如果交易总金额在1 000元到10 000元之间,则基本手续费为交易金额的5%,再加34元;如果交易总金额超过10 000元，则基本手续费为交易金额的4%加，上134元。当每股售价低于14 元时，附加...
图论第三次作业
weixin_45940821的博客
03-12 1429
图论第三次作业（教材：图论与网络最优化算法龚劬编）
《操作系统》第三次作业
执念斩长河
05-01 724
第三次作业是学习进程管理，笔者竟然没有学习明白，课下还需要不断翻书回看才是。第三次作业一共两个实验
江苏开放大学形成性考核作业建筑材料第三次作业.pdf
03-05
江苏开放大学形成性考核作业建筑材料第三次作业.pdf 该资源是江苏开放大学的一份形成性考核作业，主题是建筑材料。该作业共有两部分，第一部分是是非题，第二部分是单项选择题。 在是非题部分，共有10道题，涵盖了...
国科大数据挖掘刘莹第三次作业
01-13
国科大数据挖掘刘莹第三次作业
网络技术及应用第三次作业：完成远程登录实验,撰写实验报告.pdf
10-11
三、实验过程 实验过程可以分为四个步骤： 1. 在第一台电脑上安装 Telnet 客户端 首先，在第一台电脑上安装 Telnet 客户端软件。 Telnet 客户端软件可以从互联网上下载，例如 PuTTY 等。 2. 在第二台电脑上安装 ...
stanford_cs231n第三次作业pretrained_model
03-21
该文件为Stanford_cs231n课程第三次大作业的预训练模型的.h5文件，直接可以load使用。
第三次作业已完成！哈哈哈
04-26
【标题】：“第三次作业已完成！哈哈哈” 在信息技术领域，完成作业或项目往往是学习过程中的重要环节，特别是对于编程和实验性的课程来说。这里的“第三次作业”可能指的是一个学生或者团队在学习过程中面临的某个...
HTML、CSS实现树状图
p_s_p的博客
09-09 721
【代码】HTML、CSS实现树状图。
《HTML 与 CSS—— 响应式设计》
asd4353012的博客
09-11 1550
HTML 和 CSS 在响应式设计中起着至关重要的作用。通过使用语义化标签、响应式图像、媒体查询、弹性布局和响应式网格系统等技术，可以实现网页在不同设备上的自适应显示，提供最佳的用户体验。在进行响应式设计时，要遵循移动优先设计、内容优先和测试优化等最佳实践，不断提高网页的质量和性能。随着移动设备的普及和技术的不断发展，响应式设计将变得越来越重要，开发者需要不断学习和掌握新的技术和方法，以满足用户的需求。
小程序开关组件
qq_58614993的博客
09-14 305
前提是vant组件库不太好改，干脆就手写了一个。
css文本修饰
最新发布
weixin_74261199的博客
09-17 526
color。
【CSS】选择器（基础选择器、复合选择器、属性匹配选择器、结构伪类选择器、伪元素选择器）
千里之行，始于足下
09-14 1031
优先级：id选择器 > 类选择器 > 标签选择器 > 通配符选择器；后代选择器 直系选择器； :first-of-type :nth-of-type(2n) :last-child :link :visited :hover :active :disabled :checked；::after ::before ::selection ::first-letter ::first-line ::placeholder
【CSS in Depth 2 精译_029】5.2 Grid 网格布局中的网格结构剖析（上）
PeacefulWinter的博客
09-11 1324
本篇为《CSS in Depth》全新第2版5.2小节的上篇，主要对网格布局中的另外四个概念（网格线、网格轨道、网格单元、网格区域）进行了重点讲解。并结合上一章 Flexbox 布局用到的示例页，讨论了网格布局适用的HTML结构，并对新样式中的几个特殊写法逐一进行了介绍，例如 repeat() 工具函数等。本篇是深入理解网格布局的核心基础，配有大量生动直观的彩色插图，非常值得收藏！
css scrollbar-width: none 隐藏默认滚动条
qq_27806371的博客
09-14 254
scrollbar-width: none; 隐藏默认滚动条
前端：HTML、CSS、JS、Vue
云扬的博客
09-04 4922
本文主要介绍了HTML、CSS、JavaScript、Vue的基本语法和使用。供个人学习使用
【H2O2|全栈】关于CSS（4）CSS基础（四）
过期的H2O2的博客
09-14 1330
本系列博客将分享层叠样式表（CSS）有关的知识点。接下来的几期内容相对比较少，主要是对前面的内容进行一些补充了。本期分享的内容为精灵图（雪碧图）和浮动效果的相关知识。不是专业的科普博主，主打一个分享知识，写的不好，多多包涵（嘿嘿）。
合工大java第三次作业
10-21
合工大Java第三次作业包括两个部分，第一部分是关于Java程序图形界面的开发，包括引入哪些包、布局管理器的作用、Frame类和Panel类的默认布局器、FlowLayout布局方式的特点、事件的概念和处理事件的机制等内容。第二部分是编写一个Java程序，创建一个窗体，并实现交互，包括在窗体内单击鼠标左键绘制一个绿圆、单击鼠标右键绘制一个红色方框、双击鼠标左键清空所有已画圆和方的功能。作业要求在3月27日之前提交，命名方式为学号+姓名+作业3。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值