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
hainguyen [T2008A]
2020-10-11 12:51:13



https://nguyenbahai.herokuapp.com/BTText1577/Attendance.html


avatar
Do Trung Duc [T2008A]
2020-10-11 09:05:25



https://gokisoft10.herokuapp.com/buoi3/baitapgokisoft/Calendar_Page/Calendar.html


avatar
Đức Sơn [T2008A]
2020-10-11 07:05:55


#week4.html


<!DOCTYPE html>
<html>
<head>
  <title>Week 4</title>
  <meta charset="utf-8">
  <style type="text/css">

  h2{
    text-align: center;
    text-decoration: underline;
  }
  
  body {
    background-color:  #FFFFCC;
  }

  #navigation {
    position: fixed;
    margin-left: 50%;
    text-align: center;
  }

  #tablesectionOne {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
    }
  #tablesectionTwo {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
  }
  
  #tablesectionThree {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: ;
    margin-top: 7px;
  }
    
    #tablesectionFour {
      table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
  }

  .CAPTION {
    background-color: rgb(255,185,115);
    font-family: arial;
    font-size: 1em;
  }

  th {
    border-style: solid;
    border-color:  #D0D0D0;
    empty-cells: show;
  }
    td {
    border-style: solid;
    border-color:  #D0D0D0;
    empty-cells: show;
  }

    .qq {
      border-style: solid;
      border-width: thin;
      border-color: white;
      border-left: 20px;
      border-right: 20px;
      border-radius: 15px;
      display: inline-block;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 25px;
    }
  </style>

</head>
<body>
  <h2>Attendance Sheet</h2><br>
  <b><li class="qq"> Week 4</li></b>
    <div id="show">
      <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>
    <td>Jone</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>

</div>
</body>
</html>


avatar
Đức Sơn [T2008A]
2020-10-11 07:05:35


#week3.html


<!DOCTYPE html>
<html>
<head>
  <title>Week 3</title>
  <meta charset="utf-8">
  <style type="text/css">

  h2{
    text-align: center;
    text-decoration: underline;
  }
  
  body {
    background-color:  #FFFFCC;
  }

  #navigation {
    position: fixed;
    margin-left: 50%;
    text-align: center;
  }

  #tablesectionOne {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
    }
  #tablesectionTwo {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
  }
  
  #tablesectionThree {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: ;
    margin-top: 7px;
  }
    
    #tablesectionFour {
      table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
  }

  .CAPTION {
    background-color: rgb(255,185,115);
    font-family: arial;
    font-size: 1em;
  }

  th {
    border-style: solid;
    border-color:  #D0D0D0;
    empty-cells: show;
  }
    td {
    border-style: solid;
    border-color:  #D0D0D0;
    empty-cells: show;
  }

    .qq {
      border-style: solid;
      border-width: thin;
      border-color: white;
      border-left: 20px;
      border-right: 20px;
      border-radius: 15px;
      display: inline-block;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 25px;
    }
  </style>

</head>
<body>
  <h2>Attendance Sheet</h2><br>
  <b><li class="qq"> Week 3</li></b>
    <div id="show">
      <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>
    <td>Jone</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>

</div>
</body>
</html>


avatar
Đức Sơn [T2008A]
2020-10-11 07:01:53


#week2.html


<!DOCTYPE html>
<html>
<head>
  <title>Week 2</title>
  <meta charset="utf-8">
  <style type="text/css">

  h2{
    text-align: center;
    text-decoration: underline;
  }
  
  body {
    background-color:  #FFFFCC;
  }

  #navigation {
    position: fixed;
    margin-left: 50%;
    text-align: center;
  }

  #tablesectionOne {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
    }
  #tablesectionTwo {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
  }
  
  #tablesectionThree {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: ;
    margin-top: 7px;
  }
    
    #tablesectionFour {
      table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
  }

  .CAPTION {
    background-color: rgb(255,185,115);
    font-family: arial;
    font-size: 1em;
  }

  th {
    border-style: solid;
    border-color:  #D0D0D0;
    empty-cells: show;
  }
    td {
    border-style: solid;
    border-color:  #D0D0D0;
    empty-cells: show;
  }

    .qq {
      border-style: solid;
      border-width: thin;
      border-color: white;
      border-left: 20px;
      border-right: 20px;
      border-radius: 15px;
      display: inline-block;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 25px;
    }
  </style>

