หลังจากลองใช้โซลูชันหลาย ๆ แบบพร้อมใช้งานซึ่งไม่จำเป็นต้องมีความรู้เรื่องใด ๆ คุณจึงตัดสินใจที่จะลองใช้งานเว็บไซต์อินเทอร์เน็ตโดยเริ่มต้นด้วยการใช้รหัสHTMLคุณมีความกระตือรือร้นในเรื่องนี้ แต่มีบางอย่างที่คุณยังไม่สามารถเข้าใจได้
ตัวอย่างเช่นคุณต้องการคำอธิบายเพิ่มเติมเกี่ยวกับวิธีแทรกภาพใน HTMLพารามิเตอร์ที่ถูกต้องเพื่อใช้ในการจัดรูปแบบรหัสและข้อมูลใดที่สามารถป้อนได้ในภายหลัง ดีรู้ว่าคุณได้มาถูกที่แล้วในเวลาที่เหมาะสม เราไม่ต้องเสียเวลาอีกต่อไปและทันทีที่เห็นสิ่งที่เราต้องรู้เกี่ยวกับการแทรกรูปภาพในเว็บไซต์อินเทอร์เน็ตและบล็อกโดยใช้โค้ด HTML
เพื่อให้เข้าใจถึงวิธีการแทรกภาพลงใน HTMLคุณต้องให้แน่ใจว่าคุณรู้ว่าเป็นแนวคิดสำคัญ: ภาพที่คุณเห็นในหน้าเว็บของเว็บไซต์อินเทอร์เน็ต, บล็อกและฟอรั่มยังไม่ได้รวมอยู่ในหลัง แต่จะเรียกว่าจากสถานที่ภายนอก ซึ่งหมายความว่าแต่ละรูปจะต้องมีที่อยู่เฉพาะซึ่งผู้ใช้สามารถอ้างถึงการใช้ออนไลน์ได้
ที่อยู่ของรูปภาพประกอบด้วยวิธีนี้: ในตอนแรกมีที่อยู่ของพื้นที่เว็บที่โฮสต์ (เช่น) จากนั้น c ' เป็นชื่อของภาพนามสกุลเต็มรูปแบบ (เช่นImmagine.jpg) ที่อยู่ตรงของภาพบนเว็บต้องมีองค์ประกอบของประเภทimmagine.jpg
ณ จุดนี้คุณจะสงสัย แต่คุณจำที่อยู่ของภาพบนเว็บเพจได้อย่างไรเพื่อให้ภาพปรากฏแก่สาธารณชน? ไม่มีอะไรที่จะง่ายกว่า เพียงแค่ใช้แท็กimgตามด้วยคำว่าsrc =และที่อยู่ของภาพที่จะแทรกลงในหน้าที่อยู่ในเครื่องหมายคำพูด ต่อเนื่องกับตัวอย่างข้างต้นคุณควรใช้รูปแบบต่อไปนี้:
ตอนนี้คุณรู้วิธีการแทรกภาพลงใน HTMLโดยใช้รหัสพื้นฐาน แต่คุณสามารถเพิ่มตัวแปรอื่น ๆ เพื่อระบุขนาดการจัดตำแหน่งและระยะห่างของภาพถ่ายในบริบท ของหน้าที่ถูกแทรก
การจัดภาพในศูนย์, ซ้าย, ขวา, ขึ้นหรือลงหน้าคุณต้องทำคือการใช้รูปแบบที่เราได้เห็นเพียงแค่ร่วมกันและเพิ่มความมันจัดตัวแปร =ตามประเภทของ ข้อกำหนดที่คุณต้องการถ่ายภาพ นี่คือตัวอย่าง:
ด้วยรหัสนี้เราได้ชิดภาพในศูนย์ (ศูนย์ค่า) แต่จริง ๆ แล้วคุณสามารถใช้ชนิดอื่น ๆ ของตัวแปรที่จะปรับ: ซ้ายสอดคล้องภาพบนด้านซ้าย; ขวาจัดภาพด้านขวาด้านล่างมีรูปด้านล่างขวาของบรรทัดแรกของข้อความ;กลางมีรูปถ่ายอยู่ตรงกลางด้านขวาของบรรทัดแรกของข้อความด้านบนมีรูปด้านขวาบนของบรรทัดแรกของข้อความดังที่ได้กล่าวมาแล้วข้างต้นคุณยังสามารถปรับขนาดภาพได้โดยใช้โค้ด HTML และสามารถกำหนดระยะห่างที่ต้องการได้เมื่อเทียบกับองค์ประกอบอื่น ๆ
เพื่อแสดงขนาดที่ว่าต้องมีภาพที่คุณต้องใช้ตัวแปร
กว้างและความสูงระบุค่าพิกเซลในขณะที่ระยะห่างที่คุณจำเป็นต้องใช้เสียง hspaceเพื่อระบุระยะห่างแนวนอนและvSpaceเพื่อระบุระยะห่างแนวตั้ง นี่คือตัวอย่างของภาพขนาด 300 x 200 พิกเซลที่มีระยะห่างแนวตั้งและแนวนอน 20 พิกเซล:สุดท้ายเรามาดูวิธีเชื่อมโยง
กับรูปภาพเพื่อให้การคลิกที่ลิงก์นั้นจะถูกเปลี่ยนเส้นทางไปยังหน้าเว็บหรือเว็บไซต์เฉพาะและวิธีแทรกคำอธิบายข้อความของภาพที่จะทำซ้ำในกรณีนี้ไม่สามารถทำได้ แสดงผลอย่างถูกต้อง (เช่นข้อผิดพลาดของเซิร์ฟเวอร์หรือลบภาพออกจากตำแหน่งเดิม)การเพิ่มการเชื่อมต่ออินเทอร์เน็ตกับรูปภาพไม่จำเป็นต้องนำหน้ารหัสa href =
ตามด้วยที่อยู่ของไซต์เพื่อเชื่อมโยงไปยังรหัสภาพและแทรกแท็กเป็นที่ท้ายรหัส นี่คือตัวอย่างที่เราใช้ภาพเพื่อให้ห่างไกลสำหรับตัวอย่างของเราเชื่อมโยงที่อยู่www.sitodalinkare.com:เกี่ยวกับคำอธิบายเกี่ยวกับข้อความแทนหลังจะถูกเพิ่มลงในภาพโดยใช้รหัสalt
ที่ควรจะใช้ในลักษณะนี้:ฉันจะบอกว่านี่คือทุกอย่าง! ตอนนี้คุณรู้กฎพื้นฐานสำหรับการใส่รูปภาพใน HTML
ในบล็อกและเว็บไซต์แล้วใช้เวลาเรียนรู้พวกเขาน้อยมากหรือไม่? และเริ่มจากที่นี่คุณสามารถลึกซึ้งในหัวข้อการค้นพบฟังก์ชันอื่น ๆ ที่สามารถใช้ประโยชน์ได้โดยใช้ HTML ขอให้สนุก!