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 »
Friday, February 19th, 2010
ในการทำเว็บส่วนใหญ่เนื้อหาจะเป็นส่วนสำคัญ ในบางครั้งเราต้องการที่จะเน้นที่ข้อความใดข้อความหนึ่ง เพื่อดึงดูดความสนใจ ซึ่งเราอาจจะเน้นข้อความนั้น ๆ เป็นพิเศษ ด้วยการใส่ตัวหนา ตัวเอียง การขีดเส้นใต้ข้อความ หรือการขีดฆ่า
ในแท็กภาษา HTML ก็มีคำสั่งเหล่านี้อยู่ด้วยเหมือนกัน โดยรูปแบบของแท็ก มีดังนี้
- การกำหนดแบบตัวหนา (Bold) <b> …ข้อความ…</b> หรือ <strong> …ข้อความ…</strong>
- การกำหนดแบบตัวเอียง (Italic) <i> …ข้อความ…</i>
- การกำหนดแบบตัวขีดเส้นใต้ (Underline) <u>…ข้อความ…</u>
- การกำหนดแบบตัวขีดฆ่า (Strike) <strike>…ข้อความ…</strike>
ตัวอย่างรูปแบบการจัดรูปแบบข้อความแบบต่าง ๆ อ่านต่อ 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 »
Monday, February 8th, 2010
ภาษาคอมพิวเตอร์ทุก ๆ ภาษาจะมีโครงสร้างเฉพาะ ภาษา HTML ก็เช่นกัน โครงสร้างของภาษา HTML นั้นเป็นโครงสร้างที่ใช้งานง่าย และเข้าใจได้ไม่ยากนัก รูปแบบโครงสร้างของภาษา HTML มีดังนี้คับ
<html>
<head>
<title>...ส่วนของข้อความที่จะปรากฏที่ Title Bar ของ Browser...</title>
</head>
<body>
ส่วนร่างกายใช้สำหรับเขียนข้อมูลต่าง ๆ มีทั้ง
- รูปภาพต่าง ๆ ควรจะเป็น ไฟล์ชนิด .gif เพราะมีขนาดเล็ก
- text หรือ ข้อความต่าง ๆ ภาษาไทย ภาษาอังกฤษ
- sound หรือเสียงเพลง เป็นไฟล์ .mp3
- ภาพยนต์ หรือภาพเคลื่อนไหว
- รวมทั้งโค้ดภาษาอื่น ๆ เช่นแทรกภาษา C , C++ , JAVA Script
</body>
</html>
ผลลัพธ์ที่ได้ดังนี้คับ
จะสังเกตได้ว่า Tag ที่มีปรากฏอยู่จะมีทั้งหมด 4 Tag ดังนี้
1. <html></html>
2. <head></head>
3. <title></title>
4. <body></body>
เมื่อลองสังเกตดูเราจะพบสัญลักษณ์ <…> และ เป็นคู่ จากโครงสร้างจะมี <…> 4 ตำแหน่ง และ อีก 4 ตำแหน่ง ซึ่งลักษณะการเขียน HTML จะมีลักษณะแบบนี้ สัญลักษณ์ <…> เราเรียกว่าการเปิด Tag ส่วน คือการปิด Tag นั้นเอง โดยส่วนใหญ่รูปแบบของการเขียน HTML จะมีการเปิดและปิด Tag แต่ก็มียกเว้นบ้าง สำหรับแท็กบางแท็ก ที่ไม่จำเป็นต้องมีการปิดแท็ก จะมีแท็กใดบ้างติดตามศึกษาในบทความต่อ ๆ ไป
Posted in HTML | No Comments »
Saturday, February 6th, 2010
วันนี้เรามาทำความรู้จักกับภาษา HTML กันนะคับ
HTML ย่อมาจาก HyperText Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง มีโครงสร้างการเขียนโดยใช้แท็ก (Tag) ควบคุมการแสดงผลของข้อความ รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเว็บเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยายที่เรียกว่า Attribute สำหรับระบุ หรือควบคุมการแสดงผล
ภาษา HTML เป็นภาษาที่ถูกกำหนดให้เป็นมาตรฐานในการเขียนโฮมเพจ ดังนั้นการศึกษาถึงโครงสร้างของภาษา HTML จึงถือเป็นพื้นฐานที่สำคัญ ในการต่อยอดเพื่อเขียนภาษาคอมพิวเตอร์อื่น ๆ ที่ทำงานผ่านเว็บเบราเซอร์ หรือการพัฒนา Web Application ต่าง ๆ ใครที่คิดว่าจะเมินภาษา HTML เพราะสามารถสร้างโฮมเพจ หรือเว็บเพจโดยอาศัย โปรแกรมช่วยสร้าง ประเภท WYSIWYG (What – You -See -Is – What – You – Get) เช่น Dreamweaver Frontpag ฯลฯ เีพียงอย่างเดียว คงไม่สามารถต่อยอดความรู้ในการพัฒนาโฮมเพจ โดยใช้ภาษา PHP หรือ ASP ได้ ซึ่งในอนาคตสำหรับคนทำเว็บแล้ว ภาษาสคริปต์ PHP หรือ ASP เป็นสิ่งจำเป็นทีเดียวในการพัฒนา Web Application
ก่อนที่เราจะเริ่มลงมือเขียน HTML เราต้องเตรียมเครื่องมือที่จำเป็นต้องใช้ในการเขียน homepage เบื้องต้น ซึ่งคงต้องมีอย่างน้อยที่สุด 2 อย่าง คือ
1. Editer สำหรับใช้เขียนภาษา HTML ซึ่งในที่นี้เพื่อความสะดวกที่สุด ขอแนะนำให้ใช้ Notepad ซึ่งมีติดเครื่องมาอยู่แล้วเมื่อลงวินโดวน์ หรือหากใครจะดาวน์โหลดโปรแกรม Editplus มาใช้ก็ได้ เพราะโปรแกรมตัวนี้สามารถแบ่งแยกสีของ Tag ได้ ซึ่งในอนาคตหากจะเขียน PHP โปรแกรมตัวนี้ก็ช่วยให้เขียนโปรแกรมได้ง่ายกว่า Notepad เยอะเลยคับ เพิ่มเติมนิดนึงคับถ้ายังไม่เข้าใจเรื่องของ Tag ต่างๆเท่าใดนักก็แนะนำเป็น Macromedia Dreamweaver ก็ได้นะคับ ใช้งานได้ง่ายทีเดียว
2. Web Browser สำหรับใช้แสดงผลของโฮมเพจ สำหรับเว็บเบราเซอร์ อ่านต่อ Click »
Posted in HTML | 1 Comment »
