วันพฤหัสบดีที่ 21 มิถุนายน พ.ศ. 2555

Tag พื้นฐาน

แท็กพื้นฐาน (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 ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย
    ส่วนการแสดงผลนั้นจะแสดงใน Web Browser ต่างๆ เช่น IE, Firefox เป็นต้น

ภาพ 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

1 ความคิดเห็น: