Add HTML Abonnement op Web Images zu 9 Easy Steps
Biller addéiere Lifer op Är Websäiten a zéien d'Opmierksamkeet vun den Zuschauer. Skulpturen bieden extra Informatioun iwwer Är Web-Biller, awer se kënnen schwéier sinn fir Websäiten ouni erweidert HTML- a CSS-Kompetenzen ze addéieren. Hei ass eng verlässlech Methode fir eng einfach, awer attraktiv Zeeche vun engem Bild ze stoen, deen am Bild bleiwt, wou Dir et op der Websäit verschéckt.
9 Schrëtt fir e HTML Image Caption
Fügt e Bild fir eng Bild an addéieren se zesummen wann et wëllt:
- Fügt e Bild op Är Websäit.
- Am HTML fir Är Websäit platzéiert en Divageur ronderëm d'Bild:
- Setzt e Stilattribut mam Div div:
style = "" >- Setzt d'Breet vun der Div op déi selwecht Breet wéi d'Bild, mat der Breed Style Property :
width: image width px; ">- Fir Schrëften déi méi kleng si wéi den Ëmgéigend Text addieren eng Schrëftgréisst-Eegeschafte op d'Div style:
font-size: 80%; ">- D'Beschreiwunge kucken am beschten wann se ënner dem Bild zenterbäi sinn, also fügen eng Text-align d'Eigenschaft zum Stil Attribut:
Text-Align: center; "> img src = "URL" alt = "alternativ Text" width = "width" height = "height" />- Schlussend, add een e bësse extra Plaz tëscht dem Bild an der Beschreiwung, andeems een Stil Stil fir d'Bild mat engem Puddings-Bottom Style Eegeschafte addéiere kann:
style =" padding-bottom: 0.5em; " />- Dann addéiere de Textbeschreiwung direkt ënnert dem Image:
Dëst ass meng Bezeechnung Lued de Websäit op ärem Server an testen se an engem Browser.
Captioning Tips
- Breet : CSS-Dimensiounen kënnen a ville verschiddenen Miessunge sinn, sou datt Dir normalerweis d'Mesureart enthält. Zum Beispill: Breet: 100 px ; Allerdéngs sinn HTML-Bildmaueren ëmmer an Pixelen, sou datt Dir d'Messung ausléisst. width = "100"
- Wann Dir d'Breet vun der Div méi breed wéi d'Bildbreed maachen, da kënnt d'Ofdreiwung niewent dem Bild. Wann dat ass wat Dir wëllt, da fuere nach e
direkt virun der Beschreiwung an no der Bildtags.
- Setzt e Stilattribut mam Div div: