code

บทที่ 1

<html>

<head>

<title>เว็บสีสวย</title>

</head>

<h1>ยินดีต้อนรับ</h1>

<p>นี่คือเว็บหน้าแรกของฉัน</p>

</body>

</html>

อธิบาย

color:red; = ตัวอักษรสีแดง
color:blue; = ตัวอักษรสีน้ำเงิน

บทที่ 2 เปลี่ยนสีข้อความและขนาดตัวอักษร

<!DOCTYPE html>

<html>

<head>

<title>เว็บสีสวย</title>

</head>

<h1 style="color:red;">ยินดีต้อนรับ</h1>

นี่คือเว็บหน้าแรกของฉัน

</p>

</body>

</html>

อธิบาย

text-align:center; = จัดข้อความกึ่งกลาง
font-size:50px; = ขนาดตัวอักษร
font-family:Tahoma; = เปลี่ยนฟอนต์

บทที่ 3 เปลี่ยนสีข้อความและขนาดตัวอักษร

<!DOCTYPE html>

<html>

<head>

<title>เว็บสีสวย</title>

</head>

ยินดีต้อนรับ

</h1>

นี่คือเว็บหน้าแรกของฉัน

</p>

</body>

</html>

อธิบาย

<img src="https://gdb.voanews.com/EEA0B145-95D4-4532-9C69-D0FCD1833D53_w408_r0_s.jpg" width="250">
ตัวอักษรสีแดงคือคำสั่ง
ตัวอักษรสีน้ำเงินคือ ค่าที่กำหนดเอง

บทที่ 4 เพิ่มรูปภาพ

<!DOCTYPE html>

<html>

<head>

<title>เว็บสีสวย</title>

</head>

ยินดีต้อนรับ

</h1>

นี่คือเว็บหน้าแรกของฉัน นายดวงดี มีคนรัก เลขที่ 8 ชั้นม.3 ห้อง 0

</p>

</body>

</html>

อธิบาย

<img src="https://gdb.voanews.com/EEA0B145-95D4-4532-9C69-D0FCD1833D53_w408_r0_s.jpg" width="250">
ตัวอักษรสีแดงคือคำสั่ง
ตัวอักษรสีน้ำเงินคือ ค่าที่กำหนดเอง

บทที่ 5 เพิ่มปุ่ม และ ลิงค์

<!DOCTYPE html>

<html>

<head>

<title>เว็บสีสวย</title>

</head>

ยินดีต้อนรับ

</h1>

นี่คือเว็บหน้าแรกของฉัน นายดวงดี มีคนรัก เลขที่ 8 ชั้นม.3 ห้อง 0

</p>

</body>

</html>

Page updated

Google Sites

Report abuse