Skip to content

Commit

Permalink
Website Creation Class (Work Files/Project Files)
Browse files Browse the repository at this point in the history
  • Loading branch information
MafuSaku authored Jun 28, 2022
0 parents commit ba5c24f
Show file tree
Hide file tree
Showing 5 changed files with 177 additions and 0 deletions.
21 changes: 21 additions & 0 deletions ข้อมูลส่วนตัว.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Default website</title>
</head>
<body>
<center><h1>ข้อมูลส่วนตัว</h1></center>
ชื่อ เอกภพ เชน ซีกัล<br>
ชื่อเล่น เชน<br>
อายุ 16<br>
ที่อยู๋ <em>-</em><br>
น้ำหนัก 147<br>
ส่วนสูง 190<br>
เบอร์ติดต่อ <strong>0885732082</strong><br>
<a href="https://www.facebook.com/MafuSakumi">Facebook</a><br>
Discord - Scarlettt#0064<br>
<img src="https://www.tkk.ac.th/wp-content/uploads/2020/10/header-1.png">
<body BGColor = #D175E5>
</body>
</html>
23 changes: 23 additions & 0 deletions สร้างตาราง.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<!doctype html>
<html>
<body>
<table style="width:100%">
<tr>
<th>สินค้า</th>
<th>จังหวัด</th>
<th>ยอดขาย</th>
</tr>
<tr>
<td>ยาสีฟัน</td>
<td>กรุงเทพ</td>
<td>500,000</td>
</tr>
<tr>
<td>สบู่</td>
<td>นครราชสีมา</td>
<td>420,000</td>
</tr>
</table>
</body>
</html>
<!--DONE-->
32 changes: 32 additions & 0 deletions สร้างตาราง2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!doctype html>
<html>
<head>
<style>
table {
width:100%;
}
table, th, td{
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th>สินค้า</th>
<th>จังหวัด</th>
<th>ยอดขาย<th>
</tr>
<tr>
<td>ยาสีฟัน</td>
<td>กรุงเทพ</td>
<td>500,500</td>
</tr>
<tr>
<td>สบู่</td>
<td>นครราชสีมา</td>
<td>420,000</td>
</tr>
</table>
</body>
</html>
47 changes: 47 additions & 0 deletions สร้างตาราง3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!doctype hthml>
<html>
<head>
<style>
table {
width:100%;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 15px;
}
</style>
</head>
<body>
<table>
<tr>
<th>ชื่อเว็บไซต์</th>
<th>ลิงค์เว็บไซต์</th>
<th>คำอธิบายเกี่ยวกับเว็บไซต์</th>
</tr>
<tr>
<td>Facebook</td>
<td>https://facebook.com</td>
<td>เว็บไซต์โซเชี่ยลมีเดีย สังคมออนไลน์</td>
</tr>
<td>YouTube</td>
<td>https://www.youtube.com</td>
<td>เว็บดูวิดิโอ</td>
</tr>
<td>Netflix</td>
<td>https://www.netflix.com</td>
<td>เว็บไซต์ดูหนังออนไลน์</td>
</tr>
<td>Lazada</td>
<td>https://www.lazada.com</td>
<td>เว็บสำหรับสั่งของออนไลน์</td>
</tr>
<td>Shopee</td>
<td>https://www.shopee.com</td>
<td>เว็บสำหรับสั่งของออนไลน์</td>
</tr>
</table>
</body>
</html>
54 changes: 54 additions & 0 deletions สร้างตาราง4.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!doctype html>
<html>
<head>
<style>
table#t01 {
width:100%
}
table#t01 tr:nth-child(even) {
background-color: #F8C8DC;
}
table#t01 tr:nth-child(odd) {
background-color: antiquewhite;
}
table#t01 th{
background-color: black;
color:aquamarine
}
</style>
</head>
<body>
<table id= "t01">
<tr>
<th> สินค้า </th>
<th> จังหวัด </th>
<th> ยอดขาย </th>
</tr>
<tr>
<td> ยาสีฟัน </td>
<td> กรุงเทพ </td>
<td> 500,000 </td>
</tr>
<tr>
<td> สบู่ </td>
<td> นครราชสีมา </td>
<td> 420,000 </td>
</tr>
<tr>
<td> ผงซักฟอก </td>
<td> ชลบุรี </td>
<td> 349,000 </td>
</tr>
<tr>
<td> แปรงฟัน </td>
<td> เชียงใหม่ </td>
<td> 12,300 </td>
</tr>
<tr>
<td> แชมพู </td>
<td> ขอนแก่น </td>
<td> 345,990 </td>
</tr>
</table>
</body>
</html>

0 comments on commit ba5c24f

Please sign in to comment.