</head>
<body>
  <h2>Attendance Sheet</h2><br>
  <b><li class="qq"> Week 2</li></b>
    <div id="show">
      <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>
    <td>Jone</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>

</div>
</body>
</html>


avatar
Đức Sơn [T2008A]
2020-10-11 07:01:06


#Week1.html


<!DOCTYPE html>
<html>
<head>
  <title>Week 1</title>
  <meta charset="utf-8">
  <style type="text/css">

  h2{
    text-align: center;
    text-decoration: underline;
  }
  
  body {
    background-color:  #FFFFCC;
  }

  #navigation {
    position: fixed;
    margin-left: 50%;
    text-align: center;
  }

  #tablesectionOne {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
    }
  #tablesectionTwo {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
  }
  
  #tablesectionThree {
    table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: ;
    margin-top: 7px;
  }
    
    #tablesectionFour {
      table-layout: fixed;
    text-align: center;
    background-color: #FFFFDD;
    position: fixed;
    margin-top: 7px;
  }

  .CAPTION {
    background-color: rgb(255,185,115);
    font-family: arial;
    font-size: 1em;
  }

  th {
    border-style: solid;
    border-color:  #D0D0D0;
    empty-cells: show;
  }
    td {
    border-style: solid;
    border-color:  #D0D0D0;
    empty-cells: show;
  }

    .qq {
      border-style: solid;
      border-width: thin;
      border-color: white;
      border-left: 20px;
      border-right: 20px;
      border-radius: 15px;
      display: inline-block;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 25px;
    }
  </style>

</head>
<body>
  <h2>Attendance Sheet</h2><br>
  <b><li class="qq"> Week 1</li></b>
    <div id="show">
      <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>
    <td>Jone</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>

</div>
</body>
</html>


avatar
Đức Sơn [T2008A]
2020-10-11 07:00:26


#Attendance.html


<!DOCTYPE html>
<html>
<head>
	<title>Weekly Attendance Sheet</title>
	<meta charset="utf-8">
	<style type="text/css">

	h2{
	  text-align: center;
	  text-decoration: underline;
	}
	
	body {
	  background-color:  #FFFFCC;
	}

	#navigation {
	  position: fixed;
	  margin-left: 50%;
	  text-align: center;
	}

	#tablesectionOne {
		table-layout: fixed;
		text-align: center;
		background-color: #FFFFDD;
		position: fixed;
		margin-top: 7px;
    }
	#tablesectionTwo {
		table-layout: fixed;
		text-align: center;
		background-color: #FFFFDD;
		position: fixed;
		margin-top: 7px;
	}
	
	#tablesectionThree {
		table-layout: fixed;
		text-align: center;
		background-color: #FFFFDD;
		position: ;
		margin-top: 7px;
	}
    
    #tablesectionFour {
    	table-layout: fixed;
		text-align: center;
		background-color: #FFFFDD;
		position: fixed;
		margin-top: 7px;
	}

	.CAPTION {
		background-color: rgb(255,185,115);
		font-family: arial;
		font-size: 1em;
	}

	th {
		border-style: solid;
		border-color:  #D0D0D0;
		empty-cells: show;
	}
    td {
		border-style: solid;
		border-color:  #D0D0D0;
		empty-cells: show;
	}

    .qq {
    	border-style: solid;
    	border-width: thin;
    	border-color: white;
    	border-left: 20px;
    	border-right: 20px;
    	border-radius: 15px;
    	display: inline-block;
    	padding-left: 15px;
    	padding-right: 15px;
    	font-size: 25px;
    }
	</style>

</head>
<body>
  <h2>Attendance Sheet</h2><br>
  
   <li class="qq"></li>

   <h2><a href="file:///C:/HlML/kgifyuf.html">Week 1</a></h2>

   <li class="qq"></li>
   <h2><a href="file:///C:/HlML/week2.html">Week 2</a></h2>


   <li class="qq"></li>
   <h2><a href="file:///C:/HlML/week3.html">Week 3</a></h2>

   <li class="qq"></li>
   <h2><a href="file:///C:/HlML/week4.html">Week 4</a></h2>
  
   
</body>
</html>


avatar
vuong huu phu [T2008A]
2020-10-10 10:56:55



https://dddeee22.herokuapp.com/bai3/Attendance.html


avatar
Nguyễn đình quân [T2008A]
2020-10-09 17:08:13


#baihoc1.5.html


<!DOCTYPE html>
<html>
<head>
	<title>Attendance.html</title>
	<style type="text/css">
		body {
			background-image: url('yellow')
			background-repeat: no-repeat;
			background-size: cover;
		}

		h1 {
			color: black;
			text-align: center;
			text-transform: capitalize;
			text-decoration: underline;
		}

		img {
			width: 250px; 
			min-width: 500px; 
			max-width: 1000px;
		}

		ul {
			color: black;
			font-size: 20px
		}

		#li_abc {
			text-transform: uppercase;
			text-decoration: underline;
		}
	
	</style>
	<head><style type="text/css">
        table,th,td{
            border:1px solid black;
        }
    </style>
</head>
<body>
	<h1>Attendance Sheet</h1>
<table>
    <tr>
        <h1><th><a href="file:///C:/Users/nguye/Documents/Quan/bailam1.1.html">Week 1</a></th></h1>
        <h1><th><a href="file:///C:/Users/nguye/Documents/Quan/bailam1.2.html">Week 2</a></th></h1>
        <th><a href="file:///C:/Users/nguye/Documents/Quan/bailam1.3.html">Week 3</a></th>
        <th><a href="file:///C:/Users/nguye/Documents/Quan/bailam1.4.html">Week 4</a></th>

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


#bailam1.1.html


<!DOCTYPE html>
<html>
<head>
	<title> Attendance1.html</title>
