แท็กพื้นฐาน (Basic Tag)
สวัสดีครับ เพื่อนๆ ทุกคน
ได้เวลามาเรียนรู้เรื่องของ HTML กันอีกครั้งแล้วนะครับ
วันนี้ผมจะมานำเสนอเรื่องของ Tag กันนะครับ
ไปดูกันเลย!!!
- HTML
HTML ย่อมาจาก Hyper Text Markup Language ไฟล์ HTML เป็นไฟล์ข้อความที่เก็บแท็ก markup (markup tag) ขนาดเล็ก ไฟล์ HTML ต้องมีนามสกุล htm หรือ html อย่างใดอย่างหนึ่ง ซึ่งการสร้างไฟล์ HTML สามารถสร้างโดยการใช้ text editor อย่างง่าย เช่น Notepad เป็นต้น
- Text Editor
Text Editor คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความ ในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่าง ๆ ปัจจุบันมี โปรแกรม Text Editor หลายโปรแกรม เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย
![]() |
ภาพ Code และแท็กพื้นฐานบางส่วน |
![]() |
ผลที่เกิดขึ้นจาก Code ด้านบนผ่านทาง Web Browser |
- โครงสร้างของภาษา html
ประกอบด้วย 2 ส่วนด้วยกัน คือส่วนที่เป็นส่วนหัว (head) และส่วนเนื้อหา (body) โดยมีรูปแบบภาษาดังนี้
- แท็ก HTML พื้นฐาน
<html> แท็กนี้บอก browser ว่านี่เป็นการเริ่มต้นเอกสาร HTML แท็กสุดท้ายในเอกสารคือ </html> แท็กนี้บอก browser ว่านี่เป็นการสิ้นสุดเอกสาร HTML
ข้อความระหว่างแท็ก <head> และแท็ก </head> เป็นสารสนเทศส่วนหัว สารสนเทศนี้ไม่ได้แสดงผลบน browser
ข้อความระหว่างแท็ก <title> เป็นไตเติล (ชื่อ) ของเอกสาร ไตเติลได้รับการแสดงในหัวข้อ (caption) ของ browser
ข้อความระหว่างแท็ก <body> เป็นข้อความที่จะแสดงใน browser
ย่อหน้า ได้รับการกำหนดด้วยแท็ก <p> HTML เพิ่มแถวว่างอย่างอัตโนมัติก่อนและหลังย่อหน้า
<p>This is a paragraph</p>
<p>This is another paragraph</p>
แท็ก <br> ได้รับการใช้เมื่อต้องการแบ่งบรรทัดแต่ไม่ต้องการเริ่มต้นย่อหน้าใหม่ แท็ก <br> บังคับแบ่งบรรทัดตามตำแหน่งที่วาง แท็ก <br> เป็นแท็กว่างและไม่มีแท็กสิ้นสุด เช่น </br> เพราะการแท็กปิดไม่มีเหตุผล
<p>This <br> is a para<br>graph with line breaks</p>
ก็ยังหวังว่าจะเป็นประโยชน์นะครับ
สวัสดีคร้าบบบ
ลงวันที่ 20 มิ.ย. 2555