第一周周报
程序员文章站
2024-03-20 11:25:04
...
1.学完了html，学到了css定位那块
于是开始自己写了一些网页，代码以及图片如下，
这fpx官网的代码和图片：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>fpx官网</title>
</head>
<style>
*{
padding: 0px;
margin: 0px;
border: 0px;
}
ul{
list-style: none;
}
.w{
list-style: none;
display: block;
width: 120px;
height: 30px;
color: white;
text-decoration: none;
font-size: 25px;
font-weight: 500px;
}
li .logo,.jj,.xs,.cj{
float: left;
}
.logo{float: left;
margin: 0;
}
.en{
width: 120px;
height: 100px;
}
.nav{
width: 1349px;
height: 100px;
background: black;
overflow: hidden;
}
li{
width: 100px;
height: 100px;
margin: 36px 150px;
text-align: center;
}
.a{
height: 500px;
background: url(fpx15.jpg) no-repeat;
}
span{
display: block;
width: 250px;
height: 35px;
}
.one{
width: 1200px;
height: 395px;
}
.two{
width: 320px;
height: 250px;
}
.three{
width: 880px;
height: 265px;
color: white;
}
.w5{
width: 500px;
height: 35px;
font-size: 30px;
}
.w4{
width: 880px;
height: 105px;
position: relative;
left: 450px;
bottom: 100px;
}
.two,h4,li,p,span{
float: right;
}
.re{width: 300px;
height: 300px;
position:relative;
right: 750px;
top: 30px;
}
.w5{position: relative;
left: 169px;
top: 50px;
}
.g{
position: relative;
top: 55px;
}
.f{
position: relative;
top: 18px;
left: 250px;
}
.h{
position: relative;
top: 100px;
left: 405.3px;
}
.l{position: relative;
top: 61px;
left: 656.6px;
}
.j{
position: relative;
left: 27.5px;
bottom: 28px;
}
.w1{
display: block;
color: black;
text-decoration: none;
list-style: none;
text-align: center;
font-size: 25px;
font-weight: solid;
}
caption{
float: left;
font-size: 25px;
position: relative;
right: 2px;
}
tr{
width: 1250px;
height: 300px;
}
td{
width: 236px;
height: 215px;
border: 2px;
text-align: center;
position: relative;
left: 70px;
}
.w2{
width: 150px;
height: 150px;
}
dt{
width: 1300px;
font-size: 26px;
height: 50px;
}
dd{
height: 40px;
}
.fan{ text-decoration: none;
color: white;
}
.jw{
background: black;
height: 30px;
font-size: 14px;
line-height: 20px;
text-align: center;
}
.fan{ display: block;
width: 330px;
height: 30px;
float: left;
}
.zgj{
text-decoration: none;
}
</style>
<body>
<div class="nav">
<ul>
<li class="logo"> <a href="https://baike.baidu.com/item/FPX%E7%94%B5%E5%AD%90%E7%AB%9E%E6%8A%80%E4%BF%B1%E4%B9%90%E9%83%A8/22659172?fromtitle=FPX&fromid=24133286&fr=aladdin" target="_blank"><img class="en" src="fpx8.jpg" alt="" /></a></li>
<li class="jj"><a class="w" href="#jj">战队简介</a></li>
<li class="xs"><a class="w" href="#xs">现役成员</a></li>
<li class="cj"><a class="w" href="#dj">战队简史</a></li>
</ul>
</div>
<div class="a" id="jj">
<dl class="one">
<dt class="two"><img class="re" src="fpx8.jpg" class="es-circle"/></dt>
<dd class="three">
<h4 class="w5">FunPlusPhoenix</h4>
<ul class="d">
<li><span class="g">队伍简称：FPX</span>
<span class="f">所属赛区：LPL</span></li>
<li><span class="h">世界排名：<font color="red">NO.1 </font></span><span class="l">赛区排名：<font color="red">NO.1 </font></span></li>
<li><span class="j">创建时间：2017.12.21</span></li>
</ul>
<p class="w4">趣加电子竞技俱乐部（FunPlusPhoenix）成立于2017年，LPL联盟成员之一，是LPL舞台上的新生*。俱乐部Logo的浴火凤凰形象，代表着一飞冲天，追求极致，永不言弃，直面挑战的精神。凤凰在东西方文化中各自的独特寓意，也表达了趣加链接东西，多元并进的独特魅力。</p>
</dd>
</dl>
</div>
<div class="xy">
<table>
<caption id="xs">现役成员</caption>
<tr>
<td><img class="w2" src="fpx20.jpg" alt="" /><a class="w1" href="Doinb.html" target="_blank">Doinb</a></td>
<td><img class="w2" src="fpx21.jpg" alt="" /><a class="w1" href="GimGoon.html" target="_blank">GimGoon</a></td>
<td><img class="w2" src="fpx22.jpg" alt="" /><a class="w1" href="Lwx.html" target="_blank">Lwx</a></td>
<td><img class="w2" src="fpx23.jpg" alt="" /><a class="w1" href="Crisp.html" target="_blank">Crisp</a></td>
<td><img class="w2" src="fpx24.jpg" alt="" /><a class="w1" href="Tian.html" target="_blank">Tian</a></td>
</tr>
</table>
</div>
<div class="dg">
</div>
<dl class="">
<dt class="" id="dj">战队简史</dt>
<dd class="">2017年，FPX（FunPlusPhoenix）电子竞技俱乐部正式成立，宣布进军LPL。</dd>
<dd class="">2018年LPL春季赛因积分不足未能晋级季后赛，结束自己的春季赛之旅。</dd>
<dd class="">2018年LPL夏季赛，以8胜11负西部第4成功闯入季后赛，9月6日，在第一轮季后赛比赛中1：3不敌JDG，结束夏季赛之旅。</dd>
<dd class="">2019年LPL春季赛，以常规赛第一闯入季后赛，同时拿下了洲际赛的名额 ，在季后赛第三轮比赛中2：3不敌JDG,无缘决赛， 随后在季军赛中3：1战胜TOP战队，获得季军。</dd>
<dd class="">2019年8月16日，2019英雄联盟LPL夏季赛，FPX以2-0战胜DMO，锁定常规赛第一名，将直接保送至季后赛半决赛。</dd>
<dd class="">在8月31日，2019年《英雄联盟》职业联赛，最终FPX以3-1击败BLG拿下了LPL夏季赛总决赛门票。由于FPX在晋级积分上拥有优势，他们也率先锁定了2019年全球总决赛的晋级资格。</dd>
<dd class="">在9月8日，2019年LPL夏季赛之中，FPX以3:1击败RNG获得2019年LPL夏季赛冠军。</dd>
<dd class=""><a class="zgj" href="夺冠瞬间.html" target="_blank">2019年11月10日，FPX战队3比0横扫G2战队，夺得2019英雄联盟全球总决赛冠军，让LPL登顶了S赛冠军。</a></dd>
</dl>
</div>
<div class="jw">
<a class="fan" href="#">关于我们</a>
<a class="fan" href="#">联系我们</a>
<a class="fan" href="#">联系客服</a>
<a class="fan" href="#">友情链接</a>
</div>
</body>
</html>
还有一个轮播图布局，代码图片附上：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>fpx夺冠瞬间</title>
<style>
*{padding: 0;
margin: 0;
}
ul,ol{
list-style: none;
}
a{
color: white;
text-decoration: none;
}
img{
display: block;
}
.all{
width: 690px;
height: 460px;
margin: 100px auto;
position: relative;
}
.all ul li{
position: absolute;
top: 0;
left: 0;
display: none;
}
.all ul li.now{
display: block;
}
.all .part a{
top: 50%;
margin-top: -20px;
position: absolute;
width: 30px;
height: 40px;
font-size: 20px;
line-height: center;
background: rgba(0,0,0,0.3);
}
.all .part a.right{
left: 1px;
}
.all .part a.left{
right: 1px;
}
.all ol{
position: absolute;
width:170px;
height:20px;
bottom: 30px;
left: 50%;
margin-left: -85px;
}
.all ol li{
float: left;
width: 20px;
height: 20px;
margin-right: 3px;
background: black;
border-radius: 10px;
color: white;
text-align: center;
line-height: 20px;
font-family: "Arial"
font-size:12px;
}
body{
background: url(fpx.jpg);
}
</style>
</head>
<body>
<div class="all">
<ul>
<li> <img src="1.jpg" alt="" /> </li>
<li class="now"> <img src="2.jpg" alt="" /> </li>
<li> <img src="3.jpg" alt="" /> </li>
<li> <img src="4.jpg" alt="" /> </li>
<li> <img src="5.jpg" alt="" /> </li>
<li> <img src="6.jpg" alt="" /> </li>
<li> <img src="7.jpg" alt="" /> </li>
</ul>
<div class="part">
<a href="#" class="left" >></a>
<a href="#" class="right" ><</a>
</div>
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ol>
</div>
</body>
</html>
还有几个选手介绍，由于代码重复只附上一个的代码和图片：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Doinb</title>
<style>
*{
margin: 0px;
padding: 0px;
}
body{
background: url(10.jpg);
}
dt{
padding: 20px;
padding-left: 0px;
height: 100px;
font-size: 40px;
color: black;
font-weight: solid;
}
dd{
height: 100px;
font-size: 20px;
color: white;
font-weight: solid;
}
</style>
</head>
<body>
<div>
<dl>
<dt>Doinb</dt>
<dd>原名：金泰相</dd>
<dd>金泰相，1996年12月30日出生于韩国，韩国《英雄联盟》职业选手，现FPX电子竞技俱乐部英雄联盟项目中单。</dd>
<dd>金泰相2013年就接触英雄联盟这款游戏，2015年以高分路人身份受邀加入QG战队开始自己的职业生涯。在2015年取得lspl春季赛冠军，LPL夏季赛亚军 ，2016年取得LSPL夏季赛冠军。2017年取得LPL春季常规赛MVP 。2018年12月转会至FPX电子竞技俱乐部。</dd>
<dd>2019年9月6日，LPL夏季赛决赛上FPX3:1击败RNG获得LPL冠军 ；11月10日，金泰相所在FPX战队3比0横扫G2登顶获得2019年英雄联盟全球总决赛冠军</dd>
</dl>
</div>
</body>
</html>
2.进行了C语言函数和几种排序补习
主要把递归仔细看了一遍然后做了一些题，如下：
递归函数 计算幂级数：
#include<stdio.h>
int fun(int n,int y)
{if(y==0)
return 1;
else
return fun(n,y-1)*n;
}
main()
{
int x,a;
scanf("%d %d",&x,&a);
printf("%d",fun(x,a));
}
递归求各阶乘和：
#include<stdio.h>
int fan(int a)
{
if(a==1)
return 1;
else
return fan(a-1)*a;
}
main()
{
int n,i,b=0,x;
scanf("%d",&n);
for(i=1;i<=n;i++)
{
x=fan(i);
b+=x;
}
printf("%d",b);
return 0;
}
快速排序 递归：
#include<stdio.h>
#include<stdlib.h>
#define N 10
void dayin(int array[],int max)
{int i=0;
for(i=0;i<max;i++)
{
printf("%-3d",array[i]);
}
printf("\n");
}//遍历
void swap(int *a,int *b)
{
int temp;
temp=*a;
*a=*b;
*b=temp;
}//交换值
void quicksort(int array[],int max,int low,int high)
{
int i,j;
if(low<high)
{
i=low+1;
j=high;
while(i<j)
{
if(array[i]>array[low])
{
swap(&array[i],&array[j]);
j--;
}
else
{
i++;
}
}
if(array[i]>=array[low])
{
i--;
}
swap(&array[low],&array[i]);
quicksort(array,max,low,i);
quicksort(array,max,j,high);
}
}
int main()
{
int array[N],i;
int max=N;
for(i=0;i<10;i++)
{scanf("%d",&array[i]);}
printf("排序前的数组\n");
dayin(array,max);
quicksort(array,max,0,max-1);
printf("排序后面的数组\n");
dayin(array,max);
return 0;
}
排序代码：
冒泡排序：
#include<stdio.h>
int main(void)
{int i=0,j=0,a,n;
int b[10];
scanf("%d",&n);
for(i=0;i<n;i++)
{printf("%d",b[i]);}
for(j=0;j<n-1;j++)
{
for(i=0;i<n-j;i++)
{
if(b[i]>b[i+1])
{
a=b[i];
b[i]=b[i+1];
b[i+1]=a;
}
}
}
for(i=0;i<10;i++)
{printf("%d",b[i]);}
return 0;
}
选择排序：
#define N 10
main()
{
int d[N];
int i,j,t;
printf("Input %d scores:\n",N);
for(i=0;i<N;i++)
{scanf("%d",&d[i]);
}printf("\n");//遍历
for(i=0;i<N;i++)
{for(j=i;j<N;j++)
if(d[i]<d[j])
{t=d[i];
d[i]=d[j];
d[j]=t;
}
}//主程序
printf("The sorted scores:\n");
for(i=0;i<N;i++)
{printf("%5d",d[i]);
}printf("\n");//遍历
return 0;
}
插入排序：
//插入排序(从小到大)
#include<stdio.h>
int number[100000000];
int main()
{
int i=0,n,t=0,temp=0,j;
printf("输入数字个数：\n");
scanf("%d",&n);
printf("输入%d个数:\n",n);
for(j=0;j<n;j++)
scanf("%d",&number[j]);// 遍历
for(i=1;i<n;i++)
{
temp=number[i];
t=i-1;
while(t>=0&&temp<number[t]) //主程序
{
number[t+1]=number[t];
t--;
}
number[t+1]=temp;
}
for(i=0;i<n;i++)
{printf("%4d",number[i]);}
printf("\n");//遍历
return 0;
}
结构体也看了一些
打了一个代码：
#define N 4
#include<string.h>
struct
{
int num;
char name[11];
int score;
}t,s[N];
main()
{
int i,j,k;
printf("\n 请输入第一个学生的学号：");
scanf("%d",&k);
printf("\n 请输入学号对应学生的姓名（不可含空格）、成绩\n");
for(i=0;i<N;i++)
{
printf("%d",s[i].num=k+i);
scanf("%s%d",s[i].name,&s[i].score);
}//存储数据
for(i=0;i<N-1;i++)
{
k=i;
for(j=i+1;j<N;j++)
if(s[k].score<s[j].score) k=j;
if(k!=i)
{
t=s[i];
s[i]=s[k];
s[k]=t;
}
}
printf("按成绩排序输出：\n");
for(i=0;i<N;i++)
{
printf("%d %-10s %5d\n",s[i].num,s[i].name,s[i].score);
}//排序
}
上一篇： 寒假宅喵java学习
下一篇： 第一周