<html>
</head>
    <title>CSS Tutorial</title>
	<style type="text/css">
		body {
			background-image: url('https://zicxa.com/hinh-anh/wp-content/uploads/2019/07/T%E1%BB%95ng-h%E1%BB%A3p-h%C3%ACnh-%E1%BA%A3nh-anime-galaxy-phong-c%E1%BA%A3nh-%C4%91%E1%BA%B9p-nh%E1%BA%A5t-50.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}
		h1 {
			color: black;
			text-align: center;
			text-transform: capitalize;
			text-decoration: underline;
		}

		img {
			width: 250px; 
			min-width: 500px; 
			max-width: 1000px;
		}

		ul {
			color: black;
			font-size: 20px;

		}

		#li_abc {
			text-transform: uppercase;
			text-decoration: underline;
		}
	</style>
<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>


#bailam1.2.html


<!DOCTYPE html>
<html>
<head>
	<title> Attendance1.htm2</title>
<html>
</head>
    <title>CSS Tutorial</title>
	<style type="text/css">
		body {
			background-image: url('https://zicxa.com/hinh-anh/wp-content/uploads/2019/07/T%E1%BB%95ng-h%E1%BB%A3p-h%C3%ACnh-%E1%BA%A3nh-anime-galaxy-phong-c%E1%BA%A3nh-%C4%91%E1%BA%B9p-nh%E1%BA%A5t-50.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}
		h1 {
			color: black;
			text-align: center;
			text-transform: capitalize;
			text-decoration: underline;
		}

		img {
			width: 250px; 
			min-width: 500px; 
			max-width: 1000px;
		}

		ul {
			color: black;
			font-size: 20px;

		}

		#li_abc {
			text-transform: uppercase;
			text-decoration: underline;
		}
	</style>
<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">Week2</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>


#bailam1.3.html


<!DOCTYPE html>
<html>
<head>
	<title> Attendance1.html3</title>
<html>
</head>
    <title>CSS Tutorial</title>
	<style type="text/css">
		body {
			background-image: url('https://zicxa.com/hinh-anh/wp-content/uploads/2019/07/T%E1%BB%95ng-h%E1%BB%A3p-h%C3%ACnh-%E1%BA%A3nh-anime-galaxy-phong-c%E1%BA%A3nh-%C4%91%E1%BA%B9p-nh%E1%BA%A5t-50.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}
		h1 {
			color: black;
			text-align: center;
			text-transform: capitalize;
			text-decoration: underline;
		}

		img {
			width: 250px; 
			min-width: 500px; 
			max-width: 1000px;
		}

		ul {
			color: black;
			font-size: 20px;

		}

		#li_abc {
			text-transform: uppercase;
			text-decoration: underline;
		}
	</style>
<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">Week3</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>


#bailam1.4.html


<!DOCTYPE html>
<html>
<head>
	<title> Attendance1.htm4</title>
<html>
</head>
    <title>CSS Tutorial</title>
	<style type="text/css">
		body {
			background-image: url('https://zicxa.com/hinh-anh/wp-content/uploads/2019/07/T%E1%BB%95ng-h%E1%BB%A3p-h%C3%ACnh-%E1%BA%A3nh-anime-galaxy-phong-c%E1%BA%A3nh-%C4%91%E1%BA%B9p-nh%E1%BA%A5t-50.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}
		h1 {
			color: black;
			text-align: center;
			text-transform: capitalize;
			text-decoration: underline;
		}

		img {
			width: 250px; 
			min-width: 500px; 
			max-width: 1000px;
		}

		ul {
			color: black;
			font-size: 20px;

		}

		#li_abc {
			text-transform: uppercase;
			text-decoration: underline;
		}
	</style>
<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">Week4</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>


avatar
nguyễn Sử [T2008A]
2020-10-09 15:34:08


#week 4.html


<!DOCTYPE html>
<html>
<head>
	<title>Weekly Attendance Sheet</title>
	<style type="text/css">
		body{
			background-color:  #FFFFCC;
		}
	<h2>{
		text-decoration: underline;
	}
	#navigation{
		position: relative;
		margin left: 25%;
		text-align: center;
	}
	#tablesectionOne{
		table-layout: fixed;
		text-align: center;
		background-color:  #FFFFDD;
		position: relative;
		top:7px;
	}
	#tablesectionTwo{
		table-layout: fixed;
		text-align: center;
		background-color:  #FFFFDD;
		position: relative;
		top:7px;
	}
	#tablesectionThree{
		table-layout: fixed;
		text-align: center;
		background-color:  #FFFFDD;
		position: relative;
		top:7px;
	}
	#tablesectionFour{
		table-layout: fixed;
		text-align: center;
		background-color:  #FFFFDD;
		position: relative;
		top:7px;
	}
	.CAPTION{
		background-color: rgb(255,185,115);
		font-family: arial;
		font-size: 1em;
	}
	td{
		border-style: solid;
		border-color:  #D0D0D0;
		border-width: thin;
		empty-cells: show;
	}
	th{
	border-style: solid;
		border-color:  #D0D0D0;
		border-width: thin;
		empty-cells: show;
	}
	.ww{
		border-style: solid;
		border-width: thin;
		border-color: black;
		border-left: 25px;
		border-right:25px;
		border-radius: 10px;
		display:inline-block;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 20px;
	}

</style>
</head>
<body>
	<h2><center><ins>Attendance Sheet<ins></center></h2><br>
	<li class="ww"><b> Week 4 <b></li>
		<div id="show">
			<table class="table">
				<tr>
					<th></th>
					<th>Mon</th>
					<th>Tus</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></th>
						<th></th>
						<th>P</th>
						<th>2</th>
				</tr>
					<tr>
						<th>Smith</th>
						<th>p</th>
						<th></th>
						<th>P</th>
						<th></th>
						<th>p</th>
						<th></th>
						<th>3</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></th>
						<th>P</th>
						<th>p</th>
						<th>P</th>
						<th>p</th>
						<th>5</th>
				</tr>
			
</body>
</html>