คุณสามารถเปลี่ยนขนาดของรูปภาพที่แสดงบนหน้าโดยระบุแอตทริบิวต์ที่เหมาะสมสำหรับแท็ก
ซึ่งมีหน้าที่แสดงกราฟิกบนหน้า HTML การเพิ่มหรือลดทำได้โดยใช้แอตทริบิวต์ความกว้างและความสูง
ใส่รูปภาพ
ก่อนแก้ไข ให้เพิ่มรูปภาพในหน้าโดยระบุแท็ก
… ในการแก้ไขเอกสาร HTML คุณต้องเปิดหน้าในโปรแกรมแก้ไขข้อความ คลิกขวาที่ไฟล์และเลือกแอตทริบิวต์ "เปิดด้วย" - "Notepad" คุณยังสามารถระบุตัวแก้ไขอื่น ๆ ที่สะดวกกว่าสำหรับคุณเพื่อใช้ในการเปลี่ยนรหัส
ไปที่ส่วนเอกสารและค้นหาแท็ก
… หากยังไม่ได้เพิ่มรูปภาพลงในเพจ ให้ป้อนรหัสต่อไปนี้:
เส้นทางไปยังไฟล์รูปภาพสามารถเป็นได้ทั้งแบบสัมพัทธ์หรือแบบสัมบูรณ์ แอตทริบิวต์ alt="รูปภาพ" มีหน้าที่รับผิดชอบต่อชื่อของรูปภาพและเพิ่มคำอธิบายภาพ ซึ่งจะแสดงเมื่อตัวชี้เมาส์อยู่เหนือรูปภาพ
เปลี่ยนขนาด
หากต้องการขยายรูปภาพ ให้ตั้งค่าพารามิเตอร์ความกว้างและความสูงที่เหมาะสมโดยเพิ่มแอตทริบิวต์ลงในแท็กรูปภาพ:
พารามิเตอร์ความกว้างสอดคล้องกับความกว้างของรูปภาพ และความสูงมีตัวบ่งชี้ความสูงของรูปภาพ ในกรณีนี้ เมื่อเปิดเพจ รูปภาพที่มีความกว้าง 300 พิกเซลและความสูง 350 พิกเซลจะแสดงในหน้าต่างเบราว์เซอร์ คุณยังสามารถเพิ่มแอตทริบิวต์ hspace และ vspace เพื่อเปลี่ยนการตั้งค่าการจัดรูปแบบในหน้า:
ในคำอธิบายนี้ มีการระบุระยะขอบแนวนอน (hspace) และแนวตั้ง (vspace) จากรูปภาพ ข้อความใดๆ ที่เพิ่มลงในหน้าจะมีระยะห่าง 5 พิกเซลในแนวนอนจากรูปภาพ และ 10 พิกเซลในแนวตั้ง แอตทริบิวต์ border มีหน้าที่สร้างเส้นขอบ 1 พิกเซลรอบรูปภาพ
ควรสังเกตว่าขนาดของภาพสามารถตั้งค่าได้ไม่เพียง แต่เป็นพิกเซล แต่ยังเป็นเปอร์เซ็นต์ที่สัมพันธ์กับขนาดของหน้าต่างเบราว์เซอร์ ตัวอย่างเช่น:
จากการทำงานของโค้ดนี้ รูปภาพจะถูกขยายตามความกว้างทั้งหมดของหน้าต่าง เป็นที่น่าสังเกตว่าภาพในกรณีนี้อาจบิดเบี้ยว การแสดงภาพแบบขยายขึ้นอยู่กับคุณภาพของภาพ
บันทึกการเปลี่ยนแปลงที่ทำโดยใช้ฟังก์ชัน "ไฟล์" - "บันทึก" ของหน้าต่าง "Notepad" ตรวจสอบการแสดงรูปภาพในหน้าต่างเบราว์เซอร์โดยเปิดไฟล์ HTML โดยคลิกขวาแล้วเลือกตัวเลือก "เปิดด้วย" ในรายการตัวเลือกที่เสนอ ให้เลือกโปรแกรมที่คุณใช้เพื่อท่องอินเทอร์เน็ต คุณสามารถแก้ไขไฟล์ HTML กี่ครั้งก็ได้เพื่อปรับขนาดภาพ
