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

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

ไฟส์ index.html

<html>

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

<body bgcolor = “pink”>

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

<img  src =”pic1.jpg”><br><br>

<a href = “index.html”>หน้าแรก </a> &nbsp; &nbsp;

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

<a href = “p2.html”>เรื่องน่ารู้ </a> &nbsp; &nbsp;

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

</center>

</body>

<html>

ไฟส์ p1.html

<html>

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

<body bgcolor = “pink”>

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

<img  src =”pic1.jpg”><br><br>

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

ไฟส์ p2.html

<html>

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

<body bgcolor = “pink”>

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

<img  src =”pic1.jpg”><br><br>

วันวาเลนไทน์ ……………………….<br>

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

</body>

</html>

ไฟส์ p3.html

<html>

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

<body bgcolor = “pink”>

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

<img  src =”pic1.jpg”><br><br>

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

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

</center>

</body>

</html>

 

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

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

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: