7.23作业-网页制作

最新推荐文章于 2024-08-10 16:15:00 发布

Deng_jinyu

最新推荐文章于 2024-08-10 16:15:00 发布

阅读量92

点赞数 3

文章标签： javascript css 前端

本文链接：https://blog.csdn.net/Deng_jinyu/article/details/140612466

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学校网页</title>
</head>
<style>
    body {
    font-family: Arial, sans-serif;
}

header {
    background-color: #f4f4f4;
    padding: 10px 0;
    text-align: center;
}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    text-decoration: none;
    color: #333;
}

main {
    margin: 15px;
}

section {
    margin-bottom: 20px;
}

footer {
    background-color: #f4f4f4;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}

form {
    margin: 20px 0;
}

label, input, button {
    margin: 5px 0;
}
</style>
<body>
    <header>
        <h1>欢迎来到我们学校官网</h1>
        <nav>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="login.html">登录</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section>
            <h2>最新动态</h2>
            <p>这里是学校的最新动态和新闻。</p>
        </section>
        <section>
            <h2>课程介绍</h2>
            <p>这里是学校提供的课程介绍。</p>
        </section>
        <section>
            <h2>校园生活</h2>
            <p>这里是校园生活的相关信息。</p>
        </section>
    </main>
    <footer>
        <p>版权所有 &copy; 2024 学校官网</p>
    </footer>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学校网页</title>
</head>
<style>
    body {
    font-family: Arial, sans-serif;
}

header {
    background-color: #f4f4f4;
    padding: 10px 0;
    text-align: center;
}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    text-decoration: none;
    color: #333;
}

main {
    margin: 15px;
}

section {
    margin-bottom: 20px;
}

footer {
    background-color: #f4f4f4;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}

form {
    margin: 20px 0;
}

label, input, button {
    margin: 5px 0;
}
</style>
<body>
    <header>
        <h1>关于我们</h1>
        <nav>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="login.html">登录</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section>
            <h2>学校简介</h2>
            <p>这里是学校的简介，包括历史、愿景和使命等。</p>
        </section>
        <section>
            <h2>师资力量</h2>
            <p>这里是学校的师资力量介绍。</p>
        </section>
        <section>
            <h2>校园设施</h2>
            <p>这里是校园设施的介绍。</p>
        </section>
    </main>
    <footer>
        <p>版权所有 &copy; 2024 学校官网</p>
    </footer>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学校网页</title>
</head>
<style>
    body {
    font-family: Arial, sans-serif;
}

header {
    background-color: #f4f4f4;
    padding: 10px 0;
    text-align: center;
}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    text-decoration: none;
    color: #333;
}

main {
    margin: 15px;
}

section {
    margin-bottom: 20px;
}

footer {
    background-color: #f4f4f4;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}

form {
    margin: 20px 0;
}

label, input, button {
    margin: 5px 0;
}
</style>
<body>
    <header>
        <h1>登录</h1>
        <nav>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="login.html">登录</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section>
            <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>
        </section>
    </main>
    <footer>
        <p>版权所有 &copy; 2024 学校官网</p>
    </footer>
</body>
</html>