ความหมายของเว็บเพจ
(Web Page)
ในปัจจุบันโลกของ
"World Wide Web" หรือ "WWW" หรือ "3W" หรือ "Web" ได้เข้ามามีบทบาทสำคัญกับชีวิตประจำวันของเรามากขึ้น
เราสามารถเข้าสู่ "เว็บ" เพื่อทำการค้นหาข้อมูลติดต่อสื่อสารกัน หรือดูหลัง ฟังเพลง
ซื้อ-ขายสินค้า และอะไรอื่น ๆ อีกมากมาย นอกจากการเป็นผู้ใช้แล้ว เรายังสามารถสร้าง
"เว็บเพจ" หรือ "เว็บไซต์" ขึ้นมาใช้งานได้เองอีกด้วย ซึ่งการสร้างเว็บเพจดังกล่าวสามารถสร้างได้โดยใช้เครื่องมือต่าง
ๆ มากมาย
ข้อมูลที่นำไปใส่นี้จะแบ่งออกเป็นหน้า ๆ เหมือนเอกสารทั่วไป (แต่อยู่ในรูปของ HTML)
แต่ละหน้าเรียกว่า "เว็บเพจ" เมื่อมีหลาย ๆ เว็บเพจที่เกี่ยวข้องกัน เช่น บริษัทหนึ่งอาจสร้างไว้
20 หน้า จะเรียกเว็บเพจเหล่านี้ว่า เว็บไซต์ ส่วนเว็บเพจหน้าแรกจะเรียกว่า โฮมเพจ
เว็บเพจที่แสดงอยู่บนอินเตอร์เน็ตนี้มิใช่อยู่ ๆ ก็เรียกมาดูได้ จะต้องใช้เครื่องมือหรือโปรแกรมมาดู
เครื่องมือหรือโปรแกรมที่ว่านี้ เรียกว่า "Web Browser" ซึ่งปัจจุบันมีอยู่มากมาย
แต่ที่นิยมกันมากจะเป็น Netscape Navigator และ Microsoft Internet Explorer
การเขียนโฮมเพจโดยใช้
HTML
รูปแบบของ HTML
มีศัพท์ 3 คำที่ควรทราบเกี่ยวกับการสร้าง
Web Page ด้วย HTML ได้แก่
1. Text หมายถึง ข้อความทั่ว ๆ ไป
2. Tag, Element หรือคำสั่ง หมายถึง คำสั่งที่ใช้ในการกำหนดรูปแบบของ Text โดยคำสั่งจะอยู่ภายในเครื่องหมาย
< และ > คำสั่งโดยทั่วไปจะมีคำสั่งเริ่มต้นและคำสั่งปิดท้าย (มี /) โดยจะใช้ตัวเล็กหรือตัวใหญ่ก็มีผลเหมือนกัน
3. Attribute เป็นตัวเลือกที่คำสั่งบางคำสั่งของ HTML สามารถใช้ได้ (แต่จะใช้หรือไม่ก็ได้
เปรียบเสมือนเป็น Option นั่นเอง) Attribute จะทำให้คำสั่งต่าง ๆ ใช้งานได้อย่างมีประสิทธิภาพมากยิ่งขึ้น
คำสั่งมาตรฐานในการสร้างเว็บเพจ
มีคำสั่งมาตรฐานที่ทุกเว็บเพจควรจะต้องมี
ได้แก่
<html>...</html> วางไว้ที่ต้นและท้ายเว็บเพจ เพื่อให้ Browser ทราบว่าเว็บเพจที่จะอ่านนี้อยู่ในรูปแบบของ
HTML
<head>...</head> ใช้กำหนดชื่อเรื่องให้กับเว็บเพจแต่จะไม่แสดงให้เห็นใน
Browser
<body>...</body> ใช้กำหนดขอบเขตของเนื้อหาที่จะแสดงใน Browser
<title>...</title> ใช้กำหนดชื่อให้กับเว็บเพจ โดยชื่อนี้จะถูกนำไปแสดงไว้ใน
Browser ด้วย ต้องวางคำสั่งนี้ไว้ระหว่างคำสั่ง <head>...</head> เสมอ
Attribute
ของคำสั่ง <body>
คำสั่ง <body> เองก็มี
Attribute ที่สามารถนำมาใช้ได้มากมาย โดย Attribute เหล่านี้ จะทำหน้าที่กำหนดคุณสมบัติต่าง
ๆ ของเอกสารเว็บเพจนี้ ได้แก่
Attribute
|
หน้าที่
|
A
|
ใช้สำหรับ link ไปยังตำแหน่งอื่น
ๆ
|
ALINK
|
กำหนดสีของ Active Link
(เว็บไซต์ที่กำลังใช้งานอยู่)
|
B
|
กำหนดข้อความให้เป็นตัวเข้ม
|
BACKGROUND
|
ระบุชื่อ URL ของ Image
หรือไฟล์รูปภาพที่จะนำมาใช้เป็นภาพ Background (พื้น) ของเอกสาร
|
BGCOLOR
|
กำหนดชื่อสีจะนำมาใช้เป็น
Background
|
BGPRORERTIES
|
ถ้ากำหนดให้มีค่าเป็น "FIXED"
จะทำให้เลื่อน Scroll Background ของเอกสาร (Pixels)
|
BLINK
|
กำหนดให้ตัวอักษรกระพริบได้
|
BLOCKQUOTE
|
เป็นการสร้างย่อหน้าในอีกรูปแบบหนึ่ง
โดยจะเป็น Left Indent
|
CAPTION
|
กำหนดข้อความที่จะใช้ประกอบกับ
Table
|
CITE
|
เน้นข้อความให้โดดเด่นขึ้น
โดยข้อความจะใหญ่ขึ้นและเป็นตัวเอน
|
CODE
|
กำหนดให้ข้อความเป็นตัวอักษรคอมพิวเตอร์ขนาดเล็ก
และจะมีลักษณะเป็น monospaced font
|
COL
|
ใช้กำหนดรูปแบบของ Column
ใด ๆ
|
COLGROUP
|
ใช้ร่วมกับการสร้าง Table
ใช้ในการกำหนดความกว้างและการจัดวางข้อความให้ชิดในด้านต่าง ๆ ให้กับกลุ่มของ
Column ทำให้สะดวกยิ่งขึ้นในการทำงานกับ Table
|
DFN
|
ใช้สร้าง sub definition
ในการสร้างข้อความแบบรายการ definition list ข้อความที่กำหนดเป็นแบบ DFN
นี้ จะถูกกำหนดให้เป็นตัวอักษรเอนโดยอัตโนมัต
|
DIR
|
แสดงข้อความแยกเป็นบรรทัด
ๆ ด้วยตัวเลข แต่ใช้ได้เฉพาะข้อความสั้น ๆ ไม่เกิน 20 ตัวอักษรในแต่ละบรรทัด
|
EM
|
ใช้เน้นให้ข้อความเด่นชัดขึ้น
ตัวอักษรที่ได้จะเป็นตัวเอนเสมอ
|
FONT FACE
|
กำหนดชนิดของตัวอักษร
|
FONT SIZE
|
กำหนดขนาดของตัวอักษร
|
FORM
|
คำสั่งเริ่มต้นในการสร้าง
Form
|
FRAMESET
|
ใช้แบ่งเอกสารออกเป็นส่วน ๆ โดยอาจแบ่งได้ทั้งในแนวตั้งและแนวนอน |
I
|
กำหนดข้อความให้เป็นตัวเอน |
IFRAME
|
กำหนดให้สามารถเลื่อนดูรูปภาพที่มีขนาดใหญ่กว่ากรอบได้ โดยใช้ Scroll Bar โดยสามารถกำหนดตัวเลือก Scrolling เป็น Yes หรือ No ได้ |
KBD
|
นิยมนำมาใช้กับข้อความที่ใช้ในการโต้ตอบกับผู้ใช้ทางจอภาพ ข้อความที่ได้จะเป็น monospaced font |
LINK
|
กำหนดสีของ Link ที่ยังไม่ได้ไปเยี่ยมชม (เว็บไซต์ที่ยังไม่ได้ไปดู) |
MARQUEE
|
เป็นการทำข้อความให้เคลื่อนไหวได |
MENU
|
แสดงข้อความแยกเป็นบรรทัด ๆ ด้วยตัวเลขแต่ข้อความต้องมีความยาวไม่เกิน 1 บรรทัด |
OL
|
แสดงข้อความแยกเป็นบรรทัด ๆ ด้วยตัวเลข |
SAMP
|
ใช้เน้นข้อความอีกแบบหนึ่ง โดยจะเป็น monospaced font |
STRIKE
|
เป็นเส้นตรงที่ใช้ขีดทับกลางข้อความ |
STRONG
|
ใช้เน้นข้อความอีกแบบหนึ่ง ข้อความจะถูกกำหนดให้เป็นตัวเข้ม |
SUB
|
เป็นตัวอักษรห้อยลง |
SUP
|
เป็นตัวอักษรยกขึ้น |
TABLE
|
สำหรับเริ่มต้นการสร้างและจบการสร้างตารางตามลำดับ |
TBODY
|
กำหนดกลุ่มของ Row ให้เป็น Body ของ Table |
TD
|
ใช้ในการกำหนดการเริ่มต้นของ Column ใด ๆ ใน Row ที่กำลังทำงานอย |
TEXT
|
กำหนดสีของข้อความในเอกสาร |
TEXTAREA
|
รูปแบบการป้อนข้อมูลแบบอิสระ โดยกำหนดความกว้างเป็นจำนวน Column และความสูงเป็นจำนวน Row |
TFOOT
|
ใช้ในการระบุกฎเพิ่มเติมเพื่อใช้ภายใน Table โดยการจัดกลุ่มของ Row หรือ Column เพื่อให้ใช้ได้เป็นกลุ่ม ๆ |
THEAD
|
กำหนดกลุ่มของ Row ให้เป็น Header ของ Table |
TOPMARGIN
|
กำหนดความกว้างของขอบบนของเอกสาร (Pixels) |
TR
|
ใช้ในการกำหนดการเริ่มต้นของ Row ใด ๆ |
TT
|
เป็นลักษณะตัวอักษรแบบพิมพ์ดีด คือจะมีความกว้างของแต่ละตัวอักษรเท่ากันหมด |
U
|
ใช้ขีดเส้นใต้ข้อความ(เส้นเดี่ยว) |
UL
|
แสดงข้อความแยกเป็นบรรทัด ๆ ด้วย Bullet (.) |
VAR
|
ใช้ในการกำหนดชื่อตัวแปรโดยจะแสดงเป็นตัวอักษรเอน |
VLINK
|
กำหนดสีของ Link ที่ไปเยี่ยมชมมาแล้ว (เว็บไซต์ที่เข้าไปดูมาแล้ว) |
Attribute ที่กล่าวข้างต้นนี้เป็นเพียงส่วนหนึ่งเท่านั้น ยังมี Attribute ที่ไม่ได้กล่าวอีกเป็นจำนวนมาก
สำหรับข้อมูลเกี่ยวกับพลังงานนิวเคลียร์เชิญ link
เข้าไปได้ที่
http://www.oocities.org/wan_dpst/home.htm