Skip to content

Commit

Permalink
Updated with Latest Class Work
Browse files Browse the repository at this point in the history 
This includes all the class projects of 2023 and moving 2022 class projects to their dedicated yearly folder with it's appropriate content.
  • Loading branch information
@MafuSaku
MafuSaku committed Jul 4, 2023
1 parent d102030 commit eafc548
Show file tree
Hide file tree
Showing 32 changed files with 958 additions and 395 deletions.
90 changes: 45 additions & 45 deletions ข้อ1-class.html → 2022/ข้อ1-class.html
View file
Original file line number Diff line number Diff line change
@@ -1,46 +1,46 @@
<!doctype html>
<html>
<head>
<style>
div.cities {
background-color: #F8C8DC;
color: white;
margin: 20px 0 20px 0;
padding: 50px;
}
</style>
</head>
<body>

<div class="cities">
<h2>กรุงเทพมหานคร</h2>
<br><img src="https://media.komchadluek.net/uploads/images/md/2022/02/gdqBjk2VHuf5ouGe5LlD.webp?x-image-process=style/LG">
<p>กรุงเทพมหานคร เป็นเมืองหลวงและนครที่มีประชากรมากที่สุดในประเทศไทย เป็นศูนย์กลางการปกครอง การศึกษา การคมนาคมขนส่ง กรเงินการธนาคาร การพณิชย์</p>
</div>

<div class="cities">
<h2>เชียงใหม่</h2>
<br><img src="https://roijang.com/wp-content/uploads/2021/11/%E0%B9%80%E0%B8%8A%E0%B8%B5%E0%B8%A2%E0%B8%87%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88.jpg">
<p>จังกวัดเชียงใหม่มีประวัติศาสตร์อันยาวนน เคยเป็นเมืองหลวงของอณาจักร์ล้นนาแต่โบราณ มี "คำเมือง" เป็นภาาท่องถิ่น มีเอกลักษณ์เฉพาะตัวทั้งด้านประเพณีวัตณธรรม</p>
</div>

<div class="cities">
<h2>ภูเก็ต</h2>
<br><img src="https://ik.imagekit.io/tvlk/loc-asset/gNr3hLh55ZCkPJisyxFK-v9MmzxPu57ZRVI+10VZ2S4b1PNW4T++cbA6yK4gzhAhs9o2HLZ9vs7gy3rpcIU+oKi5EygzQLRjTUv7fRblEVA=/images/1506945932040-1200x600-FIT_AND_TRIM-2511d83019d666587444e8dfde364831.jpeg?_src=imagekit&tr=c-at_max,h-400,q-40,w-1024">
<p>ภูเก็ต เป็นจังหวัดหนึ่งทางภาคใต้ของประเทศไทย เป็นเกาะขนาใหญ่ที่สุดในประเทศไทย อยู่ในทะเลอันดามัน</p>
</div>

<div class="cities">
<h2>ขอนแก่น</h2>
<br><img src="https://wp-assets.dotproperty-kh.com/wp-content/uploads/sites/9/2016/11/25122717/Aug04171230Wd1.jpg">
<p>ขอนแก่น เป็นเทศบาลนครแห่งหนึ่ง ตั้งอยู่ในอำเภอเมืองขอนแก่น จังหวัดขอนแก่น เป็นเขตเมืองที่มีประชากรมากเป็นอันดับ 3 ของภาคตะวันออกเฉียงเหนือ</p>
</div>

<div class="cities">
<h2>จังหวัดแพร่</h2>
<br><img src="https://cms.dmpcdn.com/travel/2021/07/22/e3652020-eaf3-11eb-9fe4-5d4100f82a17_webp_original.jpg">
<p>แพร่ เป็นจังหวัดหนึ่งที่ตั้งอยู่ทางภาคเหนือของประเทศไทย อดีตนครรัฐอิสระขนาดเล็ก มีลักษณะภูมิประเทศเป็นที่ราบระหว่างภูเขา โดยมีทิวเขาล้อมรอบ และมีแม่น้ำสายสำคัญไหลผ่านคือแม่น้ำยม</p>
</div>

</body>
<!doctype html>
<html>
<head>
<style>
div.cities {
background-color: #F8C8DC;
color: white;
margin: 20px 0 20px 0;
padding: 50px;
}
</style>
</head>
<body>

<div class="cities">
<h2>กรุงเทพมหานคร</h2>
<br><img src="https://media.komchadluek.net/uploads/images/md/2022/02/gdqBjk2VHuf5ouGe5LlD.webp?x-image-process=style/LG">
<p>กรุงเทพมหานคร เป็นเมืองหลวงและนครที่มีประชากรมากที่สุดในประเทศไทย เป็นศูนย์กลางการปกครอง การศึกษา การคมนาคมขนส่ง กรเงินการธนาคาร การพณิชย์</p>
</div>

<div class="cities">
<h2>เชียงใหม่</h2>
<br><img src="https://roijang.com/wp-content/uploads/2021/11/%E0%B9%80%E0%B8%8A%E0%B8%B5%E0%B8%A2%E0%B8%87%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88.jpg">
<p>จังกวัดเชียงใหม่มีประวัติศาสตร์อันยาวนน เคยเป็นเมืองหลวงของอณาจักร์ล้นนาแต่โบราณ มี "คำเมือง" เป็นภาาท่องถิ่น มีเอกลักษณ์เฉพาะตัวทั้งด้านประเพณีวัตณธรรม</p>
</div>

