เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

����ѵԤ������Ңͧ HTML
�դ.�. 1961 �Թ���������Դ����Ժⵢ�� ������Ѻ���Ҥ��������������ⵤ�� (Protocol) �ӹǹ�ҡ �����ͧ�Ѻ�Ѻ ����Ժ����ҧ�Ǵ���Ǣͧ�Թ������ ˹������Ҥ��������������ⵤ�Ź�鹤�� ���� HTML ��� TCP/IP (Transmission Control Protocol/ Internet Protocol) ��駹������ World Wide Web ��������§��ǹ˹�觢ͧ�Թ������ �����Ѻ�������� ���ҧ�٧ ����Ǵ���� ��ⵤ�� HTTP (�������ǹ���¢ͧ��ⵤ�� TCP/IP) �֧���Ѻ��þѲ������ʹѺʹع���� HTML ��� ��㹡�èѴ���͡��ú� World Wide Web
���� HTML ��ؤ�á����� �١�����ͨѴ���ٻẺ����ѡ�ú��͡��û����� Hypertext ��������ö�֧�ѧ���ӡѴ�����ҡ ��§������ ��á�˹��ٻẺ heading ������Ѻ����ѡ�÷����� bold ��� italic ��ҹ��
����������� HTML �����ҷ�����Ѻ��þѲ�����ҧ������ͧ ���Ѩ�غѹ�Ҷ֧ �����ѹ 4.0 �֧�������մ��������ö�ҡ��� ����դ�������ö��§���ͨѴ�ٻẺ����ѡ�� ���������ҷ���դ�������ö㹡�èѴ�ٻẺ�͡������ҧ����ٻẺ ��觡�е�� �á���������Դ��þѲ�Ҵѧ����� �Դ���㹻� 1993 ���������� Web browser �դ�������ö�д��͡���Ẻ Hypertext ������Ѻ���ٻ�Ҿ��Сͺ������� �ѹ ����������ѧ�ҡ����ա 5 �� ���� HTML ����Ѳ�ҵ��ͧ��������� ���������ѹ �Ѩ�غѹ -- �����ѹ 4.0
��觷������ HTML �����ѹ�Ѩ�غѹ �դ�������ö㹡�èѴ�ٻẺ�͡������ҧ����ٻẺ ��� ��������ö㹡���� Cascading Style Sheet ��������ҡ�����ѹ��͹˹�ҹ�� (�����ѹ 3.2) ����դ�������ö�Ѵ�ٻẺ�͡�������㹢���ҵðҹ
�ʹյ ��觷����������¹���� HTML ���ʺ�Ѻ�ѭ���ҡ��� ��� ��÷������� browser ��ѡ� �ѧ���դ���ᵡ��ҧ�ҧ ��ҹ෤����աѹ���ҧ�ҡ ��е�ҧ����Ѳ������ HTML �ͧ����������ҡ�ҵðҹ������ѹ 3.2 �ѹ�ͧ ��������ա�õ�ŧ �����ҧ�ѹ �繼��������¹���� HTML �¶�͵���ҵðҹ ������ҧ�ԧ����㴤���˹���������ö���ʴ��ٻẺ�ͧ�͡��� ��������ҧ����ͧ����� 㹻Ѩ�غѹ �ѭ�Ҵѧ����ǡ�Ѻ���Ŵ����ŧ� �����Ҩ����ա�èѴ��駤�С������ ���͡�˹��ҵðҹ �������� browser ������ѹ����� ����� HTML �����ѹ 4.0 ���ҵðҹ���� ��ѭ���ѧ�������� ���� �����˵ط�褳С�����êش�ѧ������������ö��ѡ�ѹ�������� browser �Ѻ����ҵðҹ�ѧ�����������ҧ�Ǵ���� ��§��
HTML �������
HTML ���� HyperText Markup Language ������ script ������˹�� ������ Web page �繧ҹ��ѡ ��к� World Wide Web ��á����� �ѵ�ػ��ʧ����ѡ�ͧ HTML �١�ʹ��¹�� ��� ���������-�� (Tim Berners-Lee) ����ٹ�컯Ժѵԡ���Ԩ�·ҧ͹��Ҥ���ԡ��ͧ���û (CERN) ��觵���������اਹ��� ��Ե�����Ź�� ���˹�������

  • �������ҧ���ͷ��ѡ�Է����ʵ������ö�������ŧҹ �������ҧ�ԧ ���ʹ 24 �.�.
  • �������ҧ���Ҥ������������ͧ�Ѻ���ҷ�ͧ��� �������鹡Ѻ�к��ͧ����ͧ���������� (Platform) �����к����͢�����

��д����ѵ�ػ��ʧ���ҧ�� ���� HTML �֧�١��ҹ���ҧ���������ѧ���ͧ�ѡ�Է����ʵ�� ��С�˹��������ͧ��ͷ������¹ ������� text editor ����� �
����Ѻ���� HTML ��Թ������ ���Ѻ��þѲ�����ҧ������ͧ ������餹�ء� �ҵԺ��š ����ö��Ҷ֧ ����� �����ҧ�ԧ �Է�ҡ�ä�������� ���¡��������§���Ẻ hyperlink �Ҩ�д��µ���ѡ�� ���/���� �ٻ�Ҿ ���Ҩ������§੾������ �͡��ù�� ����������§������ѧ�͡������� ��
���� HTML �յ�Ẻ�Ҩҡ���� SGML (Standard Generalized Markup Language) ��������ҷ������੾�� �Ѻ������ �ͧ���������� �����觷�� HTML �Ѻ�Ҩҡ SGML ��� ��û�С�Ȥ�� ��� ��á�˹��ٻẺ�͡��� (Document Type Definition --DTD)
��觷������ ���� HTML ���Ѻ�����������ҧ�ҡ ����Ǵ���� ���� HTML ����֧ ��ⵤ�� HTTP (HyperText Transfer Protocol) �����ҷ����������áѹ������š �·�������������ⵤ�� ����鹡Ѻ �к����͢��� ��л������ͧ���������� (Platform) ����դ�����ҡ���� �ѹ���ͧ�Ҩҡ෤�������л����������ҹ �繼�����͡��÷����¹�� HTML ����ö�����͹ �����ҧ���ҧ��ҧ �����ٻẺ�ͧ ����ѡ�� �Ҿ ������§
HTML �����ѹ��ҧ�
HTML �����ѹ�á� �ѧ�������ó�չѡ ����з��㹻� 1994 HTML 2.0 �֧���Ѻ�������Ѻ���ҵðҹ�������ó� �����ҧ�á�� Netscape��� Microsoft ��ҧ����������������ŧ�������ͧ���ͧ �������������͡Ẻྨ����ö��ѧ��ѹ��� �͡�˹��仨ҡ HTML 2.0
����� W3C ��Ѳ���ҵðҹ HTML 3.0 ����� ���ҡ�����ҵðҹ������ ����繷������Ѻ�ͧ Netscape,Microsoft ��к���ѷ���� �����к���ѷ��ҧ�����������ҵðҹ�����տѧ��ѹ��赹�ͧ��ͧ��� ��㹷���ش W3C �֧��ͧ��Ѻ�������� ��С��� HTML 3.2
HTML 3.2 ��� HTML 4.0
HTML 3.2 ���ҵðҹ㹻Ѩ�غѹ�ͧ W3C ��������������ͺ���������Ѻ��þѲ���������ö�ӧҹ�������觷���˹���ҵðҹ�ͧ HTML 3.2 ���
HTML 3.2 ��觨����Ѻ�������Ѻ���ҵðҹ����� �.�.1997 ���й�鹡���ѧ�բմ�ӡѴ�ҧ��С�÷��ѡ�͡Ẻྨ��ͧ��÷������ HTML 3.2 �դ�������ö�����ҡ��� �ѡ�͡Ẻ�ӹǹ�ҡ��������������� ����ѧ�����������ҵðҹ ������������ ��÷��蹹�� �з�����ͧ��������㹡������¹ ���������������� ����繡�÷�ҷ�¤�������ö�ͧ�ѡ�͡Ẻ
������ͧ��âͧ�ѡ�͡Ẻ��������ҡ��� �����ͧ��� W3C ��ŧ㨻�С���� HTML 4.0 ��Ѻ��ҧ�������� 8 �.�. 1997 �ء����ѷ���������Ѻ��ا������������ͧ�� �������ö����������� ����ҵðҹ HTML 4.0 ��������ö�������������㹠 HTML 4.0 �Ъ���������͡Ẻྨ ����ö�Ǻ����ٻẺ�͡��� ����ٻ�Ҿ��բ�� ���駹���������������鹨е�ͧʹѺʹع�ѧ��ѹ�ͧ HTML 4.0 ����
�س���ѵԺҧ��С�âͧ HTML 4.0 ���ա�ù����� Netscape ��� Microsoft ��͹�����ա�þѲ�� HTML 4.0 �����ա ��ѧ�ҡ��鹨֧������������ö���ŧ��ҵðҹ�� HTML 4.0 ����դس���ѵԺҧ��С�âͧ� HTML 4.0 ������������������������ �ҡ�͹��¡��� ��������ö㹡�èѴ��áѺ Object Model (�ѧ��ѹ�ʹ�����ͧ����������)
�� HTML 4.0 �١���͡�� 3 ����������

  • Ẻ��觤�Ѵ (Strict HTML 4.0)

