By GokiSoft.com| 21:11 18/10/2023|
Học HTML5 - CSS3

Thiết kế calendar page bằng HTML5/CSS - Tạo website calendar HTML5/CSS

Tags:



Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

Trần Thị Khánh Huyền [T2008A]
Trần Thị Khánh Huyền

2020-11-07 01:51:37


#week3.html


<!DOCTYPE html>
<html>
<head>
	<title>Attendance</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h2>Attendance Sheet</h2>
<div id ="show">
	<div class="button"><a href="week1.html">Week1</a></div>
	<div class="button"><a href="week2.html">Week2</a></div>
	<div class="button"><a href="week3.html">Week3</a></div>
	<div class="button"><a href="week4.html">Week4</a></div>
</div>
<table class="table">
	<tr>
		<th></th>
		<th>Mon</th>
		<th>Tue</th>
		<th>Wed</th>
		<th>Thu</th>
		<th>Fri</th>
		<th>Sat</th>
		<th>Total</th>
	</tr>
	<tr>
		<th>John</th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th>4</th>
	</tr>
	<tr>
		<th>Smith</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>6</th>
	</tr>
	<tr>
		<th>David</th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th>p</th>
		<th>4</th>
	</tr>
	<tr>
		<th>Mark</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>6</th>
	</tr>
</table> 
</body>
</html>


Trần Thị Khánh Huyền [T2008A]
Trần Thị Khánh Huyền

2020-11-07 01:51:13


#week2.html


<!DOCTYPE html>
<html>
<head>
	<title>Attendance</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h2>Attendance Sheet</h2>
<div id ="show">
	<div class="button"><a href="week1.html">Week1</a></div>
	<div class="button"><a href="week2.html">Week2</a></div>
	<div class="button"><a href="week3.html">Week3</a></div>
	<div class="button"><a href="week4.html">Week4</a></div>
</div>
<table class="table">
	<tr>
		<th></th>
		<th>Mon</th>
		<th>Tue</th>
		<th>Wed</th>
		<th>Thu</th>
		<th>Fri</th>
		<th>Sat</th>
		<th>Total</th>
	</tr>
	<tr>
		<th>John</th>
		<th></th>
		<th></th>
		<th>p</th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th>3</th>
	</tr>
	<tr>
		<th>Smith</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>6</th>
	</tr>
	<tr>
		<th>David</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th>p</th>
		<th>5</th>
	</tr>
	<tr>
		<th>Mark</th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th>p</th>
		<th>4</th>
	</tr>
</table> 
</body>
</html>


Trần Thị Khánh Huyền [T2008A]
Trần Thị Khánh Huyền

2020-11-07 01:50:41


#week1.html


<!DOCTYPE html>
<html>
<head>
	<title>Attendance</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h2>Attendance Sheet</h2>
<div id ="show">
	<div class="button"><a href="week1.html">Week1</a></div>
	<div class="button"><a href="week2.html">Week2</a></div>
	<div class="button"><a href="week3.html">Week3</a></div>
	<div class="button"><a href="week4.html">Week4</a></div>
</div>
<table class="table">
	<tr>
		<th></th>
		<th>Mon</th>
		<th>Tue</th>
		<th>Wed</th>
		<th>Thu</th>
		<th>Fri</th>
		<th>Sat</th>
		<th>Total</th>
	</tr>
	<tr>
		<th>John</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th>5</th>
	</tr>
	<tr>
		<th>Smith</th>
		<th></th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th>4</th>
	</tr>
	<tr>
		<th>David</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th>6</th>
	</tr>
	<tr>
		<th>Mark</th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th></th>
		<th>3</th>
	</tr>
</table> 
</body>
</html>


Trần Thị Khánh Huyền [T2008A]
Trần Thị Khánh Huyền

2020-11-07 01:49:59


#style.css


