�ç���ҧ���� HTML �ç���ҧ���� HTML Show ���Ҥ���������ء � ���Ҩ����ç���ҧ�� ���� HTML ���蹡ѹ �ç���ҧ�ͧ���� HTML ������ç���ҧ�����ҹ���� �������������ҡ�ѡ �ٻẺ�ç���ҧ�ͧ���� HTML �մѧ��� ����á �¡���Դ������� Text Editor 㹷������������ Notepad ��觨��Դ����ҡ ��ԡ�������¢ͧ���������� Start ���͡��¡�� Programs ���͡��¡�� Accessories ���͡��¡�� Notepad ��л�ҡ�˹�ҵ�ҧ�ͧ����� Notepad ����Һ�˹�Ҩ;�������зӧҹ����� ��ѧ�ҡ�Դ����� Notepad ��������� ��������ͤ���������ҧ��ҧ��ҧ <html>
������ͧ�ѧࡵ����Ҩо��ѭ�ѡɳ� <...> ��� </...> �繤�� �ҡ�ç���ҧ���� <...> 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) �ӧҹ
2. �Ѵ����������� (file ) ���¡�úѹ�֡ (Save as ���� Save ) ����͡����� 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 ����ѡ�õ�Ǿ����������;�����˭���� 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>
|