���͡��� Hypertext �����¹�������� HTML 4.0 ����ҵðҹ���ҧ��觤�Ѵ tag 㴷�褳С�����êش��� �������� ������� (Deprecate) ���� �����ԡ�� (Obsolete) �����������觹��㹡����¹�͡��� ���㹤����� ��ԧ��й�� �ѧ������� ����� browser � ʹѺʹع���� HTML 4.0 ���ҧ��觤�Ѵ ��Ҵ����͹Ҥ� �ѹ��� ��Ҩ��դ��������

  • Ẻ������� (Transitional/ Loose HTML 4.0)

���͡��÷�����ҧ�������� HTML 4.0 ���������Ѻ������ HTML �����ѹ 3.2 ������� �͡��÷�����ҧ������ٻẺ �����ҹ������ԧ �����Ҩ�������� browser �к����͢��� ��л����� ��������������ҡ���¡��� �����͹��� 㹺�������� �͡��÷��������ҧ��鹨ж١�Ѵ���������繻��������

  • Frameset (Frameset HTML 4.0)

���͡��÷�������һ����� Transitional ��ҡѺ tag ������ frame (���� FRAME, FRAMESET, NOFRAMES ��� IFRAME) ����� tag ������觨���������ѹ 4.0 ���
����ͧ���
��������������� ������ҧ����ͪ�������������ö���������������ᾴ (Notepad)� ����������������ШӺ����ëͿ���Թ���ء������蹠 ����Ѻ�����������ШӺ����ëͿ���Թ���� 95 (Windows 95) �͡�ҡ�������ᾴ�ѧ����ö������������ᾴ (Wordpad) ����  ��þ�������������ͪ��������� ��������ѧ������繡�þ�����»��Ը��������������ͧ��ͪ������ҧ����� �ѧ��� �����¹����ͪ���������������������ѧ������Ҩ��������������ҡ���ҡ����¹�������������ͪ������������� ��੾�� �Ѩ�غѹ�������������ͪ���������������������¡ѹ����ժ��ͷ������� ������ͪ����������ʹ����� (HTML editor)� ����������������ʹ����� (hyper editor) ����������ѧ�������������ӹ�¤����дǡ㹡�����ҧ����ͪ�������������дѺ˹�� ���������ҹ������ ������ͪ���������-��ʫ��ᵹ�� (HTML � Assistant)� ������ͪ���������-��� (HTML Ed)� ������ͪ���������-�������մԵ (HTML-Hyper Edit)� ������������͵������ � �ʹ����� (The HoTMetal editor)� ������͵��͡ (HoTDog) �����������໤-�������� � �Ŵ� 2.02 �ʹ����� (Netscape�s Navigator Gold 2.02 Editor) �繵� ��������������ҹ��ӧҹ������к��Թ���� ���ҧ�á��� �����������ͪ��������Ŵѧ����ǵ�ͧ�ӧҹ�����Ѻ��������Ŵ��Ǵ��������������� �ѧ��� ��������������֧��ͧ����������Ŵ��Ǵ��������������ҧ����ҧ˹���������Ѻ�ʴ����Ѿ��

������ͪ��������� � ��ʫ��ᵹ�� (HTML-Assistant)
��������������� ������ͪ���������-��ʫ��ᵹ����¹�� �ͪ �����Ե�� (H. Harawitz)� �����������������ͪ��������ŷ�����Ѻ���������ҡ�����˹�� ������ͪ���������-��ū��ᵹ��ӧҹ�����Ѻ��������Ŵ��Ǵ�����������������������ѹ���� ��������� ���������Ԥ �����������ऻ ��á�˹���á���բͧ����ͪ��������ŷ����¹��������ͪ���������-��ʫ��ᵹ���ͧ�к���á�������ç�Ѻ��������Ŵ��Ǵ����������� ��С���ʴ����Ѿ��ͧ����ͪ��������ŷ�����Ѻ������ �����¡���������� �����Ŵ� (reload) ����������Ŵ��Ǵ�����������ء���� ���ҧ�á��� ������ͪ��������� ��ʫ��-ᵹ�� ����ö�ӧҹ�����Ѻ����������������������§Ẻ�մ���� (DDL : Dynamic Data Exchange) �������������������ö�ʴ����Ѿ�����ʹ���ͧ�Ѻ�����ŷ�����Ѻ�������������繵�ͧ������������ ����Ǥ�� ����ʴ����Ѿ�캹��������Ţ�鹡Ѻ�����䢢����ź�������ͪ���������-��ʫ��ᵹ���µç
���������������ͪ���������-��ʫ��ᵹ�� �����¡�ä�ԡ�����价���ͤ͹�ٻ�Թ�� ������ҡ��Ҿ������ͪ���������-��ʫ��ᵹ���觻�Сͺ����������з�ź��� (tool bar) ����Ѻ������ҧ��þ��������ͪ��������ź�������ͪ���������-��ʫ��ᵹ�� ��м��Ѿ�캹���������
������ͪ����������-��� (HTML Ed)
������ͪ���������-��� ��¹�� ������ �������� (Peter Crawshaw)� ��������ӹ�¤����дǡ������¤�֧�Ѻ������ͪ���������-��ʫ��ᵹ�� ��ʹբͧ������ͪ���������-��紤���������дǡ㹡�þ�����ѡ��С���� ����ѡ�õ�ҧ����ȷ������������ѧ��� ��觹Ѻ��Ҵա���������ͪ���������-��ʫ��ᵹ�� �·��������ͪ���������-��� ��˹��ѡ�õ�ҧ�������麹��ź��� ��ʹ��¢ͧ������ͪ���������-��� ����������ö������§Ẻ�մ���šѺ����������������ǡѺ������ͪ���������-��ʫ��ᵹ��
������͵������ (HoTMetL)
��������������� ������͵�����������������㹡�þ�����͡����ͪ��������� ������͵�������繢ͧ����ѷ �Ϳ���ʹ �ӡѴ �ش�蹢ͧ������͵�����Ť�� �鹤�����ٻẺ�Ҿ���������µ�ͤ�������
������͵��͡ (HoTDog)
��������������� ������͵��͡�����������㹡�þ�����͡����ͪ��������ŷ�����Ѻ���������٧�ش�����˹�� ������͵��͡�繢ͧ����ѷ ����ʨ �ӡѴ �������������� �ش�蹢ͧ������͵��͡��� ���������������
��������ऻ-��������-�Ŵ� �ʹ����� (Netscape�s Navicator Gold Editor)
��������������� ��������ऻ-��������-�Ŵ� �ʹ����� �����������㹡�þ�����͡����ͪ���������Ẻ�µç�ҡ���Ҿ�ͧ����� �����仵��������ͧ����� ���觷��س��繤����觷��س���Ѻ�� �����Ҩҡ����������ѧ��ɷ����� WYSIWYG (What You See Is What You Get) ��������ऻ-��������-�Ŵ� �ʹ����� �繢ͧ����ѷ ���ऻ ����ٹ�पѹ �ӡѴ �ش�蹢ͧ��������ऻ-��������-�Ŵ� �ʹ����� ��� �����������ʴ��Ҿ���ͧ���ͧ�ҡ����ѹ�ͧ����������Ŵ��Ǵ����������� �ѧ��鹡����䢢����Ũ֧�����дǡ
�������͹��ྨ (Front Page)
�������͹��ྨ�����������㹡�þ�����͡����ͪ���������Ẻ�µç�ҡ���Ҿ����������ö�ʴ��ź����Ҿ�ͧ����� �������͹��ྨ�繢ͧ����ѷ ���ëͿ�� �ӡѴ �ش�蹢ͧ�������͹��ྨ��� �����������������䢢����ŷ��������§�Ѻ�����������������дǡ��͡�õ�Ǩ�ͺ���ྨ����Ҩҡ����͡����ͪ���������
��������������� ��������൨-������� (Backstage Designer)
��������������� ��������൨-��������繢ͧ����ѷ ���������� ����������������������͡����ͪ���������Ẻ�µç�ҡ� ���觷��س��繤����觷��س���Ѻ� �����ǡѺ�������͹��ྨ� ��������ऻ-��������-�Ŵ� �ʹ����� �ش�蹢ͧ��������൨-������� ��� ����ö�á�ҹ����ء��ͧ������͡�տ-��硫� (Active-X) �ͧ����ѷ���ëͿ�� �����ͻ��絢ͧ����ѷ�ѹ���ë����� ��Чҹ����ء�����ऻ�����Թ (Netscape Plug-In) �ͧ����ѷ ���ऻ �����ʴ��ҹ����ء��Ẻ��ŵ������
�ç���ҧ
㹡����¹���� HTML ��� �����ٻẺ�ç���ҧ�����¹���͡�� 3 ��ǹ ���

  • ��ǹ��С�� ����ǹ����˹������������Һ��� ����������ͪ��������� ��Ше�ͧ�ӡ���ü����ҧ���դ���觤�����Ǥ�� <html> ��� </html> ��ҡ���������з������
  • ��ǹ�������ͧ (head) ����ǹ����ʴ��Ţ�ͤ���������ź���ͧ�������� ����Ҩ�դ��������Ѻ��˹���������´��ҹ෤�Ԥ���� �ա �á���������ҧ����� <head> ��� </head>
  • ��ǹ������ (body) ����ǹ����դ����Ѻ��͹�ҡ����ش �������ö���෤�Ԥ�١������ʹ֧�ٴ����ʹ㨨ҡ�������ҡ ����ᵡ��ҧ�����ҧ���䫵��ҧ� �ʴ������ս���ͧ͢���Ѵ�� ��Ż�㹡���͡Ẻ���������ǹ�������� ��觨��á���������ҧ����� <body> ��� </body>

�ç���ҧ ��鹰ҹ�ͧ���� Computer ����ǹ����Ӥѭ����ش �ͧ�����¹���� Computer �·�������� �ѹ�е�ͧ�١ ��¹��鹷ء���� ���� HTML ������͹�Ѻ���� Computer ������ ����� �ç���ҧ ��鹰ҹ੾�� �ͧ�ѹ����觢ͧ HTML ��ǹ�ҡ�ж١��˹� ���������ͧ���� < ��� > ��觶١���¡��� Tag ����Ѻ���ǹ�ͧ����� Tag ���㹤����
��� Tag ���͡�� 2 ������ ���

  • ������� ��� ����觷���դ������§���ҧ���� �������ö���������ش���������µ�Ǣͧ�ѹ�ͧ ��

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

  • �硤�� ��� ����觷���ͧ����ǹ������������ǹ�ش���ͧ����觹��� ���硷������ǹ����鹨�������ͧ���� slash / �Դ������ ��

<html> ��ǹ�ͧ������ ..... </html>
<center> ��ͤ���..... </center>
<p> ��ͤ���.... </p>
*** ����ҡ�ա�����硤������� ����� �� ����觵�Ǣմ����� <U> .... </U> ��е������ ����� ������§ <I>....</I> �е�ͧ�Դ����觵�����§��͹ ���Ǩ֧���һԴ����觵��˹�***
<I> <U> ��ͤ���.... </U> </I>
����Ѻ���ǹ�ͧ����� Tag ���㹤���� �ç���ҧ ��鹰ҹ �ͷ��� ͸Ժ�¤�������ѧ���

  • Title(�����������ͧ) �ж١��˹� �������� Tag �����
    <HEAD>
    <TITLE> �����������ͧ </TITLE>
    </HEAD>
    �����ŷ��١ ��¹�������� Tag ���ʴ��� �͡�������� ��躹����ͧ Web Browser
  • �����ŷ���ͧ����ʴ���
    ������ǹ����ʴ���������������Ҩ��� ����ѡ��,�ٻ�Ҿ,���ҧ ��� (����觷�� ��ͧ����ʴ��� ������ �����ҧ tag BODY ������) ��觶١��˹����� �����ҧ �����
    <BODY> ���֧����� </BODY>
  • �����Comment Tag �繤���觷���� 㹡��͸Ժ�� �������� HTML ������ա���ʴ��� �͡�ҷ�� Browser ���ջ���ª������Ѻ �����зӡ����� ����� ������ѧ

