การเพิ่มรูปภาพอย่างสมเหตุสมผลสามารถทำให้หน้าเว็บสวยงามขึ้นได้
แท็ก <IMG> ใช้เพื่อแทรกรูปภาพลงในหน้าเว็บ แท็ก <IMG> มีแอตทริบิวต์ที่สำคัญ SRC และค่าแอตทริบิวต์ของมันคือที่อยู่ของภาพ มาแทรกรูปภาพใน index.html ของเรา เปิดไฟล์ index.html และเพิ่มรหัสต่อไปนี้ก่อน </body>:
| <p> <img src = http: //www.cuoxin.com/images/logo.gif alt = ฝ่ายสนับสนุนด้านเทคนิค/</p> |
หลังจากบันทึกแล้วเรียกดูเว็บไซต์โปรดยืนยันว่าหน้าเว็บของคุณเหมือนกับหน้านี้
เราทราบว่า <Img> เป็นแท็กที่ว่างเปล่าและต้องเพิ่มหนึ่ง/ ต้องเพิ่มในตอนท้ายเพื่อตอบสนองความต้องการของ XHTML นอกจาก SRC แล้วยังมีแอตทริบิวต์ Alt เราเรียกมันว่าแอตทริบิวต์ทดแทน เมื่อไม่สามารถแสดงภาพได้ด้วยเหตุผลบางอย่างค่าแอตทริบิวต์ของ ALT จะปรากฏขึ้นแทนภาพ และเมื่อภาพแสดงตามปกติเพียงแค่หยุดเมาส์บนภาพและคุณจะเห็นค่าแอตทริบิวต์ของแอตทริบิวต์ ALT
เราได้เรียนรู้ที่จะสร้างไฮเปอร์ลิงก์ในบทช่วยสอนก่อนหน้า เปิด index.html และเปลี่ยนรหัสที่คุณเพิ่งแทรกลงในย่อหน้าต่อไปนี้:
| <p> <a href = http: //www.cuoxin.com/images/logo.gifalt=Technical Support/</a> </p> |
หลังจากบันทึกให้เรียกดูหน้าเว็บโปรดยืนยันอีกครั้งว่าหน้าเว็บของคุณเหมือนกับหน้าเว็บนี้ ตรวจสอบว่าภาพได้กลายเป็นไฮเปอร์ลิงก์หรือไม่ คลิกที่รูปภาพแล้วคุณจะเข้าสู่หน้าแรกของมือใหม่
จากส่วนนี้เป็นต้นไปเราจะไม่แก้ไขลักษณะที่ปรากฏของหน้าเว็บ html อีกต่อไป ตอนนี้เราจะส่งหน้าเว็บที่เราได้ทำไปยังองค์กรที่มีอำนาจเพื่อตรวจสอบ ครั้งแรกที่ป้อน: http://validator.w3.org/ ซึ่งเป็นเครื่องมือตรวจสอบความถูกต้องของ XHTML ซึ่งใช้เพื่อตรวจสอบว่าหน้าเว็บที่เราทำตามมาตรฐาน XHTML หรือไม่ คุณสามารถเลือกใช้การตรวจสอบ URL หรืออัปโหลดการตรวจสอบไฟล์ คุณสามารถเลือกการตรวจสอบการอัปโหลดไฟล์ได้ดังนี้:
ในการตรวจสอบโดยการอัปโหลดไฟล์มีคอลัมน์ไฟล์ท้องถิ่นคลิกเรียกดูค้นหาและเลือก index.html ที่คุณบันทึกไว้ก่อนจากนั้นคลิกปุ่มตรวจสอบ ผลลัพธ์ของคุณควรจะเหมือนกับผลลัพธ์ของเราผ่านการตรวจสอบ URL ส่งคืนข้อความแสดงข้อผิดพลาดต่อไปนี้:
| ขออภัยฉันไม่สามารถตรวจสอบเอกสารนี้ได้เนื่องจากบรรทัดที่ 3, 6-9, 12-14, 16-22 มันมีหนึ่งไบต์หรือมากกว่าที่ฉันไม่สามารถตีความได้ว่าเป็น UTF-8 (กล่าวอีกนัยหนึ่งไบต์ที่พบไม่ใช่ค่าที่ถูกต้องในการเข้ารหัสอักขระที่ระบุ) โปรดตรวจสอบทั้งเนื้อหาของไฟล์และตัวบ่งชี้การเข้ารหัสอักขระ |