คำสั่ง Tag
รูปแบบของ tag
รูปแบบของ tag แบ่งออกเป็น 2 กลุ่ม คือ
1. tag เดี่ยว
คือ รูปแบบค าสั่งที่มีเพียงค าสั่งเดียวหรือมีเพียงแท็กเดียว ก็สามารถใช้งานได้ เช่น <br>
2. tag คู่
คือ รูปแบบค าสั่งที่เป็นสองส่วน คือ มีส่วนเริ่มต้นและต้องมีส่วนจบของค าสั่งถึงจะสามารถท างานได้
สมบูรณ์ โดยส่วนจบของแต่ละค าสั่งจะมีเครื่องหมาย Slash (/) ไว้หน้าแท็กค าสั่งนั้น เช่น
<html>......</html>
tag คู่ มีทั้งหมด 4 แท็ก คือ
1. <html>...</html>
2. <head>....</head>
3. <title>....</title>
4. <body>....</body>
tag เดี่ยว มีทั้งหมด 1 แท็ก คือ <br>
tag คำสั่งหลัก ของการเขียนโปรแกรมด้วยภาษา HTML
การเขียนโปรแกรมด้วยภาษา HTML จะมีโครงสร้างและการจัดวางค าสั่งหลักที่เป็น
มาตรฐานเหมือนกันทั่งโลก โดยจะประกอบด้วยค าสั่งหลักๆ อยู่ 4 ค าสั่งด้วยกัน ดังนี้
1. <html>........</html>
เป็นค าสั่งที่ท าหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML
2. <head>........</head>
เป็นค าสั่งที่ท าหน้าที่ก าหนดส่วนหัวเรื่อง
3. <title>.........</title>
เป็นค าสั่งที่ใช้ก าหนดข้อความที่ต้องการน ามาแสดงผลบนแถบ Title Bar ค าสั่งนี้จะอยู่ภายในค าสั่ง
ส่วน <head>......</head> โดยก าหนดความยาวของตัวอักษรไม่เกิน 64 ตัวอักษร
4. <body>.........</body>
เป็นค าสั่งที่ก าหนดข้อความและรูปแบบของค าสั่งต่างๆ ที่ใช้ส าหรับปรับแต่งเอกสารที่จะน าเสนอออก
ทางส่วนแสดงผลหลักของ Web Browser
ขอบคุณข้อมูลจาก : //www.saensuk.ac.th/html/k1.pdf
ส่งอีเมลข้อมูลนี้BlogThis!แชร์ไปที่ Twitterแชร์ไปที่ Facebookแชร์ใน Pinterest
�ԪҤ��������� �дѺ �Ѹ���֡�һշ�� 3
����ͧ ���� html �ӹǹ 15 ���
�� �. ���������� �ҹ�Ӿѹ�� �ç���¹���ػ�����
����� ���͡ ���� ����ӵͺ���١��ͧ����ش��ͷ�� 1)
���� html �դ������µç�Ѻ����
������������ԧ�ѵ��
�����ҷ��Ժ���ç���ҧ������
�����Ҿ�鹰ҹ�ͧ��þѲ�����䫵�
�����ҷ���ʴ���������´����ǡѺ�����Ң�����
��ͷ�� 2)
���㴡���� ��� �١��ͧ
������ html ���¡��� tag
tag �á����ͧ��¹��� html
tag ���� tag ����� ��� tag ���
tag ����¹���������ͧ���� <> ���� [] ����
��ͷ�� 3)
tag 㴷����㹡���ʴ���������ͧ�ͧ���䫵�
title
html
body
head
��ͷ�� 4)
��ǹ㴷����㹡���ʴ������Ңͧ���䫵�
title
body
html
head
��ͷ�� 5)
���㴤�ͤ����㹡�á�˹��ç���ҧ��ѡ�ͧ�͡��� HTML
title
html
body
�١�ء���
��ͷ�� 6)
�������������� Text Editor
Safari
Gedit
Notepad
Wordpad
��ͷ�� 7)
��������� Web Browser
Safari
Opera
Internet Explorer
Windows Explorer
��ͷ�� 8)
���㴡���Ƕ١��ͧ����ǡѺ�����¹������ HTML ?
�ҧ�������繵�ͧ���硻Դ������ö��ҹ��
㹡����¹�硫������Դ�硷��������ش��
������Ǿ���������е�Ǿ�����˭��դ������������ѹ
�١�ء���
��ͷ�� 9)
�������ٻẺ�ͧ������� HTML ?
<��,��ͤ���>
<��>��ͤ���
<��>��ͤ���<\��>
<��,��ͤ���><\��>
��ͷ�� 10)
���㴤����ǹ�����������Ңͧ���ྨ������ʴ��ŷ����纺������� ?
title
html
body
head
��ͷ�� 11)
�� ���硷�������������硢��� ?
h2
html
body
head
��ͷ�� 12)
�����繡�á�˹��յ���ѡ��
textcolor=black
font ="#FF0028"
font color="white"
body textcolor=Cyan
��ͷ�� 13)
�����繡�á�˹��ٻẺ����ѡ��
font ="Tahoma"
font face=Tahoma
font face="Tahoma"
font speck="Tahoma"
��ͷ�� 14)
�繤�����
��鹺�÷Ѵ����
������˹������
�����ä 5 ���
�Ѵ��ͤ������Դ���˹�ҡ�д��
��ͷ�� 15)
��èѴ�ӴѺ��Ǣ�� �ҡ����˹����� Default ��Ẻ�
disc
circle
center
square
โครงสร้างของไฟล์ภาษา HTML มี 2 ส่วน คือ
1) ส่วนที่เป็นข้อมูลที่ต้องการแสดง เช่น ข้อความ ภาพ เสียง ภาพเคลื่อนไหว เป็นต้น
2) ส่วนที่เป็นคำสั่งแท็ก (TAG) เพื่อใช้กำหนดลักษณะของข้อมูล โดยกำหนดเป็นแท็กเปิดและแท็กปิด เช่น การวางตำแหน่งของข้อมูลขนาดของข้อความ การกำหนดสีข้อความ เป็นต้น
ภาษา HTML มีโครงสร้างเหมือนการเขียนโปรแกรมอื่น เช่น โปรแกรมภาษา Pascal จะมีการกำหนดส่วนเรื่มต้นเป็น Begin และสิ้นสุดเป็น End สำหรับภาษา HTML จะมีโครงสร้าง 2 ส่วนคือ ส่วนหัว (HEAD) และส่วนเนื้อหาของเอกสาร (BODY) ดังนี้
รูปที่ 2.16 แสดงโครงสร้างของภาษา HTML
คำสั่ง เป็นคำสั่งกำหนดจุดเริ่มต้นของไฟล์ HTML
เป็นคำสั่งกำหนดจุดเริ่มต้นส่วนหัวของไฟล์
เป็นคำสั่งกำหนดจุดเริ่มต้นของชื่อเรื่อง</p> <p> เป็นคำสั่งกำหนดจุดสิ้นสุดของชื่อเรื่อง
เป็นคำสั่งกำหนดจุดสิ้นสุดส่วนหัวของไฟล์
เป็นคำสั่งกำหนดจุดเริ่มต้นของส่วนเนื้อหาไฟล์
เป็นคำสั่งกำหนดจุดสิ้นสุดของส่วนเนื้อหาตัวไฟล์
เป็นคำสั่งกำหนดจุดสิ้นสุดของไฟล์ HTML
การกำหนดคำสั่งแท็กโดยใช้เครื่องหมายน้อยกว่า < และเครื่องหมายมากกว่า > ภายในเครื่องหมายเมื่อพิมพ์คำสั่งลงไปหลังเครื่องหมาย < ต้องไม่มีช่องว่าง และก่อนเครื่องหมาย > ไม่มีช่องว่าง เช่น เป็นต้น
แต่หากใช้คำสั่งร่วมกันหลายคำสั่งภายในเครื่องหมาย ต้องมีช่องว่างเพื่อทำการแบ่งคำสั่งได้ถูกต้อง เช่น
หรือ เป็นต้น
ภายในคำสังแท็กจะใช้ตัวพิมพ์ใหญ่หรือพิมพ์เล็กก็ได้ ส่วนมากจะนิยมใช้เป็นตัวพิมพ์เล็กและกำหนดรูปแบบต่าง ๆ จะอยู่ในเครื่องหมาย “ ” หรือไม่ก็ได้ เช่น
หรือ
ก็ได้
การหมายเหตุของคำสั่งหรือต้องการไม่ให้คำสั่งนั้นทำงาน โดยการพิมพ์เครื่องหมายอัศเจรีย์ (!) ลงในคำสั่งแท็ก เช่น
1) ส่วนหัว (HEAD)
ประกอบด้วยการกำหนดชื่อของเว็บเพจที่เรียกว่า Title บอกให้ทราบว่าเอกสารนั้นเกี่ยวกับอะไร โดยคำสั่ง เป็นการเริ่มต้นชื่อเรื่องเอกสาร ภายในคำสั่งประกอบด้วยคำสั่ง