วันพุธที่ 27 สิงหาคม พ.ศ. 2551
แบบทดสอบเรื่อง HTML
ก. Hyper Text Markup Language
ข. Hyper Text Makeup Language
ค. Hypermedia Text Markup Language
ง. Hidden Text Markup Language
2.เอกสาร HTML ปกติจะมีนามสกุลตามข้อใด
ก. HTM
ข. HTML
ค. THML
ง. ก และ ข ถูก
3.โปรแกรมใดที่ใช้สร้างเอกสาร HTML ไม่ได้
ก. Edit Plus
ข. Notepad
ค. Microsoft word
ง. Photoshop
4.เอกสารHTML ที่จะใช้ในการแสดงหน้าเว็บเพจต่างๆจะเก็บไว้ที่ใด
ก. Internet
ข. Client
ค. Server
ง. Browser
5.โปรแกรมที่ใช้สำหรับดูหน้าเว็บเพจคือโปรแกรมอะไร
ก. Internet
ข. Browser
ค. Homepage
ง. Interpreter
6.การสื่อสารบนอินเทอร์เน็ตใช้โปรโตคอลชนิดใด
ก. FTP
ข. WWW
ค. Telnet
ง. HTTP
7.Internet Explorer , Netscape Communicator เป็นโปรแกรมชนิดใด
ก. Internet
ข. IRC
ค. Browser
ง. Text Editor
8.ภาษา HTML แบ่งโครงสร้างออกเป็นกี่ส่วน
ก. 1
ข. 2
ค. 3
ง. 4
9.การเขียนข้อความเพื่อให้ปรากฏบนไตเติ้ลบาร์ของโปรแกรมเว็บเบราเซอร์จะต้องเขียนไว้ส่วนใด
ก. ส่วนหัว
ข. ส่วนเนื้อหา
ค. ส่วนกำหนดชนิดข้อมูล
ง. ส่วนหมายเหตุ
10. เนื้อหาที่ต้องการแสดงเว็บเพจจะต้องเขียนไว้ที่ส่วนใด
ก. ส่วนหัว
ข. ส่วนเนื้อหา
ค. ส่วนข้อกำหนด
ง. ส่วนหมายเหตุ
11. คำสั่งที่ใช้แทรกไฟล์ HTML หรือไฟล์อื่นๆลงในไฟล์ HTML อีกไฟล์คือคำสั่งอะไร
ก NOFRAME
ข FRAME
ค FRAMESET
ง IFRAME
12.ข้อใดไม่ใช่คำสั่งหลักในการสร้างเฟรม
ก FRAMESET
ข NOFRAME
ค FRAME
ง FRAME SIZE
13 คำสั่ง FRAMESET มีอยู่กี่ประเภท
ก 2 ประเภท
ข 3 ประเภท
ค 4 ประเภท
ง 5 ประเภท
14. คำสั่งที่ใช้ในการกำหนดสีของ Background คือคำสั่งใด :
ก FONT COLOR
ข BGCOLOR
ค TEXTCOLOR
ง FONT SIZE
15.ข้อใดเป็นคำสั่งขึ้นบรรทัดใหม่ :
ก H1
ข HR
ค CENTER
ง BR
เฉลย
1.ก 2.ง 3.ค 4.ค 5.ข 6.ง 7.ข 8.ข 9.ก 10.ข 11.ง 12ง 13.ก 14.ก 15.ข
วันจันทร์ที่ 25 สิงหาคม พ.ศ. 2551
ภาษา HTML
HTML หรือ HyperText Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยายที่เรียกว่า Attribute สำหรับระบุ หรือควบคุมการแสดงผล ของเว็บได้ด้วย
HTML เป็นภาษาที่ถูกพัฒนาโดย World Wide Web Consortium (W3C) จากแม่แบบของภาษา SGML (Standard Generalized Markup Language) โดยตัดความสามารถบางส่วนออกไป เพื่อให้สามารถทำความเข้าใจและเรียนรู้ได้ง่าย และด้วยประเด็นดังกล่าว ทำให้บริการ WWW เติบโตขยายตัวอย่างกว้างขวางตามไปด้วย
Tag
Tag เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ
• Tag เดี่ยว
เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น
,
เป็นต้น
• Tag เปิด/ปิด
เป็น Tag ที่ประกอบด้วย Tag เปิด และ Tag ปิด โดย Tag ปิด จะมีเครื่องหมาย slash
( / ) นำหน้าคำสั่งใน Tag นั้นๆ เช่น …, เป็นต้น
Attributes
Attributes เป็นส่วนขยายความสามารถของ Tag จะต้องใส่ภายในเครื่องหมาย < > ในส่วน Tag เปิดเท่านั้น Tag คำสั่ง HTML แต่ละคำสั่ง จะมี Attribute แตกต่างกันไป และมีจำนวนไม่เท่ากัน การระบุ Attribute มากกว่า 1 Attribute ให้ใช้ช่องว่างเป็นตัวคั่น
เช่น Attributes ของ Tag เกี่ยวกับการจัดพารากราฟ คือ
ประกอบด้วยALIGN="Left/Right/Center/Justify"
ซึ่งสามารถเขียนได้ดังนี้
โครงสร้างเอกสาร HTML
ไฟล์เอกสาร HTML ประกอบด้วยส่วนประกอบสองส่วนคือ Head กับ Body โดยสามารถเปรียบเทียบได้ง่ายๆ ก็คือ ส่วน Head จะคล้ายกับส่วนที่เป็น Header ของหน้าเอกสารทั่วไป หรือบรรทัด Title ของหน้าต่างการทำงานในระบบ Windows สำหรับส่วน Body จะเป็นส่วนเนื้อหาของเอกสารนั้นๆ โดยทั้งสองส่วนจะอยู่ภายใน Tag …
โครงสร้างไฟล์ HTML
ส่วนหัวเรื่องเอกสารเว็บ (Head Section)
Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้นๆ เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ (Author), คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ
• ข้อความที่ใช้เป็น TITLE ไม่ควรพิมพ์เกิน 64 ตัวอักษร, ไม่ต้องใส่ลักษณะพิเศษ เช่น ตัวหนา, เอียง หรือสี และควรใช้เฉพาะภาษาอังกฤษที่มีความหมายครอบคลุมถึงเนื้อหาของเอกสารเว็บ หรือมีลักษณะเป็นคำสำคัญในการค้นหา (Keyword)
• การแสดงผลจาก Tag TITLE บนเบราเซอร์จะปรากฏข้อความที่กำกับด้วย Tag TITLE ในส่วนบนสุดของกรอบหน้าต่าง (ใน Title Bar ของ Window นั่นเอง)
• Tag META จะไม่ปรากฏผลบนเบราเซอร์ แต่จะเป็นส่วนสำคัญ ในการทำคลังบัญชีเว็บ สำหรับผู้ให้บริการสืบค้นเว็บ (Search Engine) และค่าอื่นๆ ของการแปลความหมาย
• การพิมพ์ชุดคำสั่ง HTML สามารถพิมพ์ได้ทั้งตัวพิมพ์เล็ก ตัวพิมพ์ใหญ่ หรือผสม การย่อหน้า เว้นบรรทัด หรือช่องว่าง สามารถกระทำได้อิสระ โปรแกรมเบราเซอร์จะไม่สนใจเกี่ยวกับระยะเว้นบรรทัดหรือย่อหน้า หรือช่องว่าง
ส่วนเนื้อหาเอกสารเว็บ (Body Section)
Body Section เป็นส่วนเนื้อหาหลักของหน้าเว็บ ซึ่งการแสดงผลจะต้องใช้ Tag จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ, เสียง, วีดิโอ หรือไฟล์ต่างๆ
ส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่มักจะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag
• กลุ่มคำสั่งเกี่ยวกับการจัดการพารากราฟ
• กลุ่มคำสั่งจัดแต่ง/ควบคุมรูปแบบตัวอักษร
• กลุ่มคำสั่งการทำเอกสารแบบรายการ (List)
• กลุ่มคำสั่งเกี่ยวกับการทำลิงค์
• กลุ่มคำสั่งจัดการรูปภาพ
• กลุ่มคำสั่งจัดการตาราง (Table)
• กลุ่มคำสั่งควบคุมเฟรม
• กลุ่มคำสั่เริ่มสร้างเว็บเพจด้วย NotePad
การสร้างเอกสาร HTML หรือเว็บเพจ เป็นเรื่องที่ง่ายและสะดวก เพียงแต่เปิดโปรแกรม NotePad
คำสั่งในการเริ่มต้นในการสร้างเว็บเพจ
คำสั่งเริ่มต้น
..........
คำสั่ง เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่ง เป็นการสิ้นสุดโปรแกรม HTML คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บเบราเซอร์ แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบของงาน และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML
ส่วนหัวของโปรแกรม
..........
คำสั่ง เป็นคำสั่งที่ใช้กำหนดข้อความในส่วนที่เป็นชื่อเรื่องของไฟล์ HTML และภายในคำสั่ง ... จะมีคำสั่งย่อยอีกคำสั่งหนึ่งคือ
กำหนดข้อความในส่วนหัวของโปรแกรมหรือไตเติลบาร์
คำสั่ง
ส่วนเนื้อหาของโปรแกรม
คำสั่งนี้เป็นส่วนที่สำคัญในการแสดงผลในเว็บเบราเซอร์ ซึ่งจะประกอบไปด้วยตัวอักษร รูปภาพกราฟิกต่างๆp