Ychwanegwch Geiriad Gwe sy'n Bodoli Gyda'i Delwedd

Ychwanegu Capsiwn HTML i Delweddau Gwe mewn 9 Cam Hawdd

Mae delweddau'n ychwanegu bywyd at eich tudalennau gwe ac yn tynnu sylw'r gwylwyr. Mae captions yn rhoi gwybodaeth ychwanegol am eich delweddau gwe, ond gallant fod yn anodd eu hychwanegu at dudalennau gwe heb sgiliau HTML a CSS uwch. Dyma ddull dibynadwy ar gyfer ychwanegu capsiwn syml, ond deniadol, at ddelwedd sy'n aros gyda'r ddelwedd lle bynnag y byddwch chi'n ei symud ar y we.

9 Cam i Bennawd Delwedd HTML

Ychwanegwch bennawd i ddelwedd a'u symud gyda'ch gilydd ble bynnag y dymunwch:

1. Ychwanegu delwedd i'ch gwefan.
2. Yn yr HTML ar gyfer eich tudalen we, rhowch tag div o amgylch y ddelwedd:
3. Ychwanegwch briodwedd arddull i'r tag div:
   style = "" >
4. Gosodwch lled y div i'r un lled â'r ddelwedd, gyda'r eiddo arddull lled :
   width: image width px; ">
5. Ar gyfer captions sydd ychydig yn llai na'r testun cyfagos, ychwanegwch eiddo ffont-maint i'r arddull div:
   font-size: 80%; ">
6. Mae captions yn edrych orau os ydynt wedi'u canoli o dan y ddelwedd, felly ychwanegwch eiddo i alinio testun at y priodwedd arddull:
   text-align: center; "> < img src = "URL" alt = "testun arall" width = "width" height = "height" />
7. Yn olaf, ychwanegwch ychydig o le ychwanegol rhwng y ddelwedd a'r pennawd, trwy ychwanegu priodwedd arddull i'r ddelwedd gydag eiddo arddull gwaelod :
   style =" pad-bottom: 0.5em; " />

1. Yna ychwanegwch y pennawd testun yn uniongyrchol islaw'r ddelwedd:
   Dyma fy nhennawd

Llwythwch y dudalen we i'ch gweinydd a'i brofi mewn porwr.

Cynghorion Pennawd

• Llediau : Gall dimensiynau CSS fod mewn llawer o wahanol fesuriadau, felly mae'n rhaid i chi fel arfer gynnwys y math mesur. Er enghraifft: lled: 100 px ; Fodd bynnag, mae dimensiynau delwedd HTML bob amser mewn picsel, felly byddwch chi'n gadael y mesuriad i ffwrdd. lled = "100"
• Os gwnewch lled y div yn ehangach na'r lled delwedd, gall y pennawd ymddangos wrth ymyl y ddelwedd. Os mai dyma'r hyn yr hoffech chi, yna ychwanegu tag
  yn uniongyrchol cyn y pennawd ac ar ôl y tag delwedd.