html ตัวอย่างคำสั่ง

html ตัวอย่างคำสั่ง ที่เรียนในคาบ นักเรียน สามารถคัดลอกคำสั่ง ไปวางในโปรแกรม notepad แและบันทึก เพื่อดูผลลัพทธ์ได้เลย

ไฟส์ index.html

<html>

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

<center>ยินดีต้อนรับสู่เว็บไซต์

<a href = “p1.html”>ประวัติส่วนตัว </a>

<a href = “p3.html”>เว็บไซต์มหาวิทยาลัย</a>

</center>

</body>

<html>

ไฟส์ p1.html

<html>

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

<center>ประวัติส่วนตัว

ชื่อ – สกลุ : นาย ……………………
</center>
</body>
<html>

ไฟส์ p2.html

<html>

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

<center>เรื่องน่ารู้

วันวาเลนไทน์ ……………………….

…………………………………………….
</center>

</body>

</html>

ไฟส์ p3.html

<html>

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

<center>เว็บไซต์ที่น่าสนใจ

<a href = “http://www.google.com”>1. เว็บไซต์กูเกิล</a>

<a href = “http://www.facebook.com”>2. เว็บไซต์เฟสบุ๊ค</a>

</center>

</body>

</html>

**********************

ให้นักเรียนนำไฟส์ดังกล่าว ไปเพิ่มข้อมูล ให้เป็นของตนเอง
เช่น การเปลี่ยนสี พื้นหลัง รูปภาพ ข้อมูลต่างๆ เป็นต้น
– ประวัิตส่วนตัว ก็ไปเพิ่มประวัติของตัวเอง พร้อมรูปภาพ
– เรื่องน่ารู้ ก็นำเสนอเรื่องน่ารู้ 1 หน้ากระดาษ พร้อมภาพประกอบ
– เว็บไซต์ที่น่าสนใจ ก็นำเสนอชื่อเว็บไซต์ ไม่น้อยกว่า 10 เว็บไซต์
และก็ตกแต่งให้สวยงาม

แบ่งปันสิ่งนี้:

ใส่ความเห็น ยกเลิกการตอบ