เคล็ดลับที่ 1: วิธีแทรกลิงก์ไปยังรูปภาพใน html
เคล็ดลับที่ 1: วิธีแทรกลิงก์ไปยังรูปภาพใน html
ข้อความในบล็อกหรือแหล่งข้อมูลอื่นสามารถทำได้มีข้อมูลไม่เฉพาะเกี่ยวกับปัญหาเฉพาะ แต่ยังเชื่อมโยงโดยตรงกับแหล่งที่มาของข้อมูลหรือแหล่งข้อมูลอื่น โดยเฉพาะอย่างยิ่ง HTML-editor ช่วยให้คุณสามารถวาดลิงก์ไปยังไฟล์กราฟิก
คุณจะต้อง
- การเข้าถึงอินเทอร์เน็ต
การเรียนการสอน
1
วิธีที่ง่ายที่สุดในการเชื่อมโยงรวมถึงลิงก์ไปยัง ภาพประกอบด้วยแท็กต่อไปนี้: <a href="ADDRESS ADDRESS"> ข้อความอธิบาย </a> สำหรับที่อยู่ของหน้าให้ ลิงค์ บนไฟล์กราฟิกเช่น http: // wwwsite.com/mypicure.jpg ในข้อความอธิบายคุณสามารถระบุชื่อไฟล์หรือข้อมูลอื่น ๆ ได้ เมื่อดูข้อความเสร็จแล้วจะเห็นได้เพียงภาพจะเปิดขึ้นเมื่อเคอร์เซอร์ถูกกด
2
รูปภาพสามารถอ้างอิงถึงตัวเองหรือไฟล์กราฟิกอื่น ในกรณีนี้ให้วางแท็กต่อไปนี้: <a href="ADDRESS ADDRESS "target=_blank title="Explain text"> <img src = "URL ของภาพ"> </a> ที่อยู่ของหน้าเว็บ - ที่อยู่ที่เปิดขึ้นเมื่อคุณคลิกเมาส์; URL รูปภาพ - ที่อยู่ของรูปภาพที่คุณต้องการคลิก ข้อความอธิบายจะปรากฏขึ้นเมื่อคุณเลื่อนเมาส์ไปวางเหนือเคอร์เซอร์ ลิงก์ที่ออกแบบที่ระบุจะเปิดขึ้นในหน้าต่างใหม่
3
อย่างไรก็ตามเทคนิคเหล่านี้เป็นทางเลือกถ้าคุณต้องการเผยแพร่ ภาพ ในข้อความของเขา สิ่งสำคัญคือรู้ที่อยู่ในเครือข่าย วางแท็ก: <img src = "ที่อยู่เครือข่ายภาพ"> ภาพควรมีลักษณะดังนี้: http://www.site.com/mypicure.jpg
4
พารามิเตอร์เพิ่มเติมช่วยให้คุณสามารถปรับเปลี่ยนขนาดของภาพที่แสดง เมื่อต้องการทำเช่นนี้ให้ใช้แท็ก width = และ height = ไม่จำเป็นต้องใช้ทั้งสองอย่างถ้าคุณระบุพารามิเตอร์หนึ่งพารามิเตอร์เหล่านี้จะเปลี่ยนตามสัดส่วน หลังจากแท็กตั้งค่าความสูงหรือความกว้างที่ต้องการของภาพเป็นพิกเซล ผลลัพธ์อาจมีลักษณะดังนี้: <img src = "ที่อยู่ของภาพของคุณ" width = 500 ">
เคล็ดลับ 2: วิธีใส่รูปภาพใน html
html เป็นภาษามาร์คอัปที่ได้รับความนิยมซึ่งใช้ในการสร้างไซต์ได้สำเร็จ ด้วยวิธีนี้คุณสามารถอัปโหลดเพลงไฟล์วิดีโอหรือภาพธรรมดาลงในหน้าเว็บ
การเรียนการสอน
1
ภาพที่คุณต้องการใส่หน้าเว็บสามารถอยู่ในคอมพิวเตอร์ของคุณหรือบนเว็บไซต์อินเทอร์เน็ตใดก็ได้ สิ่งสำคัญคือต้องระบุเส้นทางไปยังไฟล์กราฟิกเพื่อให้แสดงอย่างถูกต้องบนหน้าเว็บของคุณตัวอย่างเช่น: <img src = "/ images / D: Figures1.jpg">
2
ในเครื่องหมายคำพูดที่อยู่ของภาพจะปรากฏภายใต้ชื่อ 1jpg ซึ่งอยู่ในดิสก์ D ของคอมพิวเตอร์ในโฟลเดอร์ "รูปภาพ" ถ้าภาพและเอกสารที่ควรวางอยู่ในโฟลเดอร์เดียวเส้นทางจะสั้นลง เพียงอ้างชื่อไฟล์รูปภาพที่เลือกไว้ในเครื่องหมายคำพูด: <img src = "/ images / 1.jpg">
3
ถ้าคุณต้องการโฮสต์ภาพด้วยเว็บไซต์อื่นเส้นทางเครือข่ายให้มีความจำเป็นต้องลงทะเบียนสมบูรณ์: <img src = "/images/http://www.museum-online.ru/include/func/r_pic.php?type=3&id=464"> หากต้องการดูอยู่เครือข่าย ชอบภาพให้คลิกที่ปุ่มเมาส์ขวาและเลือกบริบทคำสั่งเมนู "ภาพคัดลอก" แล้วใส่บรรทัดของรหัสในคีย์เนื้อหาแลกเปลี่ยนบัฟเฟอร์ Ctrl + V หรือคำสั่ง "วาง" จากเมนูบริบท
4
ความอุดมสมบูรณ์ที่มีภาพความละเอียดสูงทำให้หน้าเว็บหนักขึ้นเนื่องจากสิ่งที่จะช้าและเปิดค้างนาน เพื่อหลีกเลี่ยงปัญหานี้ให้วางภาพขนาดเล็กบนหน้าเว็บที่กลายเป็นภาพขนาดใหญ่ได้ในคลิกเดียว ในการทำเช่นนี้ภาพขนาดเล็กควรทำด้วยลิงก์ที่ใช้แท็ก anchor (<aa> a>): <a href="large picture.jpg"> <img src = "/ images / small picture.jpg"> </a>
5
ในกรณีนี้ภาพขนาดใหญ่จะเปิดขึ้นในหน้าต่างเดียวกัน หากต้องการเปิดหน้าต่างใหม่ให้ใช้แอตทริบิวต์ target ของแท็ก anchor: <a href="higher picture.jpg" target="_blank"> <img src = "/ images / small picture.jpg"> </a>
