forked from Zegendary/Garbage
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit e72aad9
Showing
223 changed files
with
12,175 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,95 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>task-1</title> | ||
</head> | ||
<body> | ||
|
||
<h1><a href="http://7xrp04.com1.z0.glb.clouddn.com/task_1_1_1.jpg">网站以及标题(点开为示例图)</a></h1> | ||
<ul> | ||
<li><a href="#">导航链接1</a></li> | ||
<li><a href="#">导航链接2</a></li> | ||
<li><a href="#">导航链接3</a></li> | ||
<li><a href="#">导航链接4</a></li> | ||
</ul> | ||
<h2>文章一级标题</h2> | ||
<h3>文章二级标题</h3> | ||
<p>文章作者 发表时间</p> | ||
<p>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落</p> | ||
<br> | ||
<p>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落<a href="http://ife.baidu.com"></a>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落<em>这是一个很长的段落</em>这是一个很长的段落这是一个很长的段落</p> | ||
<img src="http://www.pptok.com/wp-content/uploads/2011/06/beijing06.jpg" alt="示例图"> | ||
<h2>另一个文章一级标题</h2> | ||
<h2>文章二级标题</h2> | ||
<p>文章作者 发表时间</p> | ||
p>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落</p> | ||
<br> | ||
<p>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落<a href="http://ife.baidu.com"></a>这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落<em>这是一个很长的段落</em>这是一个很长的段落这是一个很长的段落</p> | ||
<img src="http://www.pptok.com/wp-content/uploads/2011/06/beijing06.jpg" alt="示例图"> | ||
<ul> | ||
<li>列表项目1</li> | ||
<li>列表项目2</li> | ||
<li>列表项目3</li> | ||
</ul> | ||
<p>好看的图片<br><img src="http://www.pptok.com/wp-content/uploads/2011/06/beijing06.jpg" alt=""></p> | ||
<h2>最后一个文章一级标题</h2> | ||
<h3>文章二级标题</h3> | ||
<p>作者文章发表时间</p> | ||
<ol> | ||
<li>排名1</li> | ||
<li>排名2</li> | ||
<li>排名3</li> | ||
</ol> | ||
<div>下面是一个表格,border为1 | ||
<table border="1"> | ||
<tr> | ||
<th>表头</th> | ||
<th>表头</th> | ||
<th>表头</th> | ||
</tr> | ||
<tr> | ||
<td>内容</td> | ||
<td>内容</td> | ||
<td><a href="#">操作</a></td> | ||
</tr> | ||
<tr> | ||
<td>内容</td> | ||
<td>内容</td> | ||
<td><a href="#">操作</a></td> | ||
</tr> | ||
<tr> | ||
<td>内容</td> | ||
<td>内容</td> | ||
<td><a href="#">操作</a></td> | ||
</tr> | ||
<tr> | ||
<td>内容</td> | ||
<td>内容</td> | ||
<td><a href="#">操作</a></td> | ||
</tr> | ||
<tr> | ||
<td>总计</td> | ||
<td colspan="2">1000</td> | ||
</tr> | ||
</table> | ||
</div> | ||
<form> | ||
<h2>这里以后是一个侧栏,这是侧栏标题</h2> | ||
<h3>侧栏注册窗口标题</h3> | ||
<p>请输入邮箱地址:<input type="text" name="e-mail"></p> | ||
<p>邮箱地址请按照格式输入</p> | ||
<p>请输入密码:<input type="password" name="password">请重复输入:<input type="password" name="password"></p> | ||
<p>密码请为6-16位英文数字</p> | ||
性别:<input type="radio" name="sex" checked="checked">男<input type="radio" name="sex">女 | ||
城市:<select name="" id=""><option value="北京" selected="selected">北京</option> | ||
<option value="上海">上海</option> | ||
<option value="天津">天津</option> | ||
<option value="重庆">重庆</option></select> | ||
爱好:<input type="checkbox" name="1">运动<input type="checkbox" name="1">艺术<input type="checkbox" name="1">科学 | ||
个人描述:<textarea name="" id="" cols="20" rows="2"></textarea> | ||
<input type ="submit" value ="Submit"> | ||
<br>版权所有© | ||
</form> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,50 @@ | ||
*{ | ||
margin: 0;padding: 0; | ||
} | ||
.flex-container{ | ||
display: flex; | ||
flex-flow: row nowrap; | ||
justify-content: space-between; | ||
padding: 20px; | ||
align-items: center; | ||
} | ||
div[class*="flex-item"]{ | ||
margin-bottom: 20px; | ||
} | ||
.flex-item1{ | ||
height: 120px; | ||
width: 150px; | ||
border: 1px solid #f00; | ||
order: 1; | ||
} | ||
.flex-item2{ | ||
height: 100px; | ||
width: 150px; | ||
border: 1px solid #f00; | ||
order: 2; | ||
} | ||
.flex-item3{ | ||
height: 40px; | ||
width: 150px; | ||
border: 1px solid #f00; | ||
order: 3; | ||
} | ||
.flex-item4{ | ||
height: 200px; | ||
width: 150px; | ||
border: 1px solid blue; | ||
order: 4; | ||
|
||
} | ||
@media(max-width: 640px) { | ||
.flex-container{ | ||
flex-flow: row wrap; | ||
align-items: flex-start; | ||
|
||
} | ||
.flex-item4{order: 1} | ||
.flex-item1{order: 2} | ||
.flex-item2{order: 3} | ||
.flex-item3{order: 4} | ||
|
||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>task-10</title> | ||
<link rel="stylesheet" href="task-10.css"> | ||
</head> | ||
<body> | ||
<div class="flex-container"> | ||
<div class="flex-item1"></div> | ||
<div class="flex-item2"></div> | ||
<div class="flex-item3"></div> | ||
<div class="flex-item4"></div> | ||
</div> | ||
</body> | ||
</html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
*{ | ||
margin: 0px;padding: 0px; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,25 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<title>task-11</title> | ||
<link rel="stylesheet" href="task-11.css"> | ||
</head> | ||
<body> | ||
<header> | ||
<div class="headerback"><返回</div> | ||
<div class="headertitle">这是标题</div> | ||
</header> | ||
<div class="nav"> | ||
<ul> | ||
<li><a href="">导航1</a></li> | ||
<li><a href="">导航2</a></li> | ||
<li><a href="">导航3</a></li> | ||
<li><a href="">导航4</a></li> | ||
<li><a href="">导航5</a></li> | ||
</ul> | ||
</div> | ||
<div class="headerpic"></div> | ||
|
||
</body> | ||
</html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.