<!--����ͤ�������� ������㹡�� ͸Ժ��-->

  • ����觢�鹺�÷Ѵ����
    <BR>
    �繤���� ������˹���� ��ͤ��������Ҿ���� ŧ���͡��� ��鹺�÷Ѵ���� ���������ҵ�ͧ��� ���� ����������� ������������͡��� �ʴ��Ţ�鹺�÷Ѵ���� ����ʴ��� �ͧ��ͤ��� ���ʴ���͡ѹ �������� ��������Ҩ� ������ͤ��� ��鹺�÷Ѵ���� ����
  • ����觡�����˹������ �ٻẺ�����
    <P>........... </P> ���� <P>
    ���ѡɳФ���¡Ѻ����� < BR > �����觹����ա����� ��÷Ѵ��ҧ ���˹�觺�÷Ѵ ���кҧ���� ��ҵ�ͧ��� ��鹺�÷Ѵ��ҧ ˹�觺�÷Ѵ ������� Web Browser ��������㨡�þ���� ��÷Ѵ����
  • ��鹤�蹺�÷Ѵ �繤���觷�����觢�ͤ����ͧ���Ҿ�������ǹ� �ٻẺ�����
    <HR>

����Ѻ��������稢ͧ HTML
HTML �١�Ѳ�Ң��������ҹ�Ѻ�����੾�� ��������ʢ�����Ẻ������ �������� HTML ���������Ѻ�ء����� 㹢�з�����ͧ�������� ����ҹ��੾�СѺ������ͧ����ͧ �� �������Ţͧ������������� �������ö���¡��ҡ������硫��Դ��������
HTML �������ҵðҹ�Դ �ء������ö�����ҹ���������繵�ͧ���¤��������� HTML ������繢ͧ�ä�㴤�˹�� �����ͧ��÷���˹��ҵðҹ�ͧ���ҹ�� (W3C) ����ͧ��÷���駢��������ѧ�š�����
HTML �����������ö��ҹ���㨹���ͨش���ʧ����˹��㹡�þѲ�� HTML ����� ���ᵡ��ҧ�ҡ������������� ����觢ͧ HTML ������㨧�������͹�͡��÷����
HTML ����ö��ҹ�к� Hypertext �� �س���ѵԢ�͹���Ҩ���繢�ͷ���Ӥѭ����ش ����ըش�ԧ�� (Hyper Link) �����������ྨ�ͧ��� �з��������ö������§�͡�����ѧ���觢����ŵ�ҧ�������š ��§���ԡ�������ش�ԧ����ҹ��
HTML����ö�ӧҹ�Ѻ��ŵ������ �����§ �ٻ�Ҿ �Դ��� ���͢�ͤ��� �繵� �س���ѵԢ�͹�� ��������ᵡ��ҧ仨ҡ���������û�������� �� ˹ѧ��;���� ��������� E-Mail
�����Ѵ�����ҵðҹ HTML

�ҡ�Ǥ����Դ�ͧ WWW ����ͧ������ء������ö���Ѻ�觢����Ŷ֧�ѹ�� ������ͧ�ӹ֧��� �Ҩ����к����� ����ͧ���� ����������š� ���Ǥ����Դ����ͧ༪ԭ�Ѻ��÷�ҷ�¨ҡ� Netscape Navigator� ��㹵鹻� 1994 Netscape ����ʹ����������տѧ��ѹ��������ҡ��� ������������Է���Ҿ㹡�èѴ��áѺྨ ���������ö�����������ҹ�������Ѻ੾�����������������տѧ��ѹʹѺʹع��ҹ�鹷����ѡ�͡Ẻྨ��ᵡ�� 2������ �����˹�������繴������пѣ��ѹ����� ����ҹ�������੾�СѺ������� Netscape ��ҹ�� ����ҡ��ྨ����͡Ẻ���� Netscape ����������� Lynx ����� Text-Mode ྨ����ҡ��Ҩ�д�����������ͧ���� ���ա�����˹�觷��ʹѺʹع���������繡���������ѹ�Ǵ������Ѻྨ ��С����Է�Ԣͧ�����������͡������쪹Դ�˹���� �����д�ྨ�����෤�Ԥ੾�е���蹹�� �֧������ ���Ѳ�������������� Netscape ��� Internet Explorer ������Ѻ���ѡ��þ�鹰ҹ�ͧ HTML �����ͧ����ѷ���ѧ��������������ö����� ����١����������ͧ���ͧ �������͡�˹��仨ҡ�ҵðҹ HTML ������ҧ�� ����� <BLINK> �ͧ Netscape �ռ�����ͤ����о�Ժ ��Ф���� <MARQUEE> �� ������蹹�����з�� Netscape ��� Microsoft ��ҧ���ͧ��èФ�ͧ��ǹ�觢ͧ��Ҵ����ҡ����ش ��ҧ���¡��ҧ�Ѳ���������ͧ������դ�������ö����ա��������ն���ҡ����觢ѹ�ѧ���蹹����� �ʹ���֧�ٴ㨢ͧ��纡��Ŵŧ���ҧ�ҡ ���м���餧�е�ͧ����¹
��������Ѻ仡�Ѻ�� ����͵�ͧ��èд�ྨ�������������ҧ��Դ�ѹ
㹷���ش⪤�շ�� Netscape ��� Microsoft��������Ҫԡͧ��� W3C ���������͡ѹ�Ѳ���ҵðҹ�ͧ HTML �֧����������ͧ����ͧ���� ���պҧ�ѧ��ѹ���ᵡ��ҧ�ѹ ������ǹ�˭����� ྨ�����Ŵ��Ǵ��������ö�ӧҹ�������ҧ�շ�駺� Netscape��� Internet Exprorer

��������ѹ�������ҧ� Internet, Web ��� HTML

���¤��������Թ����� Internet �ѹ�Һ�ҧ���� Internet ���� ������ͧ������������١�����������͡ѹ��ҷ����� �ҧͧ��÷���˭� (��੾��ʶҺѹ����֡��)�ѡ�е�ͧ���������ʹ 24 ������� 㹢�й��ͧ��â�Ҵ������ͻҹ��ҧ���ͺؤ�ŷ���仡��Ҩ�����������ͧ���ͧ�繺ҧ���� (���ͧ�ҡ��ͧ���¤��������ͺ�ԡ�á���������ʹ���) ���� Modem (�����) �������Ҩе�ͧ�������ʹ����Ը�㴡��� ����ͤ���������ͧ��ҵ��������Ѻ��������������ͧ�������� ������¤������ ������������š�ͧ Internet �������ǹ˹�觢ͧ Internet ����� ����������ö�Դ��͡Ѻ����������ء��Ƿ�������������㹢�й���� �����Ҥ����������鹨��������ǹ㴢ͧ�š����

www (Web) �繷���Ǻ����͡��õ�ҧ� (Web Document) �����ҵ�ҧ����ҧ���ҧ�ѹ��������ǹ��������� Web �֧���仴����͡��÷���ջ���ª�� (�����Ҩ����ջ���ª�����) �ҡ��� ������������������ҹ������ҹ����� ����ͧ���������Թ�ҧ令��ҵ����ͧ��ش �������觢����������������ҡ �͡��õ�ҧ�����ҹ��١��¹����Ҵ������� HTML ������ (�Ǥ����Դ�ͧ Web ����Ҩҡ������ҧ Web �繤��á��� �Tim Bcrners-Lee�)

HTML ���� Hypertext Markup Language ���ѡɳ�੾�� 2 ��С�ä�� hypertext ��� universality

�Hypertext� ���¶֧ �������ö���ҧ�ش�������� (Link) ��͡��������������ö Link �ҡ�͡���˹����ѧ�͡��������� ��Шҡ�͡������������ö Link ��ѧ�͡��������ա�����蹹���������� ��Ҥ���¡Ѻ��÷ӧҹ�ͧ��ͧ�ͧ���������ͧ

