Dodajte Web naslov koji ostaje svojim slikama

Dodajte HTML naslove na Web slike u 9 jednostavnih koraka

Slike dodaju život na svoje web stranice i skreću pažnju gledaoca. Napisi pružaju dodatne informacije o vašim veb slikama, ali ih je teško dodati na web stranice bez naprednih vještina HTML i CSS. Evo pouzdanog načina dodavanja jednostavnog, a ipak atraktivnog naslova na sliku koja ostaje sa slikom gdje god da ga premjestite na web stranici.

9 koraka do HTML slike

Dodajte naslov na sliku i pomjerite ih gdje god želite:

1. Dodajte sliku na svoju web stranicu.
2. U HTML-u za svoju web stranicu postavite oznaku div oko slike:
3. Dodajte atribu stila oznaku div:
   style = "" >
4. Postavite širinu diva na istu širinu kao i slika, sa svojom karakteristikom :
   width: image width px; ">
5. Za naslove koji su nešto manji od okružnog teksta, dodajte veličinu slova veličine u div style:
   font-size: 80%; ">
6. Napisi izgledaju najbolje ako su centrirani ispod slike, pa dodajte osobinu za tekstualno prilagođavanje atributu stila:
   text-align: center; "> < img src = "URL" alt = "alternativni tekst" width = "width" height = "height" />
7. Konačno, dodajte malo dodatnog razmaka između slike i naslova, dodajući atribu stila slici sa svojstvom stila za dodavanje:
   style =" padding-bottom: 0.5em; " />

1. Zatim dodajte naslov teksta direktno ispod slike:
   Ovo je moj natpis

Otpremite web stranicu na server i testirajte je u pregledaču.

Napomene o podacima

• Širina : CSS dimenzije mogu biti u različitim merenjima, tako da obično morate uključiti tip merenja. Na primjer: širina: 100 px ; Međutim, dimenzije HTML slike su uvek u pikselima, tako da ostavite merenje isključeno. width = "100"
• Ako širinu širine širite od širine slike, naslov se može pojaviti pored slike. Ako je to ono što želite, dodajte oznaku
  direktno prije naslova i nakon oznake slike.