ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

             ����Ѻ�������ٻ�Ҿ ����ٻ��ҧ�ѵ��ѵ�ŧ��͡��ùѺ���ա�Ը�˹��  �����·����˹���͡�����§�� ��й��ʹ���觢��  �ա����ٻ�Ҿ�ѧ����ö���ͤ�����������ǡѺ�����������͡����������ҧ�ի�������� Microsoft Word ��� ����ö�á�ٻ�Ҿ�ҡ��Ի���� ��� ����á�ٻ�Ҿ��ҧ��������������ͧ����������  ��觡���á�ٻ�Ҿ �������Ըմ��¡ѹ �ѧ���
����á�ٻ�Ҿ�ҡ����������������ͧ����������

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *
����á�ٻ�Ҿ��������������ͧ������������ �繡�ù��Ҿ���ѹ�֡����� �� �Ҿ���¨ҡ���ͧ�ԨԵ�� ���� �Ҿ����ǹ���Ŵ�Ҩҡ�Թ������ ����������͡��ë���բ�鹵͹��Ժѵ�  �ѧ���

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

����ͤ�ԡ���� �á ���� ��������á�ٻ�Ҿ���������͡ŧ�˹���͡������   �ѧ���

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

���ѡ�Ѻ  Clip  Art  
         ��Ի���� (Clip  Art) ���ͷ��������¡��� �Ҿ�Ѵ�й�� ���¶֧ �Ҿ������ٻ�������ö�����Ѻ�ҹ�͡�����ѹ��  �� �ٻ�Ҿ��Ƿ�Ƿ�ȹ�   �ٻ��觢ͧ����ͧ��  �����Ҿ�ѵ���ҧ�  �繵�    ��Ի���쵨ж١�Ѵ���§�͡����Ǵ����  ���ͧ��µ�͡�����¡��ҹ��������������

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *
  ����á��Ի����  (Clip  Art)  

��ѧ�ҡ����Һ�������¢ͧ ��Ի��������   ������Ҩй���Ҥ�Ի���������ŧ�˹���͡���  ��������������§�����Ѻ�͡��� ���㹺ҧ���駡������ٻ�Ҿ���ͻ�Сͺ�Ѻ������ �з��������Ţͧ��Ҵٴ� ��й��ʹ���觢��   ��觡���á��Ի�������Ըջ�ԺѵԴѧ���

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

����ͤ�ԡ�����  �Ҿ�Ѵ��  ���Ǩл�ҡ�  �ҹ˹�ҵ�ҧ�ҹ�Ҿ�Ѵ�Т�������ҧ������
�ͧ˹�ҵ�ҧ�����  �ѧ���

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

����ͤ�ԡ����ٻ�Ҿ��������  �ٻ�Ҿ������͡��л�ҡ����͡��õ�����˹觷��������������  �ѧ���

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *
  ����á�Ҿ˹�Ҩ�
           ������ Microsoft 2010 ����ö�����Ҿ˹�Ҩ�ŧ�˹���͡��������ҧ�Ǵ������Ч��´�� ���ͪ������Ѻ�Ҿ��������ͧ�͡�ҡ����� Word �����ѧ�ӧҹ����  �������ö�����ͨѺ�ٻ�Ҿ�ͧ˹�ҵ�ҧ������ ���ͺҧ��ǹ�ͧ˹�ҵ�ҧ����Դ���躹����������  �¡���á�Ҿ˹�Ҩͷ���ѧ���

  • ����á�Ҿ���˹�ҵ�ҧ   ����

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

  •   ����á�Ҿ�ҧ��ǹ�ͧ˹�ҵ�ҧ   ����

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

ข้อใดคือคำสั่งที่ใช้ในการแทรกรูปภาพ *

4.1 การใส่รูปภาพ

จากข้อมูลเบื้องต้นเกี่ยวกับรูปภาพที่จะใส่ในเอกสาร HTML ในขั้นตอนต่อไป จะนำรูปภาพมาใส่ในเอกสาร โดยจะใช้คำสั่งในการใส่รูปภาพ คือ

<img src="ชื่อไฟล์รูปภาพ" หรือ ชื่อ "path(ที่เก็บรูปภาพ)/ชื่อไฟล์"

หรือ "image URL">

        การใส่รูปภาพ นั้น การระบุตำแหน่งที่เก็บรูปภาพ (folder)นี้ เป็นจุดสำคัญมาก ถ้าระบุที่เก็บ (path)ผิด รูปภาพจำไม่ปรากฎขึ้น จะแสดงผลเป็นกรอบรูปภาพเล็ก ๆ  แล้วมีเครื่องหมายกากบาท (x)หรือ ? กำกับ (ดูตัวอย่าง)

        สังเกตที่ path จะใช้เครื่องหมาย สแลช (/)  ถ้าใส่เครื่องหมายผิดก็จะไม่แสดงภาพเช่นกัน เพราะอ้างอิงผิดนั่นเอง ดังตัวอย่าง

        ถ้าต้องการใส่รูปภาพชื่อไฟล์ flowers.gif" ซึ่งเก็บอยู่ใน folderimages จะกำหนดได้ ดังนี้

      ทดสอบการใส่รูปภาพ      

      ข้อควรระวังคือ เรื่องของที่เก็บภาพ (path)  ตรวจสอบได้ดังนี้

  1. ถ้าที่เก็บรูปภาพอยู่ใน folder เดียวกับไฟล์ HTML ที่ต้องการใส่รูปภาพนั้น ไม่ต้องระบุ path ก็ได้

  2. ถ้าไฟล์ HTML อยู่ใน folder ชื่อ homepage ที่มีภาพอยู่ใน folder ชื่อ image เมื่อจะใช้คำสั่งใส่ภาพออกมา ต้องใส่ path ให้ถูกต้อง คือ <img src="image/ชื่อภาพ">