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