Uning rasmida qolgan veb-sarlavhani qo'shing

9 ta oson qadamda veb-rasmlarga HTML taglavhalarini qo'shing

Rasmlaringiz veb-sahifalaringizga hayot bag'ishlaydi va tomoshabinlar e'tiborini jalb qiladi. Taglavhalar sizning web-rasmlaringiz haqida qo'shimcha ma'lumot beradi, ammo veb-sahifalarni ilg'or HTML va CSS ko'nikmalarisiz kiritish qiyin bo'lishi mumkin. Bu erda veb-sahifaga ko'chiradigan joyga suratga tushadigan oddiy, ammo jozibali, rasmni qo'shish uchun ishonchli usul.

HTML rasm ta'rifi uchun 9 ta qadam

Rasmga taglavha qo'shing va ularni kerakli joyga ko'chiring:

1. Veb-sahifangizga rasm qo'shing .
2. Veb-sahifangiz uchun HTML sahifasida tasvir atrofida div tegini joylashtiring:
3. Div yorlig'iga uslubiy xususiyat qo'shing:
   style = "" >
4. Kenglikning kengligi quyidagicha bo'ladi: width stili xususiyati :
   width: image width px; ">
5. Atrofdagi matndan biroz kattaroq sarlavhalar uchun div uslubiga shrift hajmini qo'shing:
   shrift hajmi: 80%; ">
6. Taglavhalar tasvirning pastki qismida joylashgan bo'lsa, eng yaxshi ko'rinadi, shuning uchun uslubning atributiga matnni moslash xususiyatini qo'shing:
   text-align: center; "> img src = "URL" alt = "muqobil matn" width = "width" height = "height" />
7. Nihoyat, rasm va taglavha orasidagi bo'shliqni qo'shib, padding-bottom uslubi xususiyati bilan rasmga uslubiy xususiyat qo'shish orqali:
   style =" padding-bottom: 0.5em; " />

1. Keyin rasm ostiga matnning pastki qismini qo'shing:
   Bu mening yozuvim

Veb-sahifani serveringizga yuklang va uni brauzerda sinab ko'ring.

Taglavhalar

• Kengliklari : CSS o'lchovlari turli xil o'lchovlarda bo'lishi mumkin, shuning uchun odatda o'lchov turini kiritishingiz kerak. Masalan: kenglik: 100 px ; Biroq, HTML rasm hajmi har doim pikselda bo'ladi, shuning uchun siz o'lchovni qoldirasiz. kenglik = "100"
• Agar siz kenglik kengligidan tasvir kengligidan kengroq bo'lsa, rasmning yonida rasm paydo bo'lishi mumkin. Agar xohlasangiz, unda taglavhadan oldin va tasvir yorlig'idan keyin
  tagini qo'shing.