รูปภาพ เช่นเดียวกับองค์ประกอบอื่น ๆ ของหน้าเว็บ จะแสดงโดยเบราว์เซอร์ตามคำแนะนำโดยละเอียดที่ส่งโดยเซิร์ฟเวอร์ คำแนะนำเหล่านี้เขียนด้วย HTML (HyperText Markup Language) และประกอบด้วย "แท็ก" แท็กอธิบายประเภทขององค์ประกอบทั้งหมดของหน้าเว็บ ตำแหน่งและลักษณะที่ปรากฏ
คำแนะนำ
ขั้นตอนที่ 1
ก่อนอื่นคุณต้องอัปโหลดไฟล์รูปภาพไปยังเซิร์ฟเวอร์ สามารถทำได้โดยใช้ FTP (File Transfer Protocol) ผ่านโปรแกรมพิเศษ โปรแกรมเหล่านี้เรียกว่าไคลเอนต์ FTP - ตัวอย่างเช่น Cute FTP, WS FTP, FlashFXP และอื่น ๆ แต่คุณสามารถดาวน์โหลดได้ผ่านตัวจัดการไฟล์ ซึ่งควรอยู่ในแผงควบคุมของโฮสต์ที่โฮสต์ไซต์ของคุณ ตัวจัดการไฟล์อนุญาตให้คุณอัปโหลดไฟล์ผ่านเบราว์เซอร์ของคุณ
ขั้นตอนที่ 2
หลังจากนั้น คุณต้องใส่แท็กที่เกี่ยวข้องในโค้ด html ของหน้าที่ต้องการ นั่นคือ คุณควรหาหน้านี้และเปิดซอร์สโค้ดเพื่อทำการแก้ไข หากคุณมีไฟล์เพจ คุณสามารถเปิดไฟล์นั้นได้ด้วยโปรแกรมแก้ไขข้อความอย่างง่าย - ตัวอย่างเช่น Notepad มาตรฐาน และหากคุณใช้ระบบใดๆ ในการจัดการไซต์ จากนั้นในแผงการดูแลระบบ ให้ค้นหาตัวแก้ไขหน้าและเปิดหน้าที่ต้องการ หลังจากนั้นจะยังคงแทรกแท็กรูปภาพในตำแหน่งที่คุณต้องการบนหน้าและบันทึกการเปลี่ยนแปลง
ขั้นตอนที่ 3
ข้อมูลเพิ่มเติมเกี่ยวกับตัวแท็ก - ในรูปแบบที่ง่ายที่สุด แท็กมีข้อมูลเพิ่มเติมต่างๆ - "แอตทริบิวต์" มีแอตทริบิวต์เดียวเท่านั้นที่จำเป็นสำหรับแท็กรูปภาพ - src มันบอกเบราว์เซอร์ถึงที่อยู่ที่ควรได้รับไฟล์ที่มี carnink หากไฟล์นี้อยู่บนเซิร์ฟเวอร์ในโฟลเดอร์เดียวกัน (หรือโฟลเดอร์ย่อย) กับเพจ การระบุเฉพาะชื่อหรือเส้นทางไปยังโฟลเดอร์ย่อยก็เพียงพอแล้ว ที่อยู่ดังกล่าวเรียกว่า "ญาติ" และที่อยู่ที่แน่นอนอาจมีลักษณะดังนี้:
--แอตทริบิวต์อื่น - alt="รูปภาพ" - มีข้อความที่ปรากฏในคำแนะนำเครื่องมือเมื่อวางเมาส์เหนือแอตทริบิวต์อื่น - ชื่อทำสิ่งเดียวกัน: - คุณลักษณะสองรายการ - ความกว้างและความสูง - กำหนดขนาดของสี่เหลี่ยมผืนผ้าที่ เบราว์เซอร์จะแสดงรูปภาพ: ไม่จำเป็นต้องใช้แอตทริบิวต์เหล่านี้ แต่ถ้ามีสิ่งผิดปกติเกิดขึ้นและไม่สามารถโหลดรูปภาพได้ องค์ประกอบอื่นๆ ทั้งหมดของหน้าอาจไม่อยู่ในตำแหน่ง เนื่องจากเบราว์เซอร์ไม่รู้จักขนาดที่ ภาพควรจะครอบครอง ขนาดระบุเป็น "พิกเซล" - นี่คือหน่วยหลักของการวัดที่ใช้ในเลย์เอาต์ของหน้า - แอตทริบิวต์ border กำหนดความกว้างของเส้นขอบรอบรูปภาพ (เป็นพิกเซล): หากรูปภาพถูกสร้างเป็นลิงค์ เส้นขอบสีน้ำเงินรอบ ๆ โดยค่าเริ่มต้น เพื่อกำจัดมัน คุณต้องตั้งค่าเส้นขอบเป็นศูนย์: - สองแอตทริบิวต์ตั้งค่าการเยื้องของรูปภาพจากองค์ประกอบที่อยู่ติดกัน (เช่น จากบรรทัดของข้อความ) - hspace ตั้งค่าการเยื้องแนวนอน (ซ้ายและขวา), vspace - แนวตั้ง (ล่างและบน): - เป็นแอตทริบิวต์ที่ใช้บ่อยที่สุด และมีมากกว่า 50 รายการสำหรับแท็กนี้!