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 BT1577

Liên kết rút gọn:

https://gokisoft.com/1577

Bình luận

avatar
hohuy1610@gmail.com [community,C2108L]
2021-11-17 09:31:23

https://github.com/HoGiaHuy2003/C2108L-HTML-CSS-JS/tree/master/day-4/bt1577

avatar
Dương Văn Hoàng [community]
2021-11-16 04:31:17

https://github.com/hoangtran03/Aptech/tree/main/bt1577

avatar
Trinh Huy Hung [community,C2009I]
2020-12-10 04:11:23

https://laball.herokuapp.com/lab3/bai3/Attendance.html

avatar
tranminhhieu [community,C2009I]
2020-12-08 06:52:52

https://tranhieu.herokuapp.com/week1.html

avatar
silentvoice [C2009I]
2020-12-07 09:35:31

https://phamngoclong.herokuapp.com/baitaplab3/attendance/attendance.html

avatar
Vũ Trung Kiên [C2009I]
2020-12-07 08:21:41


#Attendance.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>Weekly Attendance Sheet</title>
</head>
<body>
	<h2>
		Attendance Sheet
	</h2>
	<center>
		<a href="Attendance.html"><img src="img/week1.jpg"></a>
		<a href="Attendance2.html"><img src="img/week2.jpg"></a>
		<a href="Attendance3.html"><img src="img/week3.jpg"></a>
		<a href="Attendance4.html"><img src="img/week4.jpg"></a>
	</center>
	<table class="st">
		<tr>
			<th>Week 1</th>
		</tr>
	</table>
	<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>
			<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>
	</table>
</body>
</html>


#Attendance2.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>Weekly Attendance Sheet</title>
</head>
<body>
	<h2>
		Attendance Sheet
	</h2>
	<center>
		<a href="Attendance.html"><img src="img/week1.jpg"></a>
		<a href="Attendance2.html"><img src="img/week2.jpg"></a>
		<a href="Attendance3.html"><img src="img/week3.jpg"></a>
		<a href="Attendance4.html"><img src="img/week4.jpg"></a>
	</center>
	<table class="st">
		<tr>
			<th>Week 2</th>
		</tr>
	</table>
	<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>
			<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>
	</table>
</body>
</html>


#Attendance3.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>Weekly Attendance Sheet</title>
</head>
<body>
	<h2>
		Attendance Sheet
	</h2>
	<center>
		<a href="Attendance.html"><img src="img/week1.jpg"></a>
		<a href="Attendance2.html"><img src="img/week2.jpg"></a>
		<a href="Attendance3.html"><img src="img/week3.jpg"></a>
		<a href="Attendance4.html"><img src="img/week4.jpg"></a>
	</center>
	<table class="st">
		<tr>
			<th>Week 3</th>
		</tr>
	</table>
	<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>
			<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>
	</table>
</body>
</html>


#Attendance4.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>Weekly Attendance Sheet</title>
</head>
<body>
	<h2>
		Attendance Sheet
	</h2>
	<center>
		<a href="Attendance.html"><img src="img/week1.jpg"></a>
		<a href="Attendance2.html"><img src="img/week2.jpg"></a>
		<a href="Attendance3.html"><img src="img/week3.jpg"></a>
		<a href="Attendance4.html"><img src="img/week4.jpg"></a>
	</center>
	<table class="st">
		<tr>
			<th>Week 4</th>
		</tr>
	</table>
	<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>
			<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>
	</table>
</body>
</html>


#style.css


body
{
	background-color: #FFFFCC;
}
h2
{
	text-decoration: underline;
	text-align: center;
}
.navigation 
{
	position: relative;
	left: 25%;
	text-align: center;
}
.tablesection
{
	position: fixed;
	text-align: center;
	background-color: #FFFFDD;
	position: relative;
	top: 7em;
}
.CAPTION 
{
	background-color: rgb(255,185,115);
	font-family: arial;
	font-size: 1em;
}
table th
{
	text-align: center;
	border: solid thin #D0D0D0;
	empty-cells: show;
}
table td
{
	text-align: center;
	border: solid thin #D0D0D0;
	empty-cells: show;
}
.st
{
	width: 287px;
	background-color: orange;
}
.st tr th
{
	border: none;
}


avatar
nguyen hoang viet [community,C2009I]
2020-12-06 11:10:34

https://nguyenhoangviet.herokuapp.com/Attendance.html

avatar
Nguyễn Hải Đăng [community,C2009I]
2020-12-05 09:43:19

https://newlevel06.herokuapp.com/Day3/Attendance.html

avatar
Lê Sĩ Tuyển [community,C2009I]
2020-12-05 09:32:05

https://tuyen6tuoi.herokuapp.com/leson3/week4.html

avatar
Trần Thị Khánh Huyền [T2008A]
2020-11-07 01:51:57


#week4.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></th>
		<th>p</th>
		<th></th>
		<th>p</th>
		<th>3</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></th>
		<th>p</th>
		<th>p</th>
		<th>p</th>
		<th></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></th>
		<th>5</th>
	</tr>
</table> 
</body>
</html>