กลุมสาระภาษาไทยกลุ่มสาระคณิตศาสตร์กลุ่มสาระวิทยาศาสตร์กลุ่มสาระศิลป-(ทัศนศิลป์-ดนตรี-นาฏศิลป์)กลุ่มสาระสุขศึกษาและพลศึกษากลุ่มสาระสังคมศึกษาศาสนาและวัฒนธรรมกลุ่มสาระการงานอาชีพและเทคโนโลยีกลุ่มสาระภาษาต่างประเทศกิจกรรมพัฒนาผู้เรียน

กลุมสาระภาษาไทยกลุ่มสาระคณิตศาสตร์กลุ่มสาระวิทยาศาสตร์กลุ่มสาระศิลป-(ทัศนศิลป์-ดนตรี-นาฏศิลป์)กลุ่มสาระสุขศึกษาและพลศึกษากลุ่มสาระสังคมศึกษาศาสนาและวัฒนธรรมกลุ่มสาระการงานอาชีพและเทคโนโลยีกลุ่มสาระภาษาต่างประเทศกิจกรรมพัฒนาผู้เรียน
หน้าแรก » ชุดคำสั่ง ภาษา html » บทที่ 2 การตั้งค่าให้กับ page
บทที่ 2 การตั้งค่าให้กับ page
บทที่ 2 การตั้งค่าให้กับ page
คำสั่งพื้นฐาน ในการเขียนโฮมเพจ 
         หลังจากบทแรกเรารู้อุปกรณ์ที่ใช้เขียนโฮมเพจ และพื้นฐานของภาษา HTML ในบทนี้เราจะมาเริ่มเขียนกันเลย เอาหละครับตอนนี้ให้คุณเปิดโปรแกรม Browser และ HTML editer หรือ notepad ขึ้นมาก่อน แล้วพิมพ์ข้อความข้างล่างลงไปครับ
<html> 
<head> 
<title> ข้อความ </title> 
</head> 
<body> 
สวัสดีจ้า ทุกคน ยินดีต้อนรับสู่ โฮมเพจแรกของฉัน 
</body> 
</html>

เรามาทำความเข้าใจกัน 
<html> เป็นตัวบอกว่านี้เป็นเอกสาร HTML คุณต้องใส่ TAG นี้ลงทุกหน้า 
<hear> เป็นส่วนกำหนดชื่อเรื่อง และข้อมูลบางอย่างเกี่ยวกับ page ของคุณ 
<title>ข้อความ</title> ในส่วนของ ข้อความ เอาไว้ใส่หัวข้อหลักของ page คุณ 
</hear> tag ปิดของ tag head ต้องพิมพ์ลงไปด้วย 
<body> เป็นตัวบอกว่าเนื้อหาของโฮมเพจคุณจะอยู่ใน tag นี้ 
บรรทัดนี้เป็นส่าวของเนื้อหาทั้งหมด 
</body> อย่าลือปิด tag body ด้วยล่ะ 
</html> เสร็จแล้วก็ปิด tag html ด้วย 
เมื่อพิมพ์เสร็จแล้วก็ให้ save ไว้ให้เป็น .html หลังจากนั้นเปิดดูด้วย browser คุณก็จะเห็นข้อความขึ้นมาดังนี้ 
สวัสดีจ้า ทุกคน ยินดีต้อนรับสู่โฮมเพจแรกของฉัน

         เป็นยังไงครับในที่สุดคุณก็เขียน ภาษา HTML ขั้นต้นได้แล้ว บางคนอาจสงสัยว่าทำไมแค่เขียนข้อความให้ปรากฏบรรทัดเดียว ต้องพิมพ์ตั้งหลายบรรทัด แล้วก็อาจจะไม่เข้าใจอีกหลายอย่าง แต่ทำตามไปก่อนเถอะครับ ต่อไปจะเข้าใจเอง 
การกำหนดค่าต่างๆบนโฮมเพจ 
tag body ถือว่าเป็น tag ที่สำคัญมากอันหนึ่งเพราะจะเป็นตัวกำหนดค่าต่างๆบน page ของคุณ ไม่ว่าจะเป็น สีพื้นฐานของตัวอักษร สีพื้นหลัง ฯลฯ ก็ใช้ tag นี้เป็นตัวกำหนด เรามาดูกันเลยว่า tag body ทำอะไรได้บ้าง 
การกำหนดสีตัวอักษรทั่วไป
<body text="#ff0000"
สวัสดีจ้า ทุกคน ยินดีต้อนรับสู่ โฮมเพจแรกของฉัน 
</body>
เมื่อคุณเติม text="#ff0000" ลงไปข้อความทั้งหมดในโฮมเพจคุณจะกลายเป็นสีแดง โดยที่ ff0000 คือรหัสสี 
การกำหนดสีพื้นหลังของ page
<body text="#ff0000" bgcolor="#00ffff"
สวัสดีจ้า ทุกคน ยินดีต้อนรับสู่ โฮมเพจแรกของฉัน 
</body>
เมื่อคุณเติม bgcolor="#00ffff" ลงไปพื้นหลังของ page คุณจะเปลี่ยนเป็นสีฟ้า โดยที่ ooffff คือรหัสสี 
การกำหนดลายพื้นหลังให้กับ page
<body text="#ff0000" bgcolor="#00ffff" background="bg.gif"
สวัสดีจ้า ทุกคน ยินดีต้อนรับสู่ โฮมเพจแรกของฉัน 
</body>
เมื่อคุณเติม background="bg.gif" ลงไป พื้นหลังของ page จะเปลี่ยนเป็นลายที่คุณใส่ลงไป โดยที่ bg.gif คือชื่อไฟล์ภาพ ของคุณ 
กำหนดสีของข้อความที่มีการเชื่อมโยงไปยัง page อื่น
<body text="#ff0000" bgcolor="#00ffff" background="bg.gif" link="#0000ff" vlink="#ff00ff" alink="#ff0000"
สวัสดีจ้า ทุกคน ยินดีต้อนรับสู่ โฮมเพจแรกของฉัน 
</body>

เมื่อคุณเติม link="#0000ff" ลงไปข้อความที่มีการเชื่อมโยงจะเป็นสีนำเงิน โดยที่ 0000ff คือรหัสสี 
เมื่อคุณเติม vlink="#ff00ff" ลงไปข้อความที่มีการเชื่อมโยง ที่เคยไปแล้ว จะเป็นสีม่วง โดยที่ ff00ff คือรหัสสี 
เมื่อคุณเติม glink="#ff0000" ลงไปข้อความที่มีการเชื่อมโยง ขณะคลิกจะเป็นสีแดง โดยที่ ff0000 คือรหัสสี 
         เมื่ออ่านถึงตรงนี้แล้วก็ลองทำตามดูนะครับ ทดลองเปลี่ยนแปลง รหัสสี ไปเรื่อยๆ ทำไปทำมาเดี๋ยวก็เข้าใจเอง อ้อ?.เรื่อรหัสสีนั้น คุณสามารถ อ่านรายละเอียดได้จาก ที่นี้ ครับ เมื่อทดลองกันหนำใจแล้ว เราก็ไปอ่านบทที่ 3 กันต่อเถอะ ไปบทที่ 3

ตั้งคำถามโดย อาจารย์ วรัญญู  บุตรรินทร์ 
หัวใจของการปฏิรูปการศึกษา คือ การปฏิรูปการเรียนรู้ และหัวใจของการปฏิรูปการเรียนรู้ คือ การปฏิรูปจากการยึดวิชาเป็นตัวตั้ง หรือที่เรียกว่า .ผู้เรียนเป็นสำคัญที่สุด. 
Fanpage เพื่อการศึกษา 
เมื่อ 16 พฤศจิกายน 2555 13:12:39 สอนโดย >> ครูเอ็กซ์
อ่าน 429 ตอบ 0 183.88.88.173