�ԪҤ��������� �дѺ �Ѹ���֡�һշ�� 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
1.3 โครงสร้างของภาษา HTML
การเขียนโฮมเพจด้วยภาษา HTML นั้น เอกสาร HTML จะประกอบด้วยส่วนประกอบ 2 ส่วน ดังนี้
1. ส่วน Head คือส่วนที่จะเป็นหัว (Header) ของหน้าเอกสารทั่วไป หรือส่วนชื่อเรื่อง (Title) ของหน้าต่างการทำงานในระบบ Windows
2. ส่วน Body จะเป็นส่วนเนื้อหาของเอกสารนั้น ๆ ซึ่งจะประกอบด้วย Tag คำสั่งในการจัดรูปแบบ หรือตกแต่งเอกสาร HTML
ในทั้งสองส่วนนี้จะอยู่ภายใน Tag … ดังนี้
ส่วนชื่อเอกสาร
tag คำสั่ง
คำสั่ง หรือ Tag ที่ใช้ในภาษา HTML ประกอบไปด้วยเครื่องหมายน้อยกว่า "<" ตามด้วย ชื่อคำสั่งและปิดท้ายด้วยเครื่องหมายมากกว่า ">" เป็นส่วนที่ทำหน้าที่ตกแต่งข้อความ เพื่อ การแสดงผลข้อมูล โดยทั่วไปคำสั่งของ HTML ส่วนใหญ่จะอยู่เป็นคู่ มีเพียงบาง คำสั่งเท่านั้น ที่มีรูปแบบคำสั่งอยู่เพียงตัวเดียว ในแต่ละคำสั่ง จะมีคำสั่งเปิดและปิด คำสั่งปิดของแต่ละ คำสั่งจะมี รูปแบบเหมือนคำสั่งเปิด เพียงแต่จะเพิ่ม "/" (Slash) นำหน้าคำสั่ง ปิดให้ดู แตกต่าง เท่านั้น และในคำสั่งเปิดบางคำสั่ง อาจมีส่วนขยายอื่นผสมอยู่ด้วย
ในการเขียนคำสั่งภาษา HTML สามารถเขียน ด้วยตัวอักษร เล็กหรือใหญ่ ทั้งหมดหรือเขียนคละกันได้ เช่น หรือ หรือ ซึ่งจะให้ผลเหมือนกัน
คำสั่งเริ่มต้นของเอกสาร HTML
..........
คำสั่ง เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่ง เป็นการสิ้นสุดโปรแกรม HTML คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บเบราเซอร์ แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบของงาน และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML ส่วนหัวเรื่องเอกสารเว็บ (Head Section)
..........
Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้น ๆ เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ(Author), คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ
..........
ข้อความที่ใช้เป็น TITLE ไม่ควรพิมพ์เกิน 64 ตัวอักษร, ไม่ต้องใส่ลักษณะ
พิเศษ เช่น ตัวหนา เอียง หรือสี และควรใช้ภาษาที่มีความหมายครอบคลุม
ถึงเนื้อหาของเว็บเพจ นั้น หรือเป็นคำสำคัญในการค้นหา (Keyword)
..........
Body Section เป็นส่วนเนื้อหาหลักของหน้าเว็บ ซึ่งการแสดงผลจะต้องใช้ Tag จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ, เสียง, วีดิโอ หรือไฟล์ต่างๆส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่ส่วนใหญ่จะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag …