9 Вэбсайтанд HTML дүрсийг 9 хялбар алхам дээр нэмнэ үү
Зургууд таны вэбсайтууд дээр амьдралыг нэмж, үзэгчдийн анхаарлыг татдаг. Тайлбарууд нь таны вэб зургуудын талаар нэмэлт мэдээлэл өгдөг хэдий ч дэвшилтэт HTML болон CSS ур чадваргүйгээр веб хуудсуудыг нэмэхэд хэцүү байж болно. Вэбсайт дээр нүүлгэсэн зурагтайгаа үлдсэн дүрсийг энгийн, гэхдээ татахуйц дүрсийг нэмэх найдвартай арга бол энд байна.
HTML дүрсийн тайлбар 9 алхам
Зургийн тайлбарыг нэмээд хүссэн газараа хамтдаа шилжүүл:
- Өөрийн вэб хуудсандаа зураг нэмэх .
- HTML-ийн хувьд вэб хуудсандаа div дүрсийг байрлуул: style = "" >width: image width px; ">
- Оршуулгын текстээс арай бага хэмжээгээр бичсэн фонт-хэмжээ property div div руу нэмнэ:
font-size: 80%; ">- Текстийг төвөөс төвлөрүүлсэн бол тайлбарууд нь хамгийн сайн харагдаж байна, тиймээс текстийг шинж чанарыг загварын шинж чанарт нэмээрэй:
text-align: center; "> < img src = "URL" alt = "өөр текст" width = "өргөн" height = "өндөр" />- Эцэст нь дүрс болон зургийн хооронд бага зэрэг зай аваарай. Үүнд:
style =" padding-bottom: 0.5em; " /> - Дараа нь текст тайлбарыг шууд дүрсэллээ:
Энэ бол миний тайлбар Вэб хуудсыг сервертээ байршуулж, түүнийгээ браузер дээр туршиж үзээрэй.
Бичвэрийн зөвлөмжүүд
- Өргөн хүрээнүүд : CSS хэмжээсүүд нь олон янзын хэмжилд байж болох учраас та хэмжих төрлийг оруулах ёстой. Жишээ нь: өргөн: 100 px ; Гэсэн хэдий ч, HTML дүрсийн хэмжээсүүд нь пикселээр үргэлжлэх тул та хэмжилтээ орхино. өргөн = "100"
- Хэрэв та зургийн өргөнээс илүү өргөнийг өргөн бол дүрсэлсэн зураг дээр гарч ирнэ. Хэрэв та хүссэн зүйлээ бичээд, дараа нь гарчиг болон зурагны шошгоных нь өмнө
тагийг нэмнэ.