小U课堂头部和底部

最新推荐文章于 2024-09-12 16:43:23 发布
最新推荐文章于 2024-09-12 16:43:23 发布
阅读量68 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Thebestroy/article/details/127289432
版权
这是一个关于小U课堂网页头部和底部的HTML代码实现。包括logo、导航菜单、注册登录、搜索框、下拉菜单以及底部信息展示，涉及CSS样式引用和布局设计。
摘要由CSDN通过智能技术生成

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <!-- 样式重置文件 -->

    <link rel="stylesheet" href="../css/reset.css">

    <!-- 公共样式文件 -->

    <link rel="stylesheet" href="../css/public.css">

    <!-- 样式特有文件 -->

    <link rel="stylesheet" href="../css/index.css">

 

    <link rel="stylesheet" href="../../font_3691916_p8wnbnits9r/iconfont.css">

</head>

<body>

    <!-- 头部 -->

    <div class="header">

        <div class="inner">

            < img src="../img/logo.png" alt="">

            <ul class="niv">

                <li><a href="" class="bo">首页</a ></li>

                <li><a href="" class="bo">同步课程</a ></li>

                <li><a href="" class="bo">在线练习</a ></li>

                <li><a href="" class="bo">精品课程</a ></li>

            </ul>

        </div>

        <div class="font">

            <ul>

                <li><a href="">注册</a ></li>

                <li><a href="">登录</a >/</li>

            </ul>

        </div>

        <div class="niv1">

            <select>

                <option value="">课程</option>

                <option value="">语文</option>

                <option value="">数学</option>

            </select>

            <input type="text" value="" placeholder="搜索感兴趣的内容" class="box">

            <a href="" class="iconfont icon-fangdajing"></a >

        </div>

    </div>

 

    <!-- 底部 -->

    <div class="bottom">

        <div class="so">

            <p class="zi">首页 | 关于我们 | 加入我们 | 合作专区 | 联系我们 | AI开放平台 | 意见反馈 | 漏洞提交 | 隐私政策 | 版权声明 | 反盗链声明 | 网上有害信息举报 | 备案公示 | 营业执照 | 教师资格证公示</p >

            <p class="zi">京ICP备 13030888号 Copyright © 2014-2019 行者信息科技（北京）有限公司 | 地址：北京市新华区马当路388号C座 | 电话：010-66666666 |  京公网安备 01010102002533号</p >

            <p class="za">京网文〔2018〕4086-308号 | 网络文化经营许可证：沪网文[2018]4086-308号 | 增值电信业务经营许可证：京B2-20150021 | 食品经营许可证：JY13101140088888</p >

            <p class="zu">医疗器械经营许可证：京嘉食药监械经营许20188008号 | 互联网药品信息服务资格证书：(京)-经营性-2018-001

Thebestroy
关注
小 U 在线课堂基于 Node+Express+Mysql 的一个面向全国 的中小学生学习平台，通过学习平台可以观看相应学科内容
04-21
前端技术： HTML5、CSS3、ajax、jquery、token（jwt） 后端技术：NODE.js express MySQL、jwt（token） 实现了首页课程渲染、列表页筛选课程，搜索课程，课程详情介绍，视频播放，报名课程，登录，注册，个人中心等。具体实现如下： 使用 Node，Express，MySQL 完成底层接口的编写 ​ 登入模块整合 JWT，为每个学生用户生成一个单独的 token ​ 使用存储在本地缓存中的 token 进行用户的身份验证，保证用户可以报名课程和个人信 息的管理 ​ 使用 Jquery 的 Ajax 方法进行请求接口，进行渲染页面
小u课堂实操
MOOO___的博客
02-21 113
免费学习免费学习免费学习免费学习免费学习
小U课堂项目注意点
weixin_68950988的博客
08-02 302
小U课堂
[已测试]小优课堂知识付费商用运营版 xiaoyou_knowledges 1.0.16.zip
09-05
小优家教 1.0.3使用帮助：如果购买者的服务器为nginx环境，请配置伪静态 location / { index index.html index.htm index.php; #autoindex on; if (!-e $request_filename) { rewrite ^(.*)$ /index.php?s=/$1 last; break; } } 解压密码 FG#$%^@%$FG@%^$SDF23
UI设计前端大作业（小U课堂）
hahah123A的博客
10-28 9239
UI设计前端大作业（小U课堂） 如果你是入门前端页面编写，那么这个商城项目就将会是个不错的入门选择，用到html和css。总代码以及素材附在文章底下百度网盘中。 ps:如报错，需根据自己的背景路径位置自行调整！！！ 首先我们来看一下效果图 首页页面： 同步课程页面： 在线联系页面： 下面附上代码： 首页页面 html代码： <!DOCTYPE html> <html> <head> <meta charset...
在课堂中使用 ChatGPT 的 80 个方式（上）
龙哥盟
04-01 3010
chatGPT 于 2022 年 11 月崭露头角。它已经开始颠覆高等教育等行业和企业，类似于印刷机和互联网。在核心上，chatGPT 利用人工智能来撰写涵盖众多主题的查询响应。在教育领域，阵营分为那些希望禁止 chatGPT 的人，因为他们认为这是学生作弊的一种方式。相反，其他人则将其视为延伸学习的工具。作为一名教学技术专家，我看到 chatGPT 有巨大潜力。我已经开始使用它来支持我合作的教职人员。本书提供了使用 chatGPT 增强教学和学习课堂体验的示例。
HTML课堂笔记
饶水胜的博客
03-20 456
学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签 掌握三种列表标签 掌握表格标签 掌握表格标签 掌握表单标签 掌握H5新增表单和表单属性 typora-copy-images-to: media 认识网页 网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。 浏览器是网页...
HTML和CSS
sinat_43082914的博客
06-03 2535
HTML+css的学习笔记，基础知识整理
前端学习 课堂笔记 HTML篇
LT17551597227的博客
05-08 82
注意：只有同一个结构标签中的单元格才能合并，不能跨结构标签合并(不能跨: thead、tbody、tfoot)2.通过左上原则，确定保留谁删除谁，上下合并→只保留最上的，删除其他左右合并→只保留最左的，删除其他。当图片加载失败时，便会显示alt的文本；当图片加载成功时，不会显示alt的文本。1、ul标签中只允许包含li标签 2、li标签可以包含任意内容。文字都有变大，并且从h1→h6文字逐渐减小，独占一行。b,u,i,s皆为语义标签，后者表示的语义更强烈！dl标签中只允许包含dt/dd标签。
《C语言程序设计》讲义
m0_63949551的博客
11-26 3070
《C语言程序设计》讲义 第一章 C语言概述 [教学目的] 介绍课程的性质、作用。通过本章的学习，使学生了解C语言的特点及C简单程序的构成，掌握C程序的编辑、编译、连接和运行的过程。 [教学内容] C语言特点，简单程序举例及上机步骤 重点：C程序基本结构及运行调试步骤 [教学方法] 多媒体 一、 C语言出现的背景 从计算机应用基础中学过计算机语言及语言处理系统，我们学习高级语言--C语言。 计算机：计算机是解决问题的电子工具、是由人来指挥的，人们为了用计算机来解决实际问题，...
web一阶段 day14
gaoyuan0277的博客
07-30 320
AdobePhotoshop，简称“PS”]，是由Adobe开发和发行的[图像处理软件]。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。小U课堂。...
认识前端（十四）
snowyfly的博客
08-15 245
项目规范
前端开发-项目规范
qianduankaifawz的博客
10-09 451
meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!小U课堂是优就业打造的在线实用技能学习平台，我们要完成 首页、同步课程、在线练习，精品课程、视频详情、登录、注册页面、个人中心等静态页面的制作。- 如标题根据重要性用 h1-h6不同等级的标签标记 、段落标记用p，结构简章重复的部分用 ul、li标签。
css项目规范
QQQqq031110的博客
02-25 145
metaname= " keywords"content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!小U课堂是优就业打造的在线实用技能学习平台，我们要完成 首页、同步课程、在线练习，精品课程、视频详情、登录、注册页面、个人中心等静态页面的制作。”、“×××网作为…
知乎页面的html代码,Web前端
weixin_36436373的博客
06-09 1454
课程主题HTML5基础、CSS3基础、切图、综合项目：小U课堂、HTML5进阶、 CSS3进阶、综合项目：小U商城、综合项目：响应式布局实战项目PC端项目：小U课堂静态页面布局、移动端项目：小U商城移动端项目、响应式项目：小U商城后台管理系统培养方向1.熟练使用前端开发IDE:vscode编辑器；2.掌握HTML5基础和HTML5进阶中的常用标签；3.掌握CSS基本语法和文字字体属性；4.掌握盒模...
html俩列布局,Web前端
weixin_29585583的博客
06-17 145
课程主题HTML5基础、CSS3基础、切图、综合项目：小U课堂、HTML5进阶、 CSS3进阶、综合项目：小U商城、综合项目：响应式布局实战项目PC端项目：小U课堂静态页面布局、移动端项目：小U商城移动端项目、响应式项目：小U商城后台管理系统培养方向1.熟练使用前端开发IDE:vscode编辑器；2.掌握HTML5基础和HTML5进阶中的常用标签；3.掌握CSS基本语法和文字字体属性；4.掌握盒模...
Vue使用query传参Boolean类型，刷新之后转换为String问题
最新发布
q879936814的博客
09-12 367
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
easyexcel模板导出并且公式自动计算的方法
weixin_47615289的博客
09-11 414
【代码】easyexcel模板导出并且公式自动计算的方法。
微信小程序实现的课堂考勤管理系统
"基于微信小程序的课堂考勤管理系统是一个利用微信小程序技术开发的教育管理工具，旨在优化课堂考勤、作业管理和请假流程。该系统由Java构建的管理员服务端和MySQL数据库支持，服务于管理员、教师和学生三类用户，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值