web前端
文章平均质量分 60
你的负卿是我
贫贱忧戚,功不唐捐,相呴相济,玉汝于成。
展开
-
web html css js贪吃蛇
贪吃蛇<!DOCTYPE html><html><head> <title>贪吃蛇</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .backDiv { text-align: center; position:absolute; to原创 2020-08-23 12:05:57 · 286 阅读 · 0 评论 -
web期末设计 自选3 明日方舟网站
web设计 自选3 明日方舟网站首页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>关于</title> <link rel="stylesh原创 2020-08-20 21:08:04 · 4117 阅读 · 13 评论 -
web期末 自选2 天气之子 网站
web期末 自选2 天气之子 网站登陆界面<!DOCTYPE html><html> <frameset cols="0%,100%"> <frame src="music.html"/> <frame src="login.html" /></frameset></html>主页<!DOCTYPE html><html lang="en"><head&原创 2020-08-20 20:56:34 · 1215 阅读 · 2 评论 -
web期末实验 自选 京东网站
web期末实验 自选 京东网站登录页面<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"> <title>京东-欢迎登录</title> <meta http-equiv="pragma" content="no-cache"><me原创 2020-08-20 20:33:18 · 5024 阅读 · 1 评论 -
web实验5 圣斗士网页
web实验5 圣斗士网页实现效果HTML部分<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ZZY</title> <link rel="stylesheet" type="text/css" href="STYLE.css"></head><body> <div id="DEMO"> <原创 2020-08-20 20:17:50 · 1335 阅读 · 0 评论 -
实验4 学校网站首页制作 css+js+html
实验4 学校网站首页制作 css+js+html效果分析及建议1.样式以独立文件保存,存放在站点的css文件夹。2.页面布局可分为上下结构,下面又可以分为左右结构。如下图所示。main_left分为校园公告与学校园地两块main_right分为上中下三块,上面包括:校园动态、教师园地,中间与图片新闻,下面为页尾信息。3.top区域主要是8个圆圈代表的导航,与以往的区别是,它们并没有居中显示,而是有一定的边距或填充,使其靠右显示。4.main_left比较好处理,只是要注意一下里面两块的位原创 2020-08-20 20:04:16 · 9578 阅读 · 2 评论 -
web实验3 简单水果网站模仿
web实验3 简单水果网站模仿需要实现效果如下HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>水果派</title> <link r原创 2020-08-20 19:52:23 · 1729 阅读 · 0 评论 -
web实验2 制作简单网页(HTML+CSS)
web实验2 制作简单网页(HTML+CSS)一、实验目的1.掌握文本样式的设置。2.掌握图像样式的设置。3.掌握各种媒体的插入方法。二、实验内容采用DIV+CSS,制作“在线电影”页面。三、操作提示1.新建网站的文件夹,网站图像素材保存在images文件夹中,媒体文件放在flash文件中。2.新建index.html页面,要求: 页面字体大小为14px,文本颜色为#000; 页面背景颜色为#edb8d2; 上下左右距均为0。3.利用div布局,宽度为900px,居中对齐。原创 2020-08-20 19:45:55 · 24030 阅读 · 4 评论 -
web实验1 div+css
web实验1 div+css多个页面互相跳转 可看图片 播放音乐 等等主页 我的动漫<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>动漫播放</title&原创 2020-08-20 19:39:36 · 1162 阅读 · 0 评论 -
CSS深入课堂作业 盒子模型
盒子模型1 图文链接<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>newsimageslist</title><style>#newsimages原创 2020-08-18 21:51:23 · 731 阅读 · 0 评论 -
CSS3简单练习 魔方制作
HTML部分页面结构(HTML部分)魔方(box)会包含在一个div(如container)里,魔方的每一面会用一个div表示。请完成HTML部分。 container可以控制魔方的位置,比如居中等。 box作为每面的父元素,当它旋转时,每个面也自然而言旋转。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpor原创 2020-08-18 21:40:46 · 449 阅读 · 0 评论 -
CSS3 简单练习1
图片定位 简单排列<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {原创 2020-08-18 21:29:38 · 224 阅读 · 0 评论 -
简单百度页面模仿
代码部分 非常简单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { text-align: center;/*元素居中*/ } body { font-size: 16px; /*调整文字大小*/ } .width { wid原创 2020-08-18 21:22:26 · 500 阅读 · 0 评论 -
前端小米商城首页简易模仿
前端小米商城首页简易模仿HTML部分<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米商城首页zzy</title> <link rel="icon" href="img/favicon.ico"> <link rel="stylesheet" href="./原创 2020-08-18 21:19:27 · 1464 阅读 · 5 评论 -
CSS实现3D悬停相册
CSS实现3D悬停相册css部分 *{ margin: 0; padding: 0; outline: none; border: none; box-sizing: border-box; } html,body{ min-height: 100%; } bo原创 2020-08-18 21:11:48 · 217 阅读 · 0 评论 -
WEB课堂作业练习 1 (div布局,表格,锚点,列表)
WEB课堂作业练习 1 (div布局,表格,锚点,列表)div布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head原创 2020-05-15 21:10:10 · 392 阅读 · 0 评论 -
WEB课堂作业练习 2
WEB课堂作业练习 21.添加样式:行内样式在这里插入代码片<!DOCTYPE HTML><html><head> <meta charset="UTF-8"></head><body> <!-- 设置行内样式,使段落的字体红色,18号,首行缩进2字符 --> <p style="color:red; font-size:18px; text-indent:2em;">天使投资 天使投原创 2020-08-17 21:44:12 · 511 阅读 · 0 评论