โครงสร้างของภาษา html เริ่มต้นจากแท็กใด

การเขียนโฮมเพจด้วยภาษา HTML  นั้น เอกสาร HTML จะประกอบด้วยโครงสร้าง 2 ส่วน ดังนี้

1. ส่วน Head คือส่วนที่จะเป็นหัว (Header) ของหน้าเอกสารทั่วไป หรือส่วนชื่อเรื่อง(Title) ของหน้าต่างการทำงานในระบบ Windows
2. ส่วน Body จะเป็นส่วนเนื้อหาของเอกสารนั้น ๆ ซึ่งจะประกอบด้วย Tag คำสั่งในการจัดรูปแบบ หรือตกแต่งเอกสาร HTML
ในทั้งสองส่วนนี้จะอยู่ภายใน Tag <HTML>…</HTML> ดังนี้

<html>
<head> <title> ส่วนชื่อเอกสาร </title> </head
<body>
tag คำสั่ง

</body>

</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>….</HTML>  คำสั่งเริ่มต้น คำสั่ง html เป็นคำสั่งเริ่มการเขียน
<HEAD>….</HEAD>  เป็นส่วนหัวของเว็บเพจบอกคุณสมบัติของเว็บเพจ

<TITLE>….</TITLE>   ใช้บอกชื่อของเว็บเพจ

<BODY>….</BODY>  เป็นส่วนสำคัญที่สุด เพราะเป็นส่วนที่แสดงเนื้อหาทั้งหมดอาจรวมถึง ข้อความ                   รูปภาพ ตาราง การเชื่อมโยง


HTML คืออะไร

HTML คือ ภาษาหลักที่ใช้ในการเขียนเว็บเพจ โดยใช้ Tag ในการกำหนดการแสดงผล HTML ย่อมาจากคำว่า Hypertext Markup Language โดย Hypertext หมายถึง ข้อความที่เชื่อมต่อกันผ่านลิงค์(Hyperlink) Markup language หมายถึงภาษาที่ใช้ Tag ในการกำหนดการแสดงผลสิ่งต่างๆที่แสดงอยู่บนเว็บเพจ ดังนั้น HTML จึงหมายถึงภาษาที่ใช้ Tag  ในการกำหนดการแสดงผลเว็บเพจที่ต่างก็เชื่อมถึงกันใน Hyperspace ผ่าน Hyperlink HTML  เป็นภาษามาตรฐานสากลที่ใช้นำเสนอข้อมูลแบบผสมผสานในการสื่อสารแบบ World-Wide-Web :WWW ( Web) ซึ่งเป็นการเชื่อมต่อเครือข่ายของเครื่องคอมพิวเตอร์ทั่วโลก (Internet) รูปแบบหนึ่ง ข้อมูลในรูปแบบต่างๆ ไม่ ว่าจะเป็นข้อความ รูปภาพ เสียง ภาพเคลื่อนไหว หรือ อื่นๆ จะถูกเชื่อมโยงเข้าหากัน ด้วยชุดคำสั่งต่างๆ เพื่อให้แสดงผลออกมาคล้ายกับ สิ่งพิมพ์ สไลด์ หรือ แบบมัลติมีเดีย ซึ่งเป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยายที่เรียกว่า Attribute สำหรับระบุ หรือควบคุมการแสดงผล ของเว็บได้ด้วยHTML เป็นภาษาที่ถูกพัฒนาโดย World Wide Web Consortium (W3C) จากแม่แบบของภาษา SGML (Standard Generalized Markup Language) โดยตัดความสามารถบางส่วนออกไป เพื่อให้สามารถทำความเข้าใจและเรียนรู้ได้ง่าย และด้วยประเด็นดังกล่าว ทำให้บริการ WWW เติบโตขยายตัวอย่างกว้างขวางตามไปด้วย Tag

�ç���ҧ���� HTML

�ç���ҧ���� HTML

           ���Ҥ���������ء � ���Ҩ����ç���ҧ੾�� ���� HTML ���蹡ѹ �ç���ҧ�ͧ���� HTML ������ç���ҧ�����ҹ���� �������������ҡ�ѡ �ٻẺ�ç���ҧ�ͧ���� HTML �մѧ���

           ����á �¡���Դ������� Text Editor 㹷������������ Notepad ��觨��Դ����ҡ

           ��ԡ�������¢ͧ���������� Start ���͡��¡�� Programs ���͡��¡�� Accessories ���͡��¡�� Notepad ��л�ҡ�˹�ҵ�ҧ�ͧ����� Notepad ����Һ�˹�Ҩ;�������зӧҹ�����

โครงสร้างของภาษา html เริ่มต้นจากแท็กใด

��ѧ�ҡ�Դ����� Notepad ��������� ��������ͤ���������ҧ��ҧ��ҧ

<html>
<head><title> �.���������á�ͧ�ѹ�.</title></head>
<body>
�.���仹��ѹ�����������������Dž.
</body>
</html>

���ѧࡵ����� Tag ����ջ�ҡ�������շ����� 4 Tag �ѧ���
                      1. <html>............</html>
                      2. <head>..........</head>
                      3. <title>.............</title>
                      4. <body>...........</body>

            ������ͧ�ѧࡵ����Ҩо��ѭ�ѡɳ� <...> ��� </...> �繤�� �ҡ�ç���ҧ���� <...> 4 ���˹� ��� </...> �ա 4 ���˹� ����ѡɳС����¹ HTML �����ѡɳ�Ẻ���

�ѭ�ѡɳ� <...> ���¡��ҡ���Դ Tag ��ǹ </...> ��͡�ûԴ Tag ����ͧ

           ��èѴ�ҧ�������繡�èѴ�ҧẺ�ҵðҹ ��觻�Сͺ仴��� 4 ��ǹ ��������������¹����HTML ���������ҡ�ç����͹�ء����

โครงสร้างของภาษา html เริ่มต้นจากแท็กใด

����

โครงสร้างของภาษา html เริ่มต้นจากแท็กใด

           �������ѡ <html> .... </html> �繤���觷������˹��ش���������Шش���ͧ�͡��� HTML

           �������ѡ <head> .... </head> �繤���觷���˹�ҷ���˹���ǹ�������ͧ �����㹤���觹��л�Сͺ仴��� �������ѡ <title> .... </title> �繤���觷�����˹���ͤ�������ͧ���������������ǹ�ͧ Title Bar ������ö���������� 64 ����ѡ��

           �������ѡ <body> .... </body> �繤���觷����㹡�á�˹��ٻẺ�ͧ�͡��÷����� ��Ҩ�������ѡɳ����ҧ��

           ����ǹ�˭��ٻẺ�ͧ�����¹ HTML ���ա���Դ��лԴ Tag �����¡��鹺�ҧ ����Ѻ Tag �ҧ Tag ��������繵�ͧ�ա�ûԴ Tag ����բ�鹵͹��ô��Թ��â�鹵鹴ѧ���仹��

           1. �����¹���� HTML �������ǹ��Сͺ��ѡ���� 2 ��ǹ ��� ��ǹ����������� �����ǹ����繤���� ��ǹ����繤���觹�鹨�������ٻ�ͧ�� Tag ��觨����ѡɳе�µ�� ��� ��������鹴�������ͧ����

                <   (left-Angle Bracket) ������ͧ�����Դ��͹������¤����͢�ͤ������з� ˹�ҷ���繤���� ������������纺������� (Web browser) �ӧҹ
                >   (Right- Angle Bracket) ����ǹ�Դ���¤���� �����͢�ͤ��� ����������� ����ͧ���·���ͧ��� ��纺������� (Web Browser) �ж������繤���� ��Ш����١�ʴ�������ͧ������ Tag ���͡�� 2 ������ ���

    1.1 Tag ����� ��� ����觷���դ������§���ҧ���� �������ö���������ش���������µ�Ǣͧ�ѹ�ͧ ��

      ��ͤ���.... <br>
      <hr>
      <
      ! - ��ͤ��� - >

    1.2 Tag ��� ��� ����觷���ͧ����ǹ������������ǹ�ش���ͧ����觹��� �� Tag �������ǹ����鹨�������ͧ���� slash / �Դ������ ��

    <html> ��ǹ�ͧ������ ..... </html>
    <center>
    ��ͤ���..... </center>
    <p>
    ��ͤ���.... </p>

           2. �Ѵ����������� (file ) ���¡�úѹ�֡ (Save as ���� Save ) ����͡����� HTML
��úѹ�֡���������������ŷ����¹�������� HTML �����ʴ��ż�ҹ�ҧ Web browser �����¡�������٤���� file ���͡��¡�� Save as ���� Save ��觨л�ҡ���ͺ�ͺ���èѴ����������� ���͡��èѴ��� Save in �����͡���� D:

โครงสร้างของภาษา html เริ่มต้นจากแท็กใด

           �ҡ�ѧ��������ҧ Folder ���ͨѴ����������� �����Թ������ҧ Folder �ҡ��������ͧ��� Create New Folder ��������¹���� Folder �� M3 ���������Դ Folder M3 ���ҧ Folder ���� Web Site �����Դ Folder Web Site �ӡ�õ�駪�����������ŷ��ШѴ��㹪�ͧ File Name �µ�駪��� Page01.html ���� Page01.htm ���ҧ����ҧ˹�� ����������ŷ��е�駪��͹�鹨е�ͧ��駪������������ ( filename ) �繪������á������ͧ�������ѧ��� ��ǹ���¨е�ͧ�� .HTM ���� .HTML ����ѡ�õ�Ǿ����������;�����˭����

โครงสร้างของภาษา html เริ่มต้นจากแท็กใด

           3. ����ʴ��Ţͧ�����¹ HTML �������ö�ټŢͧ�����¹����� �����ѹ�֡������͡��� .html ���� .htm ��ҹ�ҧ��� Web browser ���ҡ�����ͧ computer �� Web browser ������ö�Ѻ���Ť��꡷������͡��� HTML ����� �͡��� HTML �ж١���¡����ʴ��Ŵ��� Web browser ���ѵ��ѵ� �����ҡ����Դ�����Ըա�ù�� �Ҩ�Դ Web browser ����ҡ�͹ �ҡ��� �ӡ�þ�������ͧ Address �ͧ Web browser ���к���鹷ҧ�����Ҷ֧����͡��÷����ѹ�֡��� �� �ҡ�ѹ�֡�͡��� HTML ��������� D: ���������� M3 ��� Web Site �ºѹ�֡�����͡��ê������ page01.html ���кط���ͧ Address �ͧ Web browser �ѧ���

D:/M3/Web site/page01.html ���ǡ� Enter ��§��ҹ������繼Ţͧ�����¹���� HTML

           ** �����˵� �ҡ���ͺ����ʴ������� ˹�� Web browser ����ҡ�������� ���� Tag �ҧ Tag �����¹����ʴ��� �֧���֡�������Ҩ��¹ Tag ��� � �Դ��Ҵ �ͧ��Ѻ仵�Ǩ�ͺ�ա�ͺ ���С����¹ HTML ��� �ҡ�����÷����¹�Դ��Ҵ ����������������Һ��ҼԴ��Ҵ���ç�˹ �������ʴ��Ť���觢ͧ Tag ��� �