HTML: HTML tag พื้นฐาน

HTML

ย่อมาจากคำว่า Hyper Text Markup Language เป็นภาษาหลักที่ใช้ในการสร้างโฮมเพจ การสร้างไฟล์ HTML เราสามารถสร้างจาก Text Editor เช่นจาก Notepad หรือ Wordpad ก็ได้แต่สำหรับการ Save ไฟล์ เราจำเป็นต้องใส่ " ชื่อไฟล์ . html " ซึ่งถ้าหากคุณไม่ใส่ " " จะ กลายเป็นไฟล์ .TXT แทน ในปัจจุบัน มีโปรแกรมต่าง ๆ มากมายที่พัฒนาขึ้นมาเพื่อช่วยอำนวยความสะดวกในหารเขียนโค้ด html เช่นโปรแกรม Macromedia Dreamweaver ปัจจุบันเวอร์ชั่น CS4 แล้ว มีความง่ายและสะดวกในการสร้าง html ขึ้นมา ด้วย Tool ต่าง ๆ ของโปรแกรม

Text Editor

คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่างๆ ปัจจุบันมีโปรแกรม Text Editor หลายโปรแกรม เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย

องค์ประกอบของเอกสาร HTML คือ

HTML จะมีอยู่สองส่วน ส่วนแรกเรียกว่าส่วนหัว (head) และส่วนที่สองเรียกว่า ส่วนตัว(body) และทั้งสองส่วนจะต้องอยู่ภายใต้คู่แท็ก <HTML>....</HTML> เสมอ

คำขยายความ

1) ข้อความหรือแท็กใดๆที่อยู่ระหว่างคู่แท็ก<HEAD>จะเป็นส่วนของ การบรรยายท่านลักษณะ

ของเอกสาร

2) ข้อความหรือแท็กใดๆที่อยู่ระหว่างคู่แท็ก<BODY>จะเป็นส่วนของ เนื้อหาของเอกสาร

<html> คือ

       <HTML>........</HTML>เป็นคำสั่งเริ่มต้นและสิ้นสุดเอกสาร HTML

<head> คือ

       <HEAD>.......</HEAD>ส่วนของ HEAD ของเอกสาร HTML เป็นส่วนที่เราจะสามารถใส่คำอธิบายเว็บเพจ เช่น Title หรือชื่อเรื่องของเอกสาร, Keyword สำหรับ การค้นหา ซึ่งเราจะเขียน TAG ในกลุ่มของ HEAD ไว้ภายในTAG <HEAD> …… </HEAD>

<title> คือ

        <TITLE>........</TITLE>เป็นส่วนแสดงชื่ออกสารโดยจะแสดงที่ไตเติล บาร์ของ วินโดว์ที่เปิดเอกสารนี้อยู่เท่านั้น

<body> คือ

        <BODY>.......</BODY>เป็นส่วนที่จะแสดงผลออกไปยังหน้า Web Browser เช่น การแสดงผลรูปภาพ การแสดงผล Contents การสร้างจุดเชื่อมโยง ซึ่งเราจะเขียน TAG ในกลุ่มของ Body ไว้ภายใน TAG <BODY> ….. </BODY>

<BR> คือ


          เป็น TAG สำหรับการขึ้นบรรทัดใหม่ของ HTML

<P> คือ

คือ การกำหนด Paragraph ของข้อมูลภายในเว็บเพจ

ตัวอย่างการเขียนโค้ดHTML