Shto një titull në internet që qëndron me imazhin e saj

Shtoni imazhe HTML në imazhet në ueb në 9 hapat e thjeshtë

Imazhet shtojnë jetën në faqet tuaja të internetit dhe tërheqin vëmendjen e shikuesve. Përshkrimet japin informacion shtesë në lidhje me imazhet tuaja të uebit, por ato mund të jenë të vështira për t'u shtuar në faqe pa aftësi të përparuara HTML dhe CSS. Këtu është një metodë e besueshme për të shtuar një titull të thjeshtë, por tërheqës, në një imazh që qëndron me imazhin kudo që e lëvizni në faqen.

9 Hapat për një imazh të imazhit HTML

Shtoni një titull në një imazh dhe lëvizni ato së bashku ku të doni:

1. Shto një imazh në faqen tuaj web.
2. Në HTML për faqen tuaj të internetit, vendosni një tag div përgjatë imazhit:
3. Shtoni një atribut stil në tagun div:
   style = "width =" height "height =" height "
4. Vendosni gjerësinë e divit në të njëjtën gjerësi si imazhi, me pronën e stilit të gjerësisë :
   width: image width px; ">
5. Për titra që janë pak më të vegjël se teksti që rrethon, shtoni një pronë të madhësisë së shkronjave në stilin e divit:
   font-size: 80%; ">
6. Emërtimet duken më mirë nëse ato janë të përqëndruara poshtë imazhit, prandaj shtoni një pronë të tekstit në përputhje me atributin e stilit:
   text-align: center; "> img src = "URL" alt = "tekst alternativ" width = "width" height = "height" />
7. Së fundi, shtoni një hapësirë ​​të vogël shtesë mes imazhit dhe titullit, duke shtuar një atribut të stilit në imazh me një stil të mbushjes: fund : width: align: center; "> style =" padding-bottom: 0.5em; " />

1. Pastaj shtoni titullin e tekstit drejtpërdrejt nën imazhin:
   Ky është titulli im

Ngarko webfaqen në serverin tuaj dhe provo atë në një shfletues.

Captioning Tips

• Gjerësia : Dimensionet CSS mund të jenë në shumë matje të ndryshme, kështu që zakonisht duhet të përfshini llojin e matjes. Për shembull: gjerësia: 100 px ; Megjithatë, dimensionet e imazhit HTML janë gjithnjë në piksele, kështu që lini matjen jashtë. gjerësia = "100"
• Nëse e bëni gjerësinë e divit më të gjerë sesa gjerësia e imazhit, mund të shfaqet mbishkrimi pranë imazhit. Nëse kjo është ajo që ju dëshironi, atëherë shtoni një tag
  të drejtpërdrejtë përpara titullit dhe pas tagit të imazhit.