仿写学校官网 HTML静态网页设计-CFANZ编程社区

仿写学校官网 HTML静态网页设计

文章目录

1、实现的效果
2、用到的知识点
3、项目结构
4、部分核心源码
5、后语

1、实现的效果

仿写学校官网 HTML静态网页设计_项目结构

2、用到的知识点

html
css
js

3、项目结构

仿写学校官网 HTML静态网页设计_html_02

4、部分核心源码

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

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="content-type" content="no-cache, must-revalidate" />
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />
    <title>首页</title>
    <link href="css/my.css" rel="stylesheet">
    <link href="css/nav.css" rel="stylesheet">
    <link rel="stylesheet" href="css/nav.css">

  </head>

  <body style="background-color: white">

    <div id="wrapper">

      <!-- 头部开始 -->
      <div style="width: 100%; height: 33px; line-height: 33px; background-color: #4682B4">
        <div class="container">
          <div class="col-md-6" style="text-align: left">
          </div>
          <div class="col-md-6" style="color: yellow; text-align: right">

            <a href="" class="top-a" target="_blank">教工</a>
            <a href="" class="top-a" target="_blank">学生</a>
            <a href="" class="top-a" target="_blank">校友</a>
            <a href="" class="top-a" target="_blank">访客</a>
            <a href="" class="top-a" target="_blank">门户</a>
            <a href="" class="top-a" target="_blank">常用链接</a>
            <a href="" class="top-a" target="_blank">书记</a>
            <a href="" class="top-a" target="_blank">校长</a>
            <a href="" class="top-a" target="_blank">ENG</a>

          </div>
        </div>
        <hr>
      </div>

0 条评论