Dodaj spletni naslov, ki ostaje s svojo sliko

Dodajte HTML napise na spletne slike v 9 preprostih korakih

Slike dodajo življenje na svoje spletne strani in pritegne pozornost gledalcev. Napisi ponujajo dodatne informacije o vaših spletnih slikah, vendar jih je težko dodati na spletne strani brez naprednih znanj HTML in CSS. Tukaj je zanesljiva metoda za dodajanje preprostega, a privlačnega naslova na sliko, ki ostane s sliko, kjer koli jo premaknete na spletno stran.

9 Koraki za slikovno kodo HTML

Dodajte podnaslov na sliko in jih premaknite skupaj, kjerkoli želite:

1. Dodajte sliko na svojo spletno stran.
2. V HTML za svojo spletno stran postavite oznako div pod sliko:
3. Dodajte atribut sloga oznaki div:
   style = "" >
4. širina: širina slike px; ">
5. Za naslove, ki so nekoliko manjši od okoliškega besedila, dodajte velikost pisave velikosti sl slogu:
   velikost pisave: 80%; ">
6. Napisi so najboljši, če so centrirani pod sliko, zato dodajte lastnosti besedila za atribut sloga:
   besedilo-poravnava: center; "> < img src = "URL" alt = "nadomestno besedilo" width = "širina" višina = "višina" />
7. Na koncu dodajte še malo dodatnega prostora med sliko in napisom, tako da dodate atribut sloga sliki s slogom oblike slogovine :
   style =" padding-bottom: 0.5em; " />

1. Nato dodajte besedilo pod naslovom neposredno pod sliko:
   To je moj napis

Prenesite spletno stran na strežnik in jo preizkusite v brskalniku.

Napotitveni nasveti

• Širina : razsežnosti CSS so lahko v številnih različnih meritvah, zato morate ponavadi vključiti vrsto merjenja. Na primer: širina: 100 px ; Vendar pa so dimenzije HTML slike vedno v slikovnih pikah, tako da merjenje izklopite. širina = "100"
• Če širino širine širite od širine slike, se lahko slika prikaže poleg slike. Če je to tisto, kar želite, dodajte oznako
  neposredno pred napisom in po oznaki slike.