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

Tải resource

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

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

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

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

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

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

2020-10-24 16:01:42

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

Triệu Văn Lăng

2020-10-15 10:38:08

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

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

2020-10-12 07:44:02

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

Đặng Trần Nhật Minh

2020-10-12 07:01:54

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

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

Tải resource

Tags:

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

5

Trần Thị Khánh Huyền

#week3.html

Trần Thị Khánh Huyền

#week2.html

Trần Thị Khánh Huyền

#week1.html

Trần Thị Khánh Huyền

#style.css

Trần Thị Khánh Huyền

#Attendance.html

Nguyễn Xuân Mai

Triệu Văn Lăng

Nguyễn Anh Vũ

#weekl.html

An Văn Minh

Đặng Trần Nhật Minh