<!DOCTYPE html>
<html>
<head>
<title>สร้างโค้ด HTML</title>
<style>
body {
background-color: lightpink;
}
.blue-button {
background-color: blue;
color: white;
padding: 10px 20px;
text-decoration: none;
border: none;
display: inline-block;
font-size: 16px;
margin: 10px;
cursor: pointer;
}
.running-text {
background-color: white;
color: blue;
padding: 10px;
font-size: 20px;
margin-top: 20px;
white-space: nowrap;
overflow: hidden;
animation: runningText 5s linear infinite;
}
@keyframes runningText {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
</style>
</head>
<body>
<h1>นะนุ่นรักกอล์ฟ</h1>
<button class="blue-button">ปุ่มสีน้ำเงิน</button>
<button class="blue-button">ปุ่มสีน้ำเงิน</button>
<button class="blue-button">ปุ่มสีน้ำเงิน</button>
<div class="running-text">วิ่งๆ</div>
<img src="https://undubzapp.com/wp-content/uploads/2018/01/%E0%B8%A0%E0%B8%B2%E0%B8%9E%E0%B9%80%E0%B8%9B%E0%B8%B4%E0%B8%94-%E0%B8%A5%E0%B8%B0%E0%B8%84%E0%B8%A3%E0%B9%81%E0%B8%99%E0%B8%A7%E0%B8%AA%E0%B8%A2%E0%B8%AD%E0%B8%87%E0%B8%82%E0%B8%A7%E0%B8%B1%E0%B8%8D-800x445.jpg" alt="ภาพ" width="300" height="200">
<img src="http://www.zabzaa.com/ghost/wp-content/uploads/2014/06/%E0%B8%9C%E0%B8%B5%E0%B8%9E%E0%B8%A3%E0%B8%B2%E0%B8%A2.jpg" alt="ภาพ" width="300" height="200">
</body>
</html>