Okvir s HTML - kako deluje
Če želite medije na vašem spletnem mestu narediti bolj privlačne, lahko s kodo HTML narišete okvir okoli njega. V tem praktičnem nasvetu vam pokažemo, kako to deluje in katere prednosti ponujajo kaskadni listi slog (CSS) pri določanju okvira.
HTML kodiranje - narišite okvirje okoli slik in drugih medijev
Vsaka slika ima privzeto okvir, ki je širok en piksel. Vendar je to vidno le, če se slika uporablja kot hiperveza. Z atributom "border" lahko individualno določite debelino okvirja.
- V HTML-ju je koda za črni okvir z desetimi pikami videti nekako takole:
- Ta okvir se uporablja na vseh štirih straneh predmeta.
- Lahko pa s pomočjo programa za urejanje slik, kot je Gimp, narišete okvir okoli svoje slike.
- Upoštevajte, da bo slika s tem povečana in trajalo bo dlje časa, da jo obiskovalec vašega spletnega mesta prenese.
![](http://hackzl.com/img/internet/9377/rahmen-mit-html-gehts.webp)
V dokumentu HTML določite okvir s CSS
Okvir - na primer polje okrog besedila - lahko še natančneje določite s kaskadnimi slogovnimi listi.
- Drugi praktični nasvet vam pove, kako integrirati datoteko CSS na svoje spletno mesto.
- V tem dokumentu CSS lahko barvo in debelino okvira nastavite različno za vse štiri strani:
- border-bottom: # 999 - Nastavi barvo za spodnji okvir. Tu lahko uporabite tudi "border-top", "border-right" ali "border-left".
- širina obrobe: 0 0 tanka tanka - Določi debelino črte. To se naredi v smeri urinega kazalca. To pomeni, da zgoraj in desno ni mogoče videti nobene črte, na dnu in levi pa je definirana tanka črta.
- obroba: brez žlebnega žleba - definira dekorativni okvir za sliko ali škatlo. Slog "groove" ustvarja 3D učinek.
![](http://hackzl.com/img/internet/9377/rahmen-mit-html-gehts-2.webp)
Vaša domača stran seveda živi od njene prisotnosti v omrežju. V naslednjem članku boste prebrali najboljše nasvete za izboljšanje svoje Googlove uvrstitve.