Friday, February 26th, 2010
การทำเว็บเพจในหนึ่งหน้า นอกจากจะมีข้อความแล้วยังต้องประกอบด้วยรูปภาพเพื่อเพิ่มความน่าสนใจให้กับเว็บเพจ และยังสามารถสื่อความหมายได้ชัดเจนกว่าข้อความ การใส่รูปภาพในเอกสาร HTML นั้นจะต้องเตรียมรูปภาพไว้ก่อนนะคับ
รูปแบบการใส่รูปภาพ
<img src = “ชื่อภาพ” width=”ขนาดความกว้างที่ต้องการ” height=”ขนาดความสูงที่ต้องการ” border=”ขนาดของเส้นขอบ”>
Attribute กำกับเพิ่มเติม
src=”ระบุที่เก็บรูปภาพ,ชื่อรูปภาพ”
width=”ตัวเลขระบุความกว้าง”
height=”ตัวเลขระบุความสูง”
border=”ตัวเลขระบุความหนาของเส้นขอบ”
***หากเราไม่ได้ระบุขนาดกว้างและสูง ภาพจะมีขนาดเท่าขนาดของภาพต้นฉบับ
ตัวอย่าง
<html>
<head><title> ....การใส่รูปภาพ....</title></head>
<body>
<img src = "lilies.jpg" width="200" height="200" border="1"/>
</body>
</html>
ผลลัพธ์ที่ได้คับ อ่านต่อ Click »
Posted in HTML | No Comments »
Thursday, February 25th, 2010
ในการกำหนดตำแหน่งในภาษา HTML สามารถกำหนดได้หลายรูปแบบ ทั้งแบบกำหนดเป็นแท็ก และการกำหนดเป็น Attribute ของแท็ก โดยมีรูปแบบดังนี้คับ
- การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center <center> …ข้อความ…</center>
- . การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align รูปแบบดังนี้
<p align = “ตำแหน่ง”> …ข้อความ…</p>
ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right
ตัวอย่างคับ อ่านต่อ Click »
Posted in HTML | No Comments »
Thursday, February 18th, 2010
สำหรับการกำหนดลักษณะข้อความนั้น จะใส่เิิ่พิ่มในส่วนของแท็กเปิด ของแท็ก <font> เพราะคำสั่งนี้เป็นส่วนขยายที่เรียกว่า Attribute ของแท็ก <font> นั้นเอง โดยจะมี Attribute ต่าง ๆ ดังนี้
- การกำหนดชื่อฟอนต์ Attribute ที่ใช้ คือ face = “ชื่อฟอนต์“
- การกำหนดขนาดของข้อความ Attribute ที่ใช้ คือ size = “ขนาดของข้อความ“
- การกำหนดสีของข้อความ Attribute ที่ใช้ คือ color= “ชื่อสี” หรือ color = “#รหัสสี“
1. การกำหนดชื่อฟอนต์
การกำหนดฟอนต์ ก็คล้าย ๆ กันกับตอนที่เราิพิมพ์งานใน Ms word คับซึ่งเราสามารถเลือกได้ว่าเราจะใช้ฟอนต์แบบไหน อาจจะเป็น Arial ,MS Sans Serif ,Angsana New,Tahoma เป็นต้น ในการเขียนเว็บเพจนั้น ฟอนต์ที่เป็นที่นิยมจะมีด้วยกัน 2 ชนิดคือ MS Sans Serif และ Tahoma โดยฟอนต์แบบ MS Sans Serif จะนิยมใช้กับเว็บที่มีการแสดงผลข้อความเป็นภาษาไทย และ Tahoma มักใช้การแสดงผลข้อความเป็นภาษาอังกฤษ แต่ก็สามารถใช้กับข้อความภาษาไทยได้เหมือนกัน ดูตัวอย่างกันคับ
<html>
<head><title> ....การหนดรูปแบบฟอนต์ของข้อความ....</title></head>
<body>
<font face = "MS Sans Serif"> ข้อความนี้กำหนดฟอนต์แบบ MS Sans Serif<br /> </font>
<font face = "Arial"> ข้อความนี้กำหนดฟอนต์แบบ Arial<br /> </font>
<font face = "Tahoma"> ข้อความนี้กำหนดฟอนต์แบบ Tahoma </font>
</body>
</html>
ผลลัพธ์ที่ได้ อ่านต่อ Click »
Posted in HTML | No Comments »
Monday, February 15th, 2010
การปรับแต่งเอกสาร HTML คือ การใส่สีสันให้กับเอกสาร HTML ในส่วนของการใส่พื้นหลัง (Background) ให้โฮมเพจของเรามีสีสันเพิ่มขึ้น ซึ่งการใส่พื้นหลังให้โฮมเพจสามารถใส่ได้ 2 แบบ คือ การใส่สีให้พื้นหลัง และการใส่ภาพให้พื้นหลัง
ในการใส่รูปแบบนั้นจะใส่ในส่วนของแท็กเปิด ของแท็ก เพราะคำสั่งนี้เป็นส่วนขยายที่เรียกว่า Attribute ของแท็ก นั้นเอง โดยจะมีรูปแบบดังนี้
1. แบบใส่สีให้พื้นหลัง bgcolor = “ชื่อสี” หรือ bgcolor = “#รหัสสี”
2. แบบใส่ภาพให้พื้นหลัง background = “ชื่อภาพ”
รูปแบบการใส่สีพื้นหลัง
<html>
<head><title> ....การใส่สีให้พื้นหลังเป็นสีน้ำเงิน....</title></head>
<body bgcolor = "blue">
</body>
</html>
รูปแบบการใส่ภาพพื้นหลัง อ่านต่อ Click »
Posted in HTML | No Comments »
