Engeza i-Caption Web Ehlala Nayo Ngesithombe

Engeza amazwibela we-HTML ku-Izithombe ze-Google ku-9 Izinyathelo Ezilula

Izithombe zifaka ukuphila kumakhasi wakho wewebhu futhi zilalele ababukeli. Amazwibela ahlinzeka ngolwazi oluthe xaxa mayelana nezithombe zakho zewebhu, kodwa kungaba nzima ukungeza kumakhasi wewebhu ngaphandle kwamakhono aphezulu we-HTML ne-CSS. Nansi indlela enokwethenjelwa yokwengeza igama elilula, kodwa elikhangayo, esithombeni ohlala nesithombe nomaphi lapho uhambisa khona ekhasini lewebhu.

Izinyathelo eziya ku-Caption Image ye-HTML

Engeza amazwibela esithombeni bese uwahambisa ndawonye nomaphi lapho ufuna khona:

1. Engeza isithombe ekhasini lakho lewebhu.
2. Ku-HTML yekhasi lakho lewebhu, faka ithegi div ngokuzungeza isithombe:
3. Engeza isici sesitayela kumaka div:
   style = "" >
4. Setha ububanzi be div kuya ebubanzi obufanayo njengesithombe, nesakhiwo sesitayela sobubanzi :
   ububanzi: ububanzi besithombe px; ">
5. Ukuze uthole amazwibela amancane kunombhalo oseduze, engeza impahla yobukhulu befonti kwisitayela se-div:
   usayizi wefonti: 80%; ">
6. Amagama-ncazo abukeka kahle kakhulu uma afakwe ngezansi kwesithombe, ngakho-ke faka impahla yokuqondisa umbhalo kwisici sesitayela:
   ukuhambisana kombhalo: isikhungo; "> < img src = "URL" alt = "umbhalo ohlukile" ububanzi = "ububanzi" ubude = "ukuphakama" />
7. Okokugcina, engeza isikhala esingeziwe esithile phakathi kwesithombe nesichazamazwi, ngokufaka isici sesitayela esithombeni ngesakhiwo sesitayela esiphansi :
   isitayela =" ukuphawula phansi: 0.5em; " />

1. Bese wengeze amazwibela wombhalo ngokuqondile ngezansi kwesithombe:
   Lena isichazamazwi sami

Layisha ikhasi lewebhu kwi-server yakho bese uyihlola kusiphequluli.

Amathiphu okuchaza amagama

• Ububanzi : Ubukhulu be-CSS bungaba nezilinganiso eziningi ezihlukene, ngakho-ke kufanele uvame ukufaka uhlobo lokulinganisa. Isibonelo: ububanzi: 100 px ; Noma kunjalo, ubukhulu bezithombe ze-HTML buhlale bukhona kuma-pixel, ngakho-ke ushiya isilinganiso. ububanzi = "100"
• Uma wenza ububanzi be-div bubanzi kunombukiso wesithombe, amazwibela angabonakala eceleni kwesithombe. Uma lokhu yilokho okufunayo, bese ungeze i-
  ithegi ngqo ngaphambi kwegama-ncazo nangemva komaki wesithombe.