��������������� �universality� ���¶֧ �͡��õ�ҧ������ҧ��鹴��� HTML ��� (HTML Document) ��鹨ж١ save �����ٻẺ�ͧ �ASCII� (��ʡ��) ���� �Text Only�

������ٻẺ������������ء����ͧ����ö��ҹ�� �ѧ��������Ҩ�������ͧ������������ Macintosh ���� Windows ���� UNIX �����������������ö���¡���͡��� Web ���������͹�ѹ
�ٻẺ�ͧ HTML
��������������� ���Ѿ�� 3 �ӷ���÷�Һ����ǡѺ������ҧ Web Page� ���� HTML ����

  • Text ���¶֧ ��ͤ���������

This is a <B> Bold </B> word

��� Tag, Element ���¶֧����觷����㹡�á�˹��ٻẺ�ͧ Text �˹ѧ��ͺҧ���������¡�繠 �����觔 �ҧ���������¡�� �Element� ��㹷��������������ͤ������������㨴���觢�鹡Ѻ������ �������� �����觔 ᷹ �¤���觢ͧ HTML ��������������ͧ���� < ���> ��
����ѡ�� a, b, c,�, z ��� Text
<B> ��� </B> ��ͤ�����·���仨��դ�������������Ф���觻Դ���� ( �� / ) �¨�����������͵���˭���ռ�����͹�ѹ �ҡ������ҧ���¶֧��÷Ӣ�ͤ��� Bold ����繵����� ���Ѿ��������

This is a bold word

����������������

3. �� Attribute �繵�����͡������觺ҧ����觢ͧ HTML ����ö���� (������������������º����͹�� Option ����ͧ) Attribute �з�������觵�ҧ� ��ҹ�����ҧ�ջ���Է���Ҿ�ҡ��觢�� �� ����� <HR> ����㹡�����ҧ����ǹ͹ (Horizontal Line) �ҡ����仢�Ңͧ���Ҿ���ҵ�ͧ������ҧ�����鹹���բ�Ҵ�˭����������ŧ �����դ���������ŧ������� ������ö�� Attribute �ͧ����觹���Ҫ�����

<HR Noshade Size=40 Width=�20%�>

��

������� 㹷���� No shade, Size ��� Width ���� Attribute �ͧ����� <HR> ����ͧ Attribute �ҧ��ǡ�����੾�СѺ�ҧ����� �� Attribute �ҧ��ǡ�����Ѻ����������蹡ѹ

��㹡���� HTML

  • ���Ф���� �е�ͧ���������ͧ���� < ��� > ��ҹ��
  • �����Ǿ����������;�����˭���� �դ����������ǡѹ �� <title>, <Title> ���� <TITLE>� ��ҧ���������������ǡѹ
  • ᷺�ء����� ���դ�����Դ ��Ф���觻Դ �¤���觻Դ ���� �/ ���������� ����պҧ����觷����յ�ǻԴ���������� �� <P> ���ͺҧ����觡�����յ�ǻԴ��� �� <BR>
  • 㹡�þ�����͡��� HTML ��鹨о����Դ��͡ѹ��駢�ͤ�����Ф�������;�����¡��÷Ѵ������Ъ�ͧ��ҧ�������������� ���þ����������§�� �з������µ�͡����ҹ�����������ѧ

�ç���ҧ��������� HTML

�ç���ҧ��������� HTML ����ö���͡���� 2 ��ǹ���
1.������������ͧ�� 2.��������ͤ���
�1.������������ͧ
�繤���觪������ྨ��Т�ͤ���͸Ժ�¢����ŷ������Ǣ�ͧ�Ѻ������������������Ңͧ� �ª���������ѧ����Ǩ�任�ҡ������٢ͧ��������Ŵ��Ǵ�����������㹢�з����������Ѻ���������§Ẻ�������硫� �ѧ��� �������ͧ�֧���¶֧�͡�ѡɳ��Ш����ྨ �������ͧ�ҡ����� HTML ��������ͧ���ྨ
2.��������ͤ�����
��繤�����ʴ���ͤ��������ྨ ��觻�Сͺ���¤�����ʴ�Ẻ�ͧ����ѡ�âͧ�ӷ����㹡��͸Ժ�� ������觷����㹡�èѴ�ҧ˹�Ңͧ��ͤ���� ��������͡��������§Ẻ�������ԧ�� ��Ф���������§�ٻ�Ҿ �繵�

���ҧ�ʴ�������������ͧ


������������ͧ

������ ��͸Ժ��

<TITILE>...</TITLE>

�����ʴ�����͡��� HTML ���� ���� HOMEPAGE

<ISNDEX>

�����ʴ�����͡��� HTML ��Դ����׺����

<NEXTID>

�����ʴ��Ţ��Шӵ�Ǣͧ����͡��� HTML

<LINK>

���͡�˹���������ѹ�������ҧ����͡��ù��Ѻ����͡������ �������Ǣ�ͧ

<BASE>

������ҧ�ԧ�����׺�� URL

<META>

�����ʴ�������âͧ����͡��� HTML

���ҧ�ʴ���������ͤ���

��������ͤ���

������ ��͸Ժ��

<H1>�</H1>

���͡�˹�Ẻ��Ǣ������繵���ѡ�â�Ҵ�˭��ش

<H2>�</H2>

���͡�˹�Ẻ��Ǣ������繵���ѡ�â�Ҵ�˭��ѹ�Ѻ�ͧ

<H3>�</H3>

���͡�˹�Ẻ��Ǣ������繵���ѡ�â�Ҵ�˭��ѹ�Ѻ���

<H4>�</H4>

���͡�˹�Ẻ��Ǣ������繵���ѡ�â�Ҵ��Ҵ��ҧ

<H5>�</H5>

���͡�˹�Ẻ��Ǣ������繵���ѡ�â�Ҵ���

<H6>�</H6>

���͡�˹�Ẻ��Ǣ������繵���ѡ�â�Ҵ��硷���ش

<A>�</A>

�������ҧ����������Ѻ���������§

<P>

���͡�˹����˹�Ңͧ��ͤ���

<BR>

������鹺�÷Ѵ����ͨ���ͤ���

<HR>

���͢մ�������ǹ͹

<PRE>�</PRE>

���͡�˹�Ẻ�ѡ�âͧ��ͤ���

<UL>�</UL>

�����ʴ���¡��������ͧ���§�ӴѺ

<OL>�</OL>

�����ʴ���¡�������§�ӴѺ

<LI>

�����ʴ���ͤ������к�÷Ѵ��������<UL>���<OL>

<DL>�</DL>

�����ʴ����͸Ժ����¡��

<DT>

�����ʴ��ӷ���ͧ���͸Ժ�����������<DL>

<DD>

�����ʴ���ͤ���͸Ժ�¤ӷ���˹��¤����<DT>

<B>�</B>

���͡�˹�����ѡ����˹�

<I>�</I>

���͡�˹�����ѡ�����͹

<A>�</A>

���͡�˹���������§���HTML����Ѻ����͹����

<IMG>

�����ʴ��Ҿ�ҡ���������§

<TABLE>..</TABLE>

���͡�˹�������ҧ���ҧ

<caption>�</caption>

���͡�˹���ͤ���͸Ժ�µ��ҧ

<TH>�</TH>

���͡�˹���ͤ����������ͧ�ͧ���ҧ

<TR>�</TR>

���͡ӡѺ����ʴ���ͤ��������Ǣͧ���ҧ

<TD>�</TD>

���͡�˹���ͤ�����Ǣͧ���ҧ

��������ͤ���

������ ��͸Ժ��

<FORM>�</FORM>

���͡�˹���ͧ��ҧ����Ѻ��͡������

<INPUT>

���͡�˹�����������Ѻ��㹤����<FORM>�</FORM>

<textarea>..</textarea>

���͡�˹���ͧ��ҧ����Ѻ��͡������

�ç���ҧ����觢ͧ����� HTML

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
<HTML>

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
<HEAD>
เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

���.������������������������������� �� ���������������ͧ

������ʴ���� HTML

��

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
</HEAD>

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
<BODY>
เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

���.�������������������������������� � �������������Ҡ

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
</BODY>

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
</HTML>

�����¹���� HTML ���ͧ��
1. �ٻẺ����ѡ�� (Font) / �� (Color)�������
��á�˹��������ͧ
����ǹ�ͧ����� Tag ����繵�ǡ�˹� ����ѡ�� ����դ���˹� ��Т�Ҵ����ѡ�� ����դ���ᵡ��ҧ �ҡ�ѡ�û��� ����Ǥ������ǹ ���з�����������ͧ �դ���ᵡ��ҧ �ҡ�ѡ�û��� �����������ͧ�е�ͧ ����ǹ����� �ش���ҡ����ش ��觤���� <Hx> ���բ�Ҵ�ͧ ����ѡ�� ���� 6 ��Ҵ ��� ��Ҵ�˭��ش ��� <H1> ( ���ҡ ) �����硷���ش��� <H6> (����� )

�ٻẺ�����
<Hx>........<Hx>� �·�� x ��ͤ�ҵ���Ţ����� 1 �֧ 6
���������� Tag ������������ͧ �����ŷ�������÷Ѵ ���ǡѺ Tag �ж١��鹺�÷Ѵ���� ���ѵ��ѵ� ��������� ������� ����觢�鹺�÷Ѵ���� ����

������ҧ�������������ʴ���

�� ��á�˹��������ͧH1
��� ��á�˹��������ͧH2
���� ��á�˹��������ͧH3
���� ��á�˹��������ͧH4
����� ��á�˹��������ͧH5
����� ��á�˹��������ͧH6
����͵���ѡ�û���

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

<HTML>
<HEAD>
<TITLE> ��á�˹��������ͧ</TITLE>
</HEAD>
<BODY>
<H1> ��á�˹��������ͧH1 </H1>
<H2> ��á�˹��������ͧH2</H2 >
<H3> ��á�˹��������ͧH3</H3>
<H4> ��á�˹��������ͧH4</H4>
<H5> ��á�˹��������ͧH5</H5>
<H6> ��á�˹��������ͧH6</H6> ����͵���ѡ�û���
</BODY>
</HTML>

- �����<FONT SIZE>
�繤���觷���� 㹡�á�˹� ��Ҵ����ѡ�� 㹺�÷Ѵ���ǡѹ ����բ�Ҵ��� ᵡ��ҧ�ѹ�� ����դ���� ����� -7 �֧ +7 ��觤�ҵ���Ţ ����ҡ ��Ҵ�ͧ����ѡ�á�� ����˭��ҡ��� ;
�ٻẺ�����
<FONT SIZE="number">.....</FONT>
������ҧ���������


<HTML>
<HEAD>
<TITLE> ��Ҵ����ѡ�� ( Fontsize )</TITLE>
</HEAD>
<BODY>
<FONT SIZE="+2">���ͧ��á�˹���Ҵ FONT SIZE="+2"</FONT><BR>
<FONT SIZE="-1">���ͧ��á�˹���Ҵ FONT SIZE="-1"</FONT><BR>
</BODY>
</HTML>

����ʴ���


���ͧ��á�˹���Ҵ FONT SIZE="+2"
���ͧ��á�˹���Ҵ FONT SIZE="-1"

<HTML>
<HEAD>
<TITLE>��á�˹��ٻẺ����ѡ��</TITLE>
</HEAD>
<BODY>
<B>����ѡ��˹�</B><Br>
<I>����ѡ�����§</I><Br>
<U>����ѡ�������</U><Br>
<B><I><U>��������觷�� 3 Ẻ������ѹ</U></I></B><Br>
</BODY>
</HTML>

- ��á�˹��ٻẺ����ѡ��
㹷��������Һ�֧��á�˹��ٻẺ����ѡ������� ����ѡ�����§<I>,����ѡ��˹�<B>,��е���ѡ�������<U>

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
�ٻẺ�����
<B>......</B>
<I>......</I>
<U>......</U>������� �
����ʴ���


����ѡ��˹�
����ѡ�����§
����ѡ�������
��������觷�� 3 Ẻ������ѹ

- ��èѴ�ҧ���˹觢�ͤ������� ALIGN
�繤���觷���� 㹡�á�˹���� �����Ҩ��� �ٻ�Ҿ ���� ����ѡ�â�鹺�÷Ѵ���� �������� �Դ����,�Դ���,��觡�ҧ ��������ҡ�˹�
�ٻẺ�����
<P ALIGN=" Left or Right or Center">......</P>
������ҧ���������


<HTML>
<HEAD>
<TITLE>-��èѴ�ҧ���˹觢�ͤ���-���� ALIGN</TITLE>
</HEAD>
<BODY>
<P ALIGN= "Left">Left</P>
<P ALIGN="Right">Right</P>
<P ALIGN="Center">Center</P>
</BODY>
</HTML>

����ʴ���

- ��èѴ�ҧ���˹觢���������觡�ҧ
������ �ٻ�Ҿ ���ҧ ����� ��� ����������� Tag ����� <CENTER> �ж١��˹� ��������觡�ҧ�ͧ���Ҿ ���� �����觡�ҧ�ͧ���ҧ
�ٻẺ�������� <CENTER>......</CENTER> ������ҧ���������


<HTML>
<HEAD>
<TITLE>��èѴ�ҧ���˹觢���������觡�ҧ</TITLE>
</HEAD>
<BODY>
<CENTER>��ͤ��� ���� �Ҿ ���� ���� ����ͧ����������ç��ҧ </CENTER>
</BODY>
</HTML>

����ʴ���


��ͤ��� ���� �Ҿ ���� ���� ����ͧ����������ç��ҧ

- ��á�˹��բͧ��鹩ҡ��ѧ� �繤���觷�����˹��բͧ Background ���Ҿ������յ�ҧ�����ͧ����¡�á�˹��Ţ�ҹ16
�ٻẺ�������� �� <BODY BGCOLOR="#�Ţ�ҹ16 �ӹǹ 6 ���">......</BODY>


<HTML>
<HEAD>
<TITLE>��á�˹��բͧ��鹩ҡ��ѧ</TITLE>
</HEAD>
<BODY BGCOLOR="#0000FF" TEXT="#FFFFFF">
��˹�BACKGROUND���չ���Թ
</BODY>
</HTML>

������ҧ���������

� ��˹�BACKGROUND ���չ���Թ

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
����ʴ���
- ��á�˹��բͧ����ѡ��� ��繤���觷�����˹��� �ͧ����ѡ�� ���˹���͡��� ������յ�ҧ�����ͧ��� �¡�á�˹��Ţ�ҹ16
�ٻẺ�������<BODY TEXT="#�Ţ�ҹ16 �ӹǹ 6 ���">......</BODY>
������ҧ���������


<HTML>
<HEAD>
<TITLE>��á�˹��բͧ����ѡ��< /TITLE>
</HEAD>
<BODY TEXT="#ff0000">
��˹�����ѡ�� ����ᴧ
</BODY>
</HTML>

����ʴ���

- ��á�˹��բͧ����ѡ��੾����ǹ ��繤���觷�����˹��բͧ����ѡ��������յ�ҧ�੾����ǹ�����ͧ����¡�á�˹��Ţ�ҹ16
�ٻẺ����觠 < FONT COLOR="#�Ţ�ҹ16 �ӹǹ 6 ���">......</FONT>


<HTML>
<HEAD>
<TITLE>��á�˹��բͧ����ѡ��੾����ǹ</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000">
���ͺ <FONT COLOR="#FF0000"> ��˹�����ѡ��੾����ǹ ����ᴧ</FONT>�¤���� FONTCOLOR
</BODY >
</HTML >

������ҧ���������

���ͺ��˹�����ѡ��੾����ǹ ����ᴧ �¤���� FONTCOLOR

����� ����ʴ���

2.�������¡�� [ Lists ]
����ʴ�������Ẻ��¡������ǹ��������Դ�����дǡ, �Ǵ����㹡��͸Ժ����������´��ҧ�ͧ������㹡óշ���բ����Ũӹǹ�ҡ ��觨����ѡɳС���ʴ��� 3 Ẻ ���

  1. Ẻ�������Ţ�ӡѺ ( Number Styles )
  2. Ẻ���ѭ�ѡɳ�ӡѺ ( Bulleted Styles )
  3. Ẻ������ѭ�ѡɳ�ӡѺ ( No Bulleted Styles )

- ����ʴ���¡��Ẻ�������Ţ�ӡѺ ( Number Styles / Order Lists )
�ٻẺ�����


<OL TYPE="�ٻẺ">.................
<LI>..................
<LI>..................
<LI>...................
-
-
<Lx>.................
</OL>

*�ա���ʴ�Ẻ���§�ӴѺ�����ٻẺ �� ����ѡ��, ����Ţ ��� *
������ҧ���������


<HTML>
<HEAD>
<TITLE>����ʴ���¡��Ẻ�������Ţ�ӡѺ </TITLE>
</HEAD>
<BODY>
���ͺ
<OL TYPE="A">
<LI>��¡�÷��1
<LI>��¡�÷��2
<LI>��¡�÷��3
</OL>
</BODY>
</HTML>

���ͺ

    1. ��¡�÷��1
  1. ��¡�÷��2
  2. ��¡�÷��3

����ʴ���
- ����ʴ���¡��Ẻ���ѭ�ѡɳ�ӡѺ ( Bulleted Styles )
�ٻẺ�����


<UL TYPE="�ٻẺ">.................
<LI>..................
<LI>..................
<LI>...................
-
-
<Lx>.................
</UL>

*�ա���ʴ��ѭ�ѡɳ� 3 �ٻẺ ��� disc , circle , square*

������ҧ���������


<HTML>
<HEAD>
<TITLE>����ʴ���¡��Ẻ���ѭ�ѡɳ�ӡѺ ( Bulleted Styles ) </TITLE>
</HEAD>
<BODY>
���ͺ DISC
<UL type="disc">
<LI>��¡�÷��1
<LI>��¡�÷��2
<LI>��¡�÷��3
</UL>
���ͺ CIRCLE
<UL type="circle">
<LI>��¡�÷��1
<LI>��¡�÷��2
<LI>��¡�÷��3
</UL>
���ͺ SQUARE
<UL type="square">
<LI>��¡�÷��1
<LI>��¡�÷��2
<LI>��¡�÷��3
</UL>
</BODY>
</HTML>

����ʴ���


���ͺẺ DISC

  • ��¡�÷��1
  • ��¡�÷��2
  • ��¡�÷��3

���ͺẺ CIRCLE

  • ��¡�÷��1
  • ��¡�÷��2
  • ��¡�÷��3

���ͺẺ SQUARE

  • ��¡�÷��1
  • ��¡�÷��2
  • ��¡�÷��3

- ����ʴ�Ẻ��¡��Ẻ������ѭ�ѡɳ�ӡѺ ( No Bulleted Styles )
�ٻẺ�����
<DL>�ӨӡѴ����
<DT>�ӨӡѴ��������
<DD>��������´
</DL>
����ʴ���


��Ǣ��
��¡�÷��1
��������´ 1.1
��������´ 1.2
��������´ 1.3
��¡�÷��2
��������´ 2.1
��������´ 2.2
��������´ 2.3

3.�ٻ�Ҿ ( IMAGE )����
�ٻ�Ҿ�������ǹ��Сͺ ����Ӥѭ���ҧ˹�� �ͧ���ྨ ���Шз�������ྨ���ʹ��ҡ��觢�� �»������� �ٻ�Ҿ�������ö���һ�Сͺ ���ྨ����մ��¡ѹ�ͧ������ ������ JPG. ( JPEG. ) ���GIF.
�ٻẺ�����
<IMG src="���˹���Ъ������ JPG/GIF">
������ҧ���������


<HTML>
<HEAD>
<TITLE>�ٻ�Ҿ ( IMAGE ) </TITLE>
</HEAD>
<BODY>
<IMG src="enter.gif">
</BODY>
</HTML>

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
����ʴ���

-��á�˹���Ҵ�ͧ�ٻ�Ҿ
�ٻẺ�����
<IMG src="���˹���Ъ������ JPG/GIF" WIDTH="number" HEIGHT="number">
������ҧ���������

<HTML>
<HEAD>
<TITLE>�ٻ�Ҿ ( IMAGE ) </TITLE>
</HEAD>
<BODY>
<IMG src="enter.gif">
</BODY>
</HTML>

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
����ʴ���

-��á�˹���Ҵ�ͧ�ٻ�Ҿ
�ٻẺ�����
<IMG src="���˹���Ъ������ JPG/GIF" WIDTH="number" HEIGHT="number">
������ҧ���������


<HTML>
<HEAD>
<TITLE>��á�˹���Ҵ�ͧ�ٻ�Ҿ </TITLE>
</HEAD>
<BODY>
<IMG src="images/enter.gif" WIDTH="100" HEIGHT="100">
</BODY>
</HTML>

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

����ʴ���

- ������ٻ�Ҿ��Background
�ٻẺ������ <BODY BACKGROUND="������� JPG/GIF">
������ҧ���������

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

����ʴ���
เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

