����ѵԤ������Ңͧ HTML
��д����ѵ�ػ��ʧ���ҧ�� ���� HTML �֧�١��ҹ���ҧ���������ѧ���ͧ�ѡ�Է����ʵ�� ��С�˹��������ͧ��ͷ������¹ ������� text editor ����� �
���͡��� Hypertext �����¹�������� HTML 4.0 ����ҵðҹ���ҧ��觤�Ѵ tag 㴷�褳С�����êش��� �������� ������� (Deprecate) ���� �����ԡ�� (Obsolete) �����������觹��㹡����¹�͡��� ���㹤����� ��ԧ��й�� �ѧ������� ����� browser � ʹѺʹع���� HTML 4.0 ���ҧ��觤�Ѵ ��Ҵ����Ҥ� �ѹ��� ��Ҩ��դ��������
���͡��÷�����ҧ�������� HTML 4.0 ���������Ѻ������ HTML �����ѹ 3.2 ������� �͡��÷�����ҧ������ٻẺ �����ҹ������ԧ �����Ҩ�������� browser �к����͢��� ��л����� ��������������ҡ���¡��� �������� 㹺�������� �͡��÷��������ҧ��鹨ж١�Ѵ���������繻��������
���͡��÷�������һ����� Transitional ��ҡѺ tag ������
frame (���� FRAME, FRAMESET, NOFRAMES ��� IFRAME) ����� tag ������觨���������ѹ 4.0 ��� ������ͪ��������� � ��ʫ��ᵹ�� (HTML-Assistant)
�ç���ҧ ��鹰ҹ�ͧ���� Computer ����ǹ����Ӥѭ����ش �ͧ�����¹���� Computer �·�������� �ѹ�е�ͧ�١ ��¹��鹷ء���� ����
HTML �������Ѻ���� Computer ������ ����� �ç���ҧ ��鹰ҹ�� �ͧ�ѹ����觢ͧ HTML ��ǹ�ҡ�ж١��˹� ���������ͧ���� < ��� > ��觶١���¡��� Tag ����Ѻ���ǹ�ͧ����� Tag ���㹤����
��ͤ���.... <br>
<html> ��ǹ�ͧ������ ..... </html>
<!--����ͤ�������� ������㹡�� Ժ��-->
����Ѻ��������稢ͧ
HTML �ҡ�Ǥ����Դ�ͧ WWW ����ͧ������ء������ö���Ѻ�觢����Ŷ֧�ѹ�� ������ͧ�ӹ֧��� �Ҩ����к����� ����ͧ���� ����������š� ���Ǥ����Դ����ͧ༪ԭ�Ѻ��÷�ҷ�¨ҡ�
Netscape Navigator� ��㹵鹻� 1994 Netscape ����ʹ����������տѧ��ѹ��������ҡ��� ������������Է���Ҿ㹡�èѴ��áѺྨ ���������ö�����������ҹ�������Ѻ�����������������տѧ��ѹʹѺʹع��ҹ�鹷����ѡ�͡Ẻྨ��ᵡ�� 2������ �����˹�������繴������пѣ��ѹ����� ����ҹ��������СѺ������� Netscape ��ҹ�� ����ҡ��ྨ����͡Ẻ���� Netscape ����������� Lynx ����� Text-Mode ྨ����ҡ��Ҩ�д�����������ͧ���� ���ա�����˹�觷��ʹѺʹع���������繡���������ѹ�Ǵ������Ѻྨ ��С����Է�Ԣͧ�����������͡������쪹Դ�˹���� �����д�ྨ������Ԥ�е���蹹�� �֧������ ���Ѳ�������������� Netscape ���
Internet Explorer ������Ѻ���ѡ��þ�鹰ҹ�ͧ HTML �����ͧ����ѷ���ѧ��������������ö����� ����١����������ͧ���ͧ �������͡�˹��仨ҡ�ҵðҹ HTML ������ҧ�� ����� <BLINK> �ͧ Netscape �ռ�����ͤ����о�Ժ ��Ф���� <MARQUEE> �� ������蹹�����з�� Netscape ��� Microsoft ��ҧ���ͧ��èФ�ͧ��ǹ�觢ͧ��Ҵ����ҡ����ش ��ҧ���¡��ҧ�Ѳ���������ͧ������դ�������ö����ա��������ն���ҡ����觢ѹ�ѧ���蹹����� �ʹ���֧�ٴ㨢ͧ��纡��Ŵŧ���ҧ�ҡ ���м���餧�е�ͧ����¹ ��������ѹ�������ҧ� 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 ����������ѹ�
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
�ç���ҧ��������� HTML �ç���ҧ��������� HTML ����ö���͡���� 2 ��ǹ��� ���ҧ�ʴ�������������ͧ
���ҧ�ʴ���������ͤ���
�ç���ҧ����觢ͧ����� HTML <HTML><HEAD>���.������������������������������� �� ���������������ͧ ������ʴ���� HTML �� </HEAD><BODY> ���.�������������������������������� � �������������Ҡ </BODY></HTML> �����¹���� HTML ���ͧ�� �ٻẺ����� ������ҧ�������������ʴ��� �� ��á�˹��������ͧH1 <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>
����ʴ���
<HTML> - ��á�˹��ٻẺ����ѡ�� <B>......</B> <I>......</I> <U>......</U>������� � ����ʴ���
- ��èѴ�ҧ���˹觢�ͤ������� ALIGN
����ʴ��� - ��èѴ�ҧ���˹觢���������觡�ҧ
����ʴ���
-
��á�˹��բͧ��鹩ҡ��ѧ� �繤���觷�����˹��բͧ Background ���Ҿ������յ�ҧ�����ͧ����¡�á�˹��Ţ�ҹ16
������ҧ��������� � ��˹�BACKGROUND ���չ���Թ ����ʴ���- ��á�˹��բͧ����ѡ��� ��繤���觷�����˹��� �ͧ����ѡ�� ���˹���͡��� ������յ�ҧ�����ͧ��� �¡�á�˹��Ţ�ҹ16 �ٻẺ�������<BODY TEXT="#�Ţ�ҹ16 �ӹǹ 6 ���">......</BODY> ������ҧ���������
����ʴ��� - ��á�˹��բͧ����ѡ������ǹ ��繤���觷�����˹��բͧ����ѡ��������յ�ҧ�����ǹ�����ͧ����¡�á�˹��Ţ�ҹ16
������ҧ��������� ���ͺ��˹�����ѡ������ǹ ����ᴧ �¤���� FONTCOLOR ����� ����ʴ��� 2.�������¡��
[ Lists ]
- ����ʴ���¡��Ẻ�������Ţ�ӡѺ ( Number Styles / Order Lists )
*�ա���ʴ�Ẻ���§�ӴѺ�����ٻẺ �� ����ѡ��, ����Ţ ��� *
���ͺ
����ʴ���
*�ա���ʴ��ѭ�ѡɳ� 3 �ٻẺ ��� disc , circle , square* ������ҧ���������
����ʴ���
���ͺẺ CIRCLE
���ͺẺ SQUARE
- ����ʴ�Ẻ��¡��Ẻ������ѭ�ѡɳ�ӡѺ ( No Bulleted Styles )
3.�ٻ�Ҿ ( IMAGE )����
-��á�˹���Ҵ�ͧ�ٻ�Ҿ <HTML> -��á�˹���Ҵ�ͧ�ٻ�Ҿ
����ʴ��� -
������ٻ�Ҿ��Background ����ʴ��� 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 Ẻ ���
������ҧ��������� ����ʴ��� 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) ������ҧ��������� ����ʴ���
- 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) �ٻẺ����� <TITLE>....................</TITLE> <FRAMESET ROWS [���� COLS] ="number, number"> <FRAME src="����������ͧ����ʴ��� ���� URL"> <FRAME src="����������ͧ����ʴ��� ���� URL"> </FRAMESET> </HTML>�·��... ROWS = ���ǹ COLS = ���ǵ�� number = ����Ţ �� pixels ���� ����Ţ�� % ���� * (���¶֧�ӹǹ��������)
������ҧ��������� . ����ʴ���
. � ��������� - framespacing ���˹� ��鹷����ҧ��ͺ��� ����������� - frameborder ���˹� �ͺ����˹Ңͧ��� ����������� - marginwidth ���˹� �ͺ���� ��Т�Ңͧ��� ��������������� - marginheight ���˹� �ͺ�� �����ҧ �ͧ��� ����������� - name ��˹����� ���Ѻ���������������������Ѻ ����� Link ����������� - noresize ��˹� ��������������ö ����¹��Ҵ����ͧ�� ����������� - scrolling��˹��ѡɳ� �ͧ scroll Bar �� 3 ��Ҥ�� ��������������� AUTO (������ա���ʴ��� �Թ˹�Ҩ�����ʴ� scroll Bar �ѵ��ѵ�) ��������������� NO (��˹��������ա���ʴ� scroll Bar ) ��������������� YES ( ��˹�����ա���ʴ� scroll Bar ) 7.������ҧẺ�ͺ���
(From) �繤���觷��������Ѻ���ҧ��ͺ����������Ẻ���º�÷Ѵ�������ö��˹��������������㹡�ͺ�� �ٻẺ������������� <TEXTAREA>............... </TEXTAREA> ������ҧ����ʴ��� |