body{
	background-color:  #FFFFCC; 
}
h2{
	text-decoration: underline;
	text-align: center;
}
#navigation{
	position: absolute;
	margin-left: 25%;
	text-align:center;
}
#tablesectionOne{
	table-layout: fixed;
	text-align:center;
	background-color: #FFFFDD
	position:absolute;
	margin-top:7e;
}
#tablesectionTwo{
	table-layout: fixed;
	text-align:center;
	background-color: #FFFFDD
	position:absolute;
	margin-top:7e;
}
#tablesectionThree{
	table-layout: fixed;
	text-align:center;
	background-color: #FFFFDD
	position:absolute;
	margin-top:7e;
}
#tablesectionFour{
	table-layout: fixed;
	text-align:center;
	background-color: #FFFFDD
	position:absolute;
	margin-top:7e;
}
.CAPTION{
	background-color: rgb(255,185,115);
	font: arial;
	size: 1em;
}
th{
	border: thin solid #D0D0D0;
	empty-cells: show

}
td{
	border: thin solid #D0D0D0;
	empty-cells: show

}
.table{
	border: thin solid #D0D0D0;
	empty-cells: show

}
#show{
	display: flex;
	text-align: center;
	height: 80px;
	align-items: center;
	padding-left: 25%;
}
.button{
	width: 125px;
	height: 25px;
	text-align: center;
	border: 1px solid black;
	background-color: green;
	border-radius: 15px
}


Trần Thị Khánh Huyền [T2008A]
Trần Thị Khánh Huyền

2020-11-07 01:49:11


#Attendance.html


<!DOCTYPE html>
<html>
<head>
	<title>Attendance</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h2>Attendance Sheet</h2>
<div id ="show">
	<div class="button"><a href="week1.html">Week1</a></div>
	<div class="button"><a href="week2.html">Week2</a></div>
	<div class="button"><a href="week3.html">Week3</a></div>
	<div class="button"><a href="week4.html">Week4</a></div>
</div>
</body>
</html>


Nguyễn Xuân Mai [T2008A]
Nguyễn Xuân Mai

2020-10-24 16:01:42

https://t2008amai.herokuapp.com/Lesson03/Attendance.html

Triệu Văn Lăng [T2008A]
Triệu Văn Lăng

2020-10-15 10:38:08



https://thienlac.herokuapp.com/bai1577/Attendance.html


Nguyễn Anh Vũ [T2008A]
Nguyễn Anh Vũ

2020-10-14 09:43:05


#weekl.html


<!DOCTYPE html>
<html>
<head>
	<title>Weekly attendance</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <h1 style="text-decoration: underline; text-align: center;">Attendance Sheet</h1>
  <div id="head">  
  	<a href="file:///C:/Users/dong/Desktop/C2002L/bai%202/week1.html" class="navigation">Week1</a>
  	<a href="#" class="navigation">Week2</a>
  	<a href="#" class="navigation">Week3</a>
  	<a href="#" class="navigation">Week4</a>
  </div>
<head>
	 <style type="text/css">
        table,th,td{
            border:1px solid black;
        }
    </style>
</head>
<body>
<table>
<body>
	<h1></h1>
	<h2 class="text-black"></h2>
	<tr>
	      <th colspan="8">Week1</th>
	</tr>
	<tr>
		<th></th>
		<th>Mon</th>
		<th>Tue</th>
		<th>Wed</th>
		<th>Thu</th>
		<th>Fri</th>
		<th>Sat</th>
		<th>total</th>
	</tr>
	<tr>
		<td>John</td>
		<td>p</td>
		<td>p</td>
		<td>p</td>
		<td>p</td>
		<td></td>
		<td>p</td>
		<td>5</td>
	</tr>
	<tr>
		<td>Smith</td>
		<td></td>
		<td>p</td>
		<td>p</td>
		<td>p</td>
		<td></td>
		<td>p</td>
		<td>4</td>
	</tr>
	<tr>
		<td>David</td>
		<td>p</td>
		<td>p</td>
		<td>p</td>
		<td>p</td>
		<td>p</td>
		<td>p</td>
		<td>6</td>
	</tr>
    <tr>
    	<td>Mark</td>
    	<td>p</td>
		<td></td>
		<td>p</td>
		<td></td>
		<td>p</td>
		<td></td>
		<td>3</td>
    </tr>
 

</body>
</html>
<body style="background:  #FFFFCC">

</body>


</body>
</html>


An Văn Minh [T2008A]
An Văn Minh

2020-10-12 07:44:02



https://anvanminh.herokuapp.com/lession2/Attendance.html


Đặng Trần Nhật Minh [T2008A]
Đặng Trần Nhật Minh

2020-10-12 07:01:54



https://attendance-haxm.herokuapp.com/09.10/attendance/attendance.html


Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó