83. 大学生HTML5期末大作业 ―【狐妖小红娘动漫主题响应式自适应网页 】 Web前端网页制作 html5+css3+js

目录

一、更多推荐

二、网页简介

三、网页文件

四、网页效果

五、代码展示

1.html

2.CSS

3.JS

六、总结

1.简洁实用

2.使用方便

3.整体性好

4.形象突出

5.交互式强

七、更多推荐


一、更多推荐

欢迎来到我的CSDN主页!Web前端网页制作、学生期末大作业、课程设计、毕业设计、网页模版源码、学习资料等,更多优质博客文章、网页模板点击以下链接查阅:

仙女网页设计-CSDN博客

 5000+完整代码,主题涵盖30+种类型:


二、网页简介

本实例应用html5+css+js:jQuery、bootstrap、 导航栏、图片轮翻效果、留言表单等。适用于大学生网页课程作业设计、公司网页制作等。响应式布局可以根据不同的设备屏幕大小自动调整页面布局,提高用户体验;本网页支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改;支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。


三、网页文件

本网页实例共包含6个页面:


四、网页效果

以下是本篇文章正文内容,下面案例仅供参考(节选示例):


五、代码展示

1.html

<!DOCTYPE HTML>
<html>

<head>
  <title>首页</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <!--bootstrap-->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <!--coustom css-->
        <link href="css/style.css" rel="stylesheet" type="text/css"/>
        <!--script-->
        <script src="js/jquery-2.1.4.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        
    </head>
    <body>
        <div class="banner-background" id="to-top">
            <div class="container">
                <div class="nav-back">
                
                    <div class="navigation">
                        <nav class="navbar navbar-default">
                            
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul class="nav navbar-nav">
                                <li><a href="index.html"  class="active">首页</a></li>
                                    <li><a href="about.html">分篇剧情</a></li>
                 &nb

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值