… คือคำสั่งใด

�ç���ҧ���� HTML

�ç���ҧ���� HTML

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

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

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

… คือคำสั่งใด

��ѧ�ҡ�Դ����� 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

           �������ѡ <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:

… คือคำสั่งใด

           �ҡ�ѧ��������ҧ Folder ���ͨѴ����������� �����Թ������ҧ Folder �ҡ��������ͧ��� Create New Folder ��������¹���� Folder �� M3 ���������Դ Folder M3 ���ҧ Folder ���� Web Site �����Դ Folder Web Site �ӡ�õ�駪�����������ŷ��ШѴ��㹪�ͧ File Name �µ�駪��� Page01.html ���� Page01.htm ���ҧ����ҧ˹�� ����������ŷ��е�駪��͹�鹨е�ͧ��駪������������ ( filename ) �繪������á������ͧ�������ѧ��� ��ǹ���¨е�ͧ�� .HTM ���� .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 ��� �

… คือคำสั่งใด

</HEAD> Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้น ๆ เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ(Author), คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ

.... เป็นคำสั่งอะไร

</head> เป็นคำสั่งที่ทำหน้าที่กำหนดส่วนหัวเรื่อง โดยภายในคำสั่งนี้จะประกอบไปด้วย คำสั่งหลัก <title> .... </title> เป็นคำสั่งที่ใช้กำหนดข้อความที่ต้องการให้ขึ้นอยู่ในส่วนของ Title Bar โดยสามารถพิมพ์ได้ยาว 64 ตัวอักษร คำสั่งหลัก <body> ....

คำสั่งที่กำหนดบนหัวเรื่อง บน Title barคือคำสั่งใด

</head> เป็นคำสั่งในส่วนของการกำหนดส่วนหัวเรื่องของเวบเพจ โดยในคำสั่งhead จะมีคำสั่ง <title> .... </title>อยู่ด้วย ซึ่งทำหน้าที่กำหนดข้อความที่แสดงบน Title Barโดยสามารถกำหนดความยาวของข้อความได้ 64 ตัวอักษร

คำสั่ง ใช้ทำอะไร

การกำหนดตัวอักษรให้ขีดเส้นใต้ (Underline) ใช้ Tag คำสั่ง <u>ข้อความ</u> เมื่อต้องการแสดงข้อความแบบขีดเส้นใต้ (underline) ทั้งนี้เพื่อเน้นข้อความในประโยคนั้น <HTML> <HEAD>