Attribute ��ҧ� �����繵�ͧ��� ����ǡѺ����� image
Src = �url ���ͷ������ �ٻ�
ALIGN = "center or left or right or top or bottom or middle"
ALT = "��͸Ժ���ٻ"
BORDER = "number �ͧ�ͺ�ٻ �������ͧ�������բͺ ����� 0"
HEIGHT = "�����٧�ͧ�ٻ"
WIDTH = "�������ҧ�ͧ�ٻ"
VSPACE = ���鹷����ҧ��ҹ�������ҧ�ͧ�ٻ"
HSPACE = "��鹷����ҧ��ҹ������Т�Ңͧ�ٻ"
4.���������§������ ( LINK)
�·������ 2 ������ ���
1.Ẻ INTERNAL LINKS ��͡��������§�������������ͧ����ͧ ���
2.Ẻ EXTERNAL LINKS ��� ���������§�������͡������¹͡��� ���� �͡���ྨ�ͧ���
- ����觡��������§������������� ( Internal Links)
����觡��������§Ẻ Internal Links �����͡��2��ǹ���¡ѹ���
1.����������·���ͧ����ʴ���
�ٻẺ����� < A NAME="����������” >.��ͤ��� ���� �ٻ�Ҿ�������繵���������... < /A>
2.�����㹡�á�˹�����ʴ��š��������§�ͧ�������
�ٻẺ����� < A HREF="#�����������">.��ͤ��� ���� �ٻ�Ҿ�������繵�� �ԧ��.. </A>

- ���������§�������͡������¹͡���( External Links) �ՠ� 2 Ẻ ���
1.���������§�������ྨ� ��á�˹�������¡���§���˹� ���ͧ͢������§�����Ǡ������������������������������������������������������������������������������������������������������������������������������������������������� 2..���������§�͡������͡���ྨ� ����觨е�ͧ��˹����ͧ͢�ͧ���ྨ�����ҵ�ͧ���������§�������´
�ٻẺ�������� < A HREF="URL">..��ͤ��� ���� �ٻ�Ҿ�������繵�� �ԧ��... </A>


<HTML>
<HEAD>
<TITLE> ���������§�������͡������¹͡��� ( External Links ) </TITLE>
</HEAD>
<BODY>
���ͺ ���������§�������͡������¹͡���
< A HREF="http://www.cyber2net.com/" target="_blank" >���� Cyber2Net</A>
</BODY>
</HTML>

������ҧ���������

����ʴ���

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
Attribute �ͧ����� Link ����÷�Һ
<A HREF="url" NAME="��˹�����������¢ͧ Link ������� " TARGET=" ���˹���� ������ա���Դ������¢ͧ Link �������˹��">
����� TARGET ����������¡ѹ 4 �ѡɳФ��
1. TARGET="_blank� ������¶֧ ���ա�� �Դ Windows ������������ �ա�� Click ����ԧ��
2. TARGET="_top� ���������¶֧ ������ա�� �Դ Windows ���� �� Link ������ҧ�зӡ���ʴ��ŷѺ Windows ���
3. TARGET="_parent"��� ����¶֧ ������ա�� �Դ Windows ���� ����ա���ʴ��Ţͧ Link �Ѻ��� ������ҧ Link �������ͧ
4.TARGET="�����������" ��������¶֧ ���ա���ʴ��� �ͧ Link ��ѧ������� NAME ����˹� ��� Frame (Name �ͧ Frame) ������ҧ���

5.������ҧ���ҧ (TABLE)
������ҧ���ҧ ����� ����觷���դ��� �Ӥѭ ���ҧ�ҡ ��͡�èѴ˹���͡��� �ͧ���ྨ ���� �������ö �Ѵ�ҧ �ٻ�Ҿ ��ͤ��� ��������� ���ҧ ��� ���������˹� ��ҧ� �������� ������ҧ TABLE

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

������ҧ���������

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล

����ʴ���


��ͧ��� 1

��ͧ��� 2

��ͧ��� 3

��ͧ��� 4

��ͧ��� 5

��ͧ��� 6

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
Attribute ����Ӥѭ �ͧ TABLE
- border�����˹�����˹� �ͧ�ͺ ���ҧ �������ͧ�������� �ͺ ��˹��� 0
- cellPadding���˹���鹷����ҧ����㹢ͺ�Ţͧ���ҧ
- cellSpacing ���˹���ͧ��ҧ�����ҧ��
- width�����˹��������ҧ�ͧ Table ��� �������ҧ�ͧ��ͧ���� ����ö ��˹��繵���Ţ˹��� pixel ���� ��˹��� % ����
- height���˹������٧�ͧ Table ��� �����٧�ͧ��ͧ���� ����ö ��˹��繵���Ţ˹��� pixel ���� ��˹��� % ����
- bgcolor ���˹��վ�鹢ͧ Table ��� �վ�鹢ͧ��ͧ����
Attribute ����Ӥѭ �ͧ TD
- align ���˹� ���˹觢ͧ ��觷����ʴ���� ����� ��ǹ͹ �� left ,center, right
- valign ���˹� ���˹觢ͧ ��觷����ʴ���� ����� ��ǵ�� �� top ,middle, bottom
Attribute �����ʹ����� Colspan (��� cell �ǹ͹ ) (������ҧ����������ҹ��ҧ) , Rows pan ( ��� cell �ǵ�� )
6. �����˹�Ҩ��ʴ��� (FRAME)

�ٻẺ�����

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
<HTML>
<TITLE>....................</TITLE>
<FRAMESET ROWS [���� COLS] ="number, number">
<FRAME src="����������ͧ����ʴ��� ���� URL">
<FRAME src="����������ͧ����ʴ��� ���� URL">
</FRAMESET>
</HTML>

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
�·��...
ROWS = ���ǹ͹
COLS = ���ǵ��
number = ����Ţ �� pixels ���� ����Ţ�� % ���� * (���¶֧�ӹǹ��������)


<HTML>
<TITLE>����觨��Ҿ ( FRAME )</TITLE>
<FRAMESET ROWS="20%,*">
<FRAME src="logo.html" >
<FRAME src="main.html">
</FRAMESET>
</HTML>

������ҧ���������

.

����ʴ���


���������� menu.html

���������� main.html

.

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
Attribute ����Ӥѭ�ͧ FRAME
� ��������� - framespacing ���˹� ��鹷����ҧ��ͺ���
����������� - frameborder ���˹� �ͺ����˹Ңͧ���
����������� - marginwidth ���˹� �ͺ���� ��Т�Ңͧ���
��������������� - marginheight ���˹� �ͺ�� �����ҧ �ͧ���
����������� - name ��˹����� ���Ѻ���������������������Ѻ ����� Link
����������� - noresize ��˹� ��������������ö ����¹��Ҵ����ͧ��
����������� - scrolling��˹��ѡɳ� �ͧ scroll Bar �� 3 ��Ҥ��
��������������� AUTO (������ա���ʴ��� �Թ˹�Ҩ�����ʴ� scroll Bar �ѵ��ѵ�)
��������������� NO (��˹��������ա���ʴ� scroll Bar )
��������������� YES ( ��˹�����ա���ʴ� scroll Bar )

7.������ҧẺ�ͺ��� (From)
�������ͧ����� 㹡�����ҧ�ͺࢵ�ͧẺ�ͺ��� �������ͧ���¤Ǻ�������� ���͡�� 3 �������ѧ���

เอกสาร ใน ข้อ ใด สร้าง โดย ใช้ ภาษา เอ ช ที่ เอ็ ม แอ ล
A. <TEXTAREA>
�繤���觷��������Ѻ���ҧ��ͺ��͹��������Ẻ���º�÷Ѵ�������ö��˹��������������㹡�ͺ��
�ٻẺ������������� <TEXTAREA>............... </TEXTAREA>
������ҧ����ʴ���