บทที่ 2
การกำหนดสีของพื้นของฉากหลัง (background)
การกำหนดสีของพื้นหลังจะต้องกำหนดเพิ่มลงในส่วนของชุดคำสั่ง <BODY>  ที่ได้กล่าวไปแล้วใน บทที่ 1 เช่น ถ้าต้องการกำหนดพื้นเป็นสีน้ำเงิน เราจะสามารถเขียนได้เป็น <BODY BGCOLOR=# 0000FF >    ( BGCOLOR=#รหัสสี ) สีที่ต้องการจะเป็นกลุ่มตัวเลขฐาน 16 (0-F) จำนวน 3 ชุด ( 1 ชุด แทนอักษร 2 ตัว โดยชุดที่หนึ่งแทนค่าสีแดง ชุดที่สองแทนค่าสีเขียว ชุดที่สามแทนค่าสีน้ำเงินคือการ ผสมกันของค่าสีนั่นเอง 
สี
รหัสสี
สีน้ำเงิน
#0000FF
สีแดง
#FF0000
สีดำ
#000000
สีขาว
#FFFFFF
สีเขียว
#00FF00
สีเทา
#BBBBBB

* ในการหาค่าสีนั้นมีอุปกรณ์ช่วยมากมาย จำพวก software ที่ช่วยในการเขียน HTML

การกำหนดสีของตัวอักษร 
การกำหนดสีของตัวอักษรเราก็สามารถเพิ่มคำสั่งชุดนี้เข้าไปใน <BODY>  เช่นกัน ตัวอย่างถ้าต้องการสีของอักษรเป็น  สีแดงต้องใช้คำสั่ง <BODY TEXT=#FF0000>  ( TEXT=#รหัสสี ) ถ้าต้องการกำหนดพื้นสีน้ำเงิน ตัวอักษรสีแดง สามารถกำหนดได้ว่า <BODY BGCOLOR=#0000FF TEXT=#FF0000> 
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ 
<HTML> 
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD> 
<BODY BGCOLOR=#0000FF TEXT=#FF0000> 
ตรงนี้แสดงข้อความใดๆ ( เราจะได้ พื้นสีดำ ตัวอักษรสีแดงตามที่เรากำหนด ) 
</BODY> 
</HTML> 


คำสั่งที่ทำให้ตัวอักษรเป็นตัวหนา
เราสามารถกำหนดให้ตัวอักษรหนาได้โดยใช้คำสั่ง <B>ตัวอักษรภายในนี้จะเป็นตัวหนา</B> 
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ 
<HTML> 
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD> 
<BODY BGCOLOR=#000000 TEXT=#FF0000> 
ตัวอักษรธรรมดา <B>ตัวอักษรหนา</B> 
</BODY> 
</HTML> 


คำสั่งที่ทำให้ตัวอักษรเป็นตัวเอน
เราสามารถกำหนดให้ตัวอักษรเอนได้โดยใช้คำสั่ง <I>ตัวอักษรภายในนี้จะเป็นตัวเอน</I> 
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ 
<HTML> 
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD> 
<BODY BGCOLOR=#000000 TEXT=#FF0000> 
ตัวอักษรธรรมดา <I>ตัวอักษรเอน</I> 
</BODY> 
</HTML> 


คำสั่งที่ทำให้ตัวอักษรเป็นตัวขีดเส้นใต้
เราสามารถกำหนดให้ตัวอักษรเป็นตัวขีดเส้นใต้ได้โดยใช้คำสั่ง <U>ตัวอักษรภายในนี้จะเป็นตัวขีดเส้นใต้</U> 
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ 
<HTML> 
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD> 
<BODY BGCOLOR=#000000 TEXT=#FF0000> 
ตัวอักษรธรรมดา <U>ตัวอักษรขีดเส้นใต้</U> 
</BODY> 
</HTML> 


