Ikone (ang. Icons)

Ikone so poleg slik, drugi način za popestritev naših spletnih strani. Poglejmo si nekaj načinov, kako dodamo ikono na našo spletno stran. Prvi način je da si preko spletne strani je Feather, ikono, naložimo na računalnik, shranimo na strežnik, in vstavimo povezavo kot <img src="povezava/ikona.svg">.


<Font Awesome Icons>

Če želimo uporabljati ikone iz njihove spletne strani, moramo biti registrirani, in potem v razdelek <head> vstavimo sledečo kodo.

<script src="https://kit.fontawesome.com/koda, ki jo dobimo na strani.js"></script>

Ko to naredimo, samo prilepimo povezavo, ki jo dobimo pri ikoni, na našo spletno stran.

<i class="fab fa-500px"></i>


Ikono lahko postavimo tudi pred (ang. Before) element ali za (ang. After) element. To lahko naredimo z enostavno

    
    <h5 class="before"><img src="https://mojblog.info/slike/Ikone/smiley.ico">glava h5 - "before"</h5>
    <h5 class="after"><img src="https://mojblog.info/slike/Ikone/smiley.ico">glava h5 - "after"</h5>
    
glava h5 - "before"
glava h5 - "after"

Naslednje, ki bi jih rad predstavil so Bootstrap ikone, imenovane GlyphIcons, ki jih najdemo na w3schools strani. Če želimo uporabljati Bootstrap ikone, moramo dodati naslednjo vrstico v <head>.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">


Zadnje ikone, ki želim predstaviti, pa so Google Icons, in vse kar moramo narediti, je skopirati Ctrl + C povezavo ikone, in jo prilepiti Ctrl + V v naš HTML editor. Če bi želeli uporabljati Google ikone, samo dodamo naslednjo vrstico
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
v <head> razdelek na spletni strani.

developer_board laptop cloud device_hub