<div class="cities">
<h2>ภูเก็ต</h2>
<br><img src="https://ik.imagekit.io/tvlk/loc-asset/gNr3hLh55ZCkPJisyxFK-v9MmzxPu57ZRVI+10VZ2S4b1PNW4T++cbA6yK4gzhAhs9o2HLZ9vs7gy3rpcIU+oKi5EygzQLRjTUv7fRblEVA=/images/1506945932040-1200x600-FIT_AND_TRIM-2511d83019d666587444e8dfde364831.jpeg?_src=imagekit&tr=c-at_max,h-400,q-40,w-1024">
<p>ภูเก็ต เป็นจังหวัดหนึ่งทางภาคใต้ของประเทศไทย เป็นเกาะขนาใหญ่ที่สุดในประเทศไทย อยู่ในทะเลอันดามัน</p>
</div>

<div class="cities">
<h2>ขอนแก่น</h2>
<br><img src="https://wp-assets.dotproperty-kh.com/wp-content/uploads/sites/9/2016/11/25122717/Aug04171230Wd1.jpg">
<p>ขอนแก่น เป็นเทศบาลนครแห่งหนึ่ง ตั้งอยู่ในอำเภอเมืองขอนแก่น จังหวัดขอนแก่น เป็นเขตเมืองที่มีประชากรมากเป็นอันดับ 3 ของภาคตะวันออกเฉียงเหนือ</p>
</div>

<div class="cities">
<h2>จังหวัดแพร่</h2>
<br><img src="https://cms.dmpcdn.com/travel/2021/07/22/e3652020-eaf3-11eb-9fe4-5d4100f82a17_webp_original.jpg">
<p>แพร่ เป็นจังหวัดหนึ่งที่ตั้งอยู่ทางภาคเหนือของประเทศไทย อดีตนครรัฐอิสระขนาดเล็ก มีลักษณะภูมิประเทศเป็นที่ราบระหว่างภูเขา โดยมีทิวเขาล้อมรอบ และมีแม่น้ำสายสำคัญไหลผ่านคือแม่น้ำยม</p>
</div>

</body>
</html>
20 changes: 10 additions & 10 deletions ข้อ2-class.html → 2022/ข้อ2-class.html
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<!doctype html>
<html>
<body>
<h1>HTML JavaScript</h1>

<button type="button" onclick="document.getElementById('test').innerHTML = Date()">
คลิกที่นี่เพื่อแสดงวันที่และเวลา</button>

<p id="test"></p>
</body>
<!doctype html>
<html>
<body>
<h1>HTML JavaScript</h1>

<button type="button" onclick="document.getElementById('test').innerHTML = Date()">
คลิกที่นี่เพื่อแสดงวันที่และเวลา</button>

<p id="test"></p>
</body>
</html>
46 changes: 23 additions & 23 deletions ข้อ3-class.html → 2022/ข้อ3-class.html
View file
Original file line number Diff line number Diff line change
@@ -1,24 +1,24 @@
<!doctype html>
<html>
<body>
<script>
function light(sw) {
var pic;
if (sw == 0) {
pic = "sollyzgift.png"
} else {
pic = "sundyzgift.png"
}
document.getElementById('myImage').src = pic;
}
</script>

<img id="myImage" src="sollyzfxiivgift.png">

<p>
<button type="button" onclick="light(1)">ภาพ1</button>
<button type="button" onclick="light(0)">ภาพ2</button>
</p>

</body>
<!doctype html>
<html>
<body>
<script>
function light(sw) {
var pic;
if (sw == 0) {
pic = "sollyzgift.png"
} else {
pic = "sundyzgift.png"
}
document.getElementById('myImage').src = pic;
}
</script>

<img id="myImage" src="sollyzfxiivgift.png">

<p>
<button type="button" onclick="light(1)">ภาพ1</button>
<button type="button" onclick="light(0)">ภาพ2</button>
</p>

</body>
</html>
34 changes: 17 additions & 17 deletions ข้อ4-class.html → 2022/ข้อ4-class.html
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
<!doctype html>
<html>
<body>
<h1>My First JavaScript</h1>

<p id="demo">JavaScript can change the style of an HTML element.</p>

<script>
function myFunction() {
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "pink";
document.getElementById("demo").style.backgroundColor = "#aec6cf";
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>
</body>
<!doctype html>
<html>
<body>
<h1>My First JavaScript</h1>

<p id="demo">JavaScript can change the style of an HTML element.</p>

<script>
function myFunction() {
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "pink";
document.getElementById("demo").style.backgroundColor = "#aec6cf";
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>
</body>
</html>
40 changes: 20 additions & 20 deletions ข้อมูลส่วนตัว.html → 2022/ข้อมูลส่วนตัว.html
View file
Original file line number Diff line number Diff line change
@@ -1,21 +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>
<!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>
44 changes: 22 additions & 22 deletions สร้างตาราง.html → 2022/สร้างตาราง.html
View file
Original file line number Diff line number Diff line change
@@ -1,23 +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>
<!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-->
62 changes: 31 additions & 31 deletions สร้างตาราง2.html → 2022/สร้างตาราง2.html
View file
Original file line number Diff line number Diff line change
@@ -1,32 +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>
<!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>
Loading

0 comments on commit eafc548

Please sign in to comment.