การกำหนดขนาดของตัวอักษร
เราสามารถกำหนดขนาดของตัวอักษรได้โดยใช้สั่ง 
<FONT SIZE=ขนาดของตัวอักษร>ตัวอักษรที่ต้องการกำหนดขนาด </FONT> 
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ 
<HTML> 
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD> 
<BODY BGCOLOR=#000000 TEXT=#FF0000> 
ตัวอักษรธรรมดา <FONT SIZE=6 >ตัวอักษรที่ถูกกำหนดขนาด</FONT> 
</BODY> 
</HTML> 



*ขนาดของตัวอักษรมี 7 ขนาด ( 1-7 ) 

การจัดข้อความให้อยู่กึ่งกลาง 
เราสามารถจัดวางตัวอักษรให้อยู่ตรงกลางได้ได้โดยใช้สั่ง 
<CENTER>ตัวอักษรที่ต้องการจัดวาง </CENTER> 
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ 
<HTML> 
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD> 
<BODY BGCOLOR=#000000 TEXT=#FF0000> 
<CENTER >ตัวอักษรที่ต้องการจัด</CENTER> 
</BODY> 
</HTML> 

การทำให้ตัวอักษรกระพริบ 
เราสามารถทำอักษรให้กระพริบได้ได้โดยใช้สั่ง 
<BLINK>ตัวอักษรที่ต้องการจะทำให้ระพริบ </BLINK> 
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ 
<HTML> 
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD> 
<BODY BGCOLOR=#000000 TEXT=#FF0000> 
<BLINK >ตัวอักษรที่ต้องการจัด</BLINK> 
</BODY> 
</HTML> 

การขึ้นบรรทัดใหม่ 
เราสามารถที่จะขึ้นบรรทัดใหม่ได้โดยใช้คำสั่ง 
<BR>ไว้หลังข้อความที่ต้องการจะขึ้นบรรทัดใหม่ 
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ 
<HTML> 
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD> 
<BODY BGCOLOR=#000000 TEXT=#FF0000> 
ข้อความ<BR> 
ข้อความบรรทัดต่อมา 
</BODY> 
</HTML> 

การขึ้นย่อหน้าใหม่ 
เราสามารถที่จะขึ้นย่อหน้าใหม่ได้โดยใช้คำสั่ง 
<P>ไว้หลังข้อความที่ต้องการจะขึ้นย่อหน้าใหม่ 
ตัวอย่างของโครงสร้าง HTML ที่สมบูรณ์คือ 
<HTML> 
<HEAD><TITLE>ใส่หัวข้อที่นี่</TITLE></HEAD> 
<BODY BGCOLOR=#000000 TEXT=#FF0000> 
ข้อความ<P> 
ข้อความย่อหน้าต่อมา 
</BODY> 
</HTML> 

การขึ้นใช้เส้นคั่น 
เราสามารถที่จะใช้เส้นคั่นได้โดยใช้คำสั่ง 
<HR>ไว้ที่จุดที่ต้องการจะใช้เส้นคั่น 

การกำหนดความยาวของเส้นคั่น 
<HR WIDTH=ตรงนี้ใส่ตัวเลขความยาวของเส้น หรือ ใส่เปอร์เซนต์ความยาว( ต่อหน้าจอ )> 
เช่น <HR WIDTH=20> หรือ <HR WIDTH=50%> 

การกำหนดความหนาของเส้นคั่น 
<HR SIZE=ตรงนี้ใส่ตัวเลขความหนาของเส้น> 
เช่น <HR SIZE=10> 

การขึ้นใช้เส้นคั่นแบบทึบ 
เราสามารถที่จะใช้เส้นคั่นแบบทึบได้โดยเพิ่ม NOSHADE ไว้ในคำสั่ง <HR> 
<HR NOSHADE> 

[ Intro ] [ บทที่ 1 ] [ บทที่ 2 ] [ บทที่ 3 ] [ บทที่ 4 ]