วันเสาร์ที่ 2 พฤศจิกายน พ.ศ. 2556

การเขียนเว็บเพ็จด้วยภาษา html

การเขียนเว็บเพ็จด้วยภาษา html

โครงสร้างของภาษา HTML


การเขียนโปรแกรมด้วยภาษา HTML มีส่วนประกอบที่สำคัญอยู่ 2 ส่วน คือ

1. ส่วนที่เป็นข้อความที่จะพิมพ์
คือ ข้อมูล ข้อความ เนื้อหาต่างๆ ที่ต้องการนำเสนอออกมาในเว็บเพจ

2. ส่วนที่เป็นคำสั่ง
ส่วนนี้จะใช้ในการจัดการรูปร่างและรูปแบบของตัวอักษรหรือเอกสาร จะเรียกว่า tag และส่วนที่เป็นคำสั่ง tag นี้ จะถูกเขียนอยู่ในเครื่องหมาย < > ทุกคำสั่ง เช่น <br>, <body>, <head> เป็นต้น


>>> จากภาพ
top



 รูปแบบของ tag


รูปแบบของ tag แบ่งออกเป็น 2 กลุ่ม คือ

1. tag เดี่ยว
คือ รูปแบบคำสั่งที่มีเพียงคำสั่งเดียวหรือมีเพียงแท็กเดียว ก็สามารถใช้งานได้ เช่น <br>

2. tag คู่
คือ รูปแบบคำสั่งที่เป็นสองส่วน คือ มีส่วนเริ่มต้นและต้องมีส่วนจบของคำสั่งถึงจะสามารถทำงานได้สมบูรณ์ โดยส่วนจบของแต่ละคำสั่งจะมีเครื่องหมาย Slash (/) ไว้หน้าแท็กคำสั่งนั้น เช่น <html>......</html>



ภาพที่ 3-2


>>> จากภาพ

แท็กคู่        มีทั้งหมด 4  แท็ก คือ 
1. <html>...</html>
2. <head>....</head>
3. <title>....</title>
4. <body>....</body> 


แท็กเดี่ยว
    
มีทั้งหมด 1 แท็ก คือ  <br>


top

 tag คำสั่งหลัก ของการเขียนโปรแกรมด้วยภาษา HTML


การเขียนโปรแกรมด้วยภาษา HTML จะมีโครงสร้างและการจัดวางคำสั่งหลักที่เป็นมาตรฐานเหมือนกันทั่งโลก โดยจะประกอบด้วยคำสั่งหลักๆ อยู่ 4 คำสั่งด้วยกัน ดังนี้

1. <html>........</html>
เป็นคำสั่งที่ทำหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML

2. <head>........</head>
เป็นคำสั่งที่ทำหน้าที่กำหนดส่วนหัวเรื่อง

3. <title>.........</title>

เป็นคำสั่งที่ใช้กำหนดข้อความที่ต้องการนำมาแสดงผลบนแถบ Title Bar  คำสั่งนี้จะอยู่ภายในคำสั่งส่วน <head>......</head> โดยกำหนดความยาวของตัวอักษรไม่เกิน 64 ตัวอักษร

4. <body>.........</body>
เป็นคำสั่งที่กำหนดข้อความและรูปแบบของคำสั่งต่างๆ ที่ใช้สำหรับปรับแต่งเอกสารที่จะนำเสนอออกทางส่วนแสดงผลหลักของ Web Browser
top




ตัวอย่างการเขียนโปรแกรมโครงสร้างหลักของภาษา HTML

 

ภาพที่ 3-3

ไม่มีความคิดเห็น:

แสดงความคิดเห็น