Gehitu irudia duen egonaldiaren web-ohar bat

Gehitu HTML bideoak Web Irudiak 9 urrats errazetan

Irudiak bizitza gehitu zure webguneetara eta ikusleen arreta erakarri. Bideoak zure webguneko irudiei buruzko informazio gehigarria ematen du, baina HTML eta CSS trebetasun aurreratu gabe HTML orrietara gehitzeko zaila izan daiteke. Hona hemen metodo fidagarria, web orrialdean mugitzen duzun irudia duen irudia mantentzen duen irudia duen irudi sinple eta erakargarri bat gehituz.

9 HTML irudiaren azpititulurako urratsak

Gehitu epigrafea irudi batera eta mugitu elkarrekin nahi duzun lekuan:

1. Gehitu irudi bat zure webgunera.
2. Zure webguneko HTMLan, jarri irudiaren inguruko zatiketa etiketa:
3. Gehitu estilo-atributua div-eko etiketari:
   style = "" >
4. Zehaztu zabaleraren zabalera zabalera bera duen irudian, zabalera estiloaren propietatearekin :
   width: image width px; ">
5. Inguruaren testua baino pixka bat txikiagoa duten ataletan, gehitu letra-tamainaren propietatea div estiloari:
   font-size: 80%; ">
6. Marrazkiak hobeto ikusten dira irudiaren azpian badaude, beraz gehitu testuko lerrokatze-propietatea estilo-atributura:
   text-align: center; "> < img src = "URL" alt = "testu alternatiboa" width = "width" height = "height" />
7. Azkenean, gehitu irudia eta epigrafearen arteko tarte txiki bat, irudiaren atributua irudian estaltzen duen beheko estiloaren propietatearekin:
   style =" padding-bottom: 0.5em; " />

1. Ondoren gehitu testuaren irudia zuzenean beheko azpian:
   Hau nire epigrafea da

Kargatu webgunea zure zerbitzaritik eta arakatzailean probatu.

Azpitituluak Aholkuak

• Zabalerak : CSS dimentsioak neurketa desberdinetan egon daitezke, beraz, normalean neurketa-mota izan behar duzu. Adibidez: zabalera: 100 px ; Hala ere, HTML irudiaren dimentsioak beti daude pixeletan, beraz neurketa alde batera utzita. width = "100"
• Zabalaren zabalera zabalera baino zabalagoa bada, irudia ondoan agertuko da. Nahi duzuna bada, gehitu
  etiketa zuzenean epigrafearen aurretik eta irudiaren etiketa ondoren.