html

แท็กพื้นฐาน (Basic Tag)

HTML

HTML คือ ภาษาที่ใช้ในการเขียนเว็บเพจ ย่อมาจากคำว่า Hypertext Markup Language โดย Hypertext หมายถึง ข้อความที่เชื่อมต่อกันผ่านลิ้ง

(Hyperlink) Markup หมายถึง วิธีในการเขียนข้อความ language หมายถึงภาษา

ดังนั้น HTML จึงหมายถึง ภาษาที่ใช้ในการเขียนข้อความ ลงบนเอกสารที่ต่างก็เชื่อมถึงกันใน cyberspace ผ่าน Hyperlink นั่นเอง

การเขียน HTML

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

โปรแกรมเท็กเอดิเตอร์ (Text Editor)

คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML

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

การเปิดดูเอกสารจะเปิดโดยใช้โปรเเกรม web browser เช่น

- Google chrome

- Internet explorer

- Mozilla Firefox

ข้อควรจำ

โปรแกรม Text Editor ใช้สำหรับสร้างเว็บเพจ แต่โปรแกรม Wed Browser ใช้สำหรับแสดงผลการทำงานของคำสั่งต่างๆที่สร้างจากโปรแกรม Text Editor นั่นหมายความว่าการจะสร้างเว็บเพจ ต้องมือเครื่องมือหรือโปรแกรมทั้ง 2 ประเภทคือ Text Edior และ Wed Browser

ตัวอย่าง

ผลที่ได้

โครงสร้างพื้นฐาน HTML

โครงสร้าง HTML ประกอบด้วย 3 ส่วน คือ

1. ส่วนที่กำหนดให้เว็บเบราว์เซอร์ทราบว่าเป็นแฟ้มข้อมูลชนิด HTML ซึ่งจะมีแท็ก<html>_</html> กำกับอยู่ที่จุดเริ่มต้นและจุดสิ้นสุดของแฟ้มข้อมูล

2. ส่วนหัวเรื่อง (Head) เป็นส่วนที่กำหนดให้แสดงข้อความที่แถบหัวเรื่องของหน้าเว็บเพจนั้นๆ เช่นแท็ก <title>_</title> และเก็บแท็กพิเศษอื่นๆ

3. ส่วนเนื้อหา (Body) เป็นส่วนที่แสดงเนื้อหาของเว็บเพจทั้งหมด ซึ่งประกอบด้วย ข้อความและแท็กต่างๆ เช่น แท็กสำหรับจัดการกับรูปแบบของข้อความ ตาราง รูปภาพ กราฟิกต่างๆ สีของตัวอักษร

สีพื้น เป็นต้น

องค์ประกอบของ HTML

  <HTML> คือ
<HTML>...</HTML>
คำสั่งเริ่มต้น คำสั่ง HTML จะถือเป็นคำสั่งเริ่มต้นของการเขียน HTML จะบอกเว็บบราวเซอร์ให้รู้ว่านี่
เป็นเอกสาร HTML

  <HEAD> คือ<HEAD>...</HEAD>
ส่วนหัว เป็นคำสั่งที่ใช้กำหนดข้อความในส่วนที่เป็นชื่อเรื่อง ซึ่งจะมีคำสั่งย่อยลงไปอีกหนึ่งคำสั่งคือ
<TITILE>

  <TITLE>คือ
<TITLE>...</TITLE>
การกำหนดข้อความใน Title bar คำสั่งนี้ เป็นส่วนที่จะแสดงชื่อของเอกสาร ที่จะปรากฏในขณะที่ไฟล์
HTML นั่นทำงานอยู่ ข้อความนี้จะถูกนำไปแสดง ในส่วนของ Title Bar สำหรับโปรแกรม Mosaic จะ
แสดงไตเติลที่ทูลบาร์ข่างล้างเมนูหลัก

   <BODY> คือ
<BODY>...</BODY>
ส่วนเนื้อหา,คำสั่งต่างๆ ส่วนนี้เป็นส่วนสำคัญในการแสดงผล ในการเขียน HTML เราอาจจะไม่เขียนคำสั่งในส่วนที่เป็นส่วนหัวก็ได้ แต่ถ้าเป็นส่วนนึ้จะไม่เขียนไม่ได้

    <BR> คือ
<br> เป็นคำสั่งขึ้นบรรทัดใหม่โดยตัวคำสั่งจะใช้เพียงตัวเดียวไม่ต้องใช้ 2 ตัวเหมือนคำสั่งอื่น อยู่

ภายในคำสั่ง <body>

<P> คือ
<P> คือ เปิดแท็ก และก็วางตัวอักษรที่ต้องการแบ่งเป็นพารากราฟลงไป จากนั้นก็ปิดแท็ก

ที่มา

: http://www.codingbasic.com

: http://www.xvlnw.com

: http://school.obec.go.th2

: http://www.webthaidd.com

: http://www.bcoms.net

วันที่ 26 มิถุนายน 2555