Oznaka <link>

Oznaka <link> določa razmerje med trenutnim HTML dokumentom in zunanjim virom. Najpogosteje se uporablja za vključevanje zunanjih stilskih listov (CSS) ali dodajanje ikone (favicon) spletnemu mestu. Element <link> je prazen element, kar pomeni, da vsebuje le atribute in nima zaključne oznake. V razvojnem okolju PHPStorm zunanji slog ustvarimo tako, da z desnim klikom na projekt izberemo New > Stylesheet, določimo tip css in poimenujemo datoteko (npr. zunanji.css). Datoteko nato vstavimo v glavo (<head>) HTML dokumenta:

<link rel="stylesheet" href="style.css">

PRIMER

                    <!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>kako določiti razmerje med dokumentom in zunanjim virom</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Lorem Ipsum</h1>
<p>Lorem Ipsum je slepi tekst, ki se uporablja pri razvoju tipografij in pri pripravi za tisk. Lorem Ipsum je v uporabi
    že več kot petsto let, saj je to kombinacijo znakov neznani tiskar združil v vzorčno knjigo že v začetku 16. stoletja. 
    To besedilo pa ni zgolj preživelo pet stoletij, temveč se je z malenkostnimi spremembami uspešno uveljavilo tudi v 
    elektronskem namiznem založništvu. Na priljubljenosti je Lorem Ipsum pridobil v sedemdesetih letih prejšnjega stoletja, 
    ko so na trg lansirali Letraset folije z Lorem Ipsum odstavki. V zadnjem času se Lorem Ipsum pojavlja tudi v 
    priljubljenih programih za namizno založništvo kot je na primer Aldus PageMaker.</p>

<ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ol>

<p>Lorem Ipsum je slepi tekst, ki se uporablja pri razvoju tipografij in pri pripravi za tisk. Lorem Ipsum je v uporabi
    že več kot petsto let, saj je to kombinacijo znakov neznani tiskar združil v vzorčno knjigo že v začetku 16.
    stoletja. To besedilo pa ni zgolj preživelo pet stoletij, temveč se je z malenkostnimi spremembami uspešno
    uveljavilo tudi v elektronskem namiznem založništvu. Na priljubljenosti je Lorem Ipsum pridobil v sedemdesetih letih
    prejšnjega stoletja, ko so na trg lansirali Letraset folije z Lorem Ipsum odstavki. V zadnjem času se Lorem Ipsum
    pojavlja tudi v priljubljenih programih za namizno založništvo kot je na primer Aldus PageMaker.</p>
</body>
</html>                    
                

                    
                    
                        
* {
    box-sizing: border-box;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 30px;
}

h1 {
    margin: 0;
    padding: 10px;
    background: blue;
    color: white;
    border-radius: 8px;
    text-align: center;
}

p {
    display: block;
    width: 100%;
    padding: 10px;
    border: 4px double lightblue;
    border-radius: 12px;
}

ol {
    display: block;
    width: 100%;
    list-style: none;
    filter: drop-shadow(0 0 0.50em green);
}

ol li {
    padding: 10px;
    background: yellowgreen;
    color: black;
    margin-left: -35px;
}
                            
                    
                

REZULTAT

Spodnja tabela prikazuje atribute, ki jih lahko uporabimo z elementom <link> za natančnejšo definicijo povezave, določanje ciljne naprave (media), upravljanje varnostnih politik ali določanje jezika in vrste vira.

crossorigin (slo. Navzkrižni izvor)	Podaja, kako element obravnava zahteve navzkrižnega izvora.	Glej primer
href (slo. Povezava)	Določa lokacijo povezanega dokumenta.	GLEJ PRIMER
hreflang (slo. Jezik besedila)	Določa jezik besedila v povezanem dokumentu.	GLEJ PRIMER
media (slo. Mediji)	Določa, na kateri napravi bo prikazan povezan dokument.	GLEJ PRIMER
referrerpolicy (slo. Napotitvena politika)	Podaja, kateri napotitelj naj se uporabi pri pridobivanju vira.	GLEJ PRIMER
Rel (slo. Razmerje)	Obvezno. Podaja razmerje med trenutnim dokumentom in povezanim dokumentom.	GLEJ PRIMER
Sizes (slo. Velikosti)	Podaja velikost povezanega vira. Samo za rel="icon".	GLEJ PRIMER
Title (slo. Naslov)	Določa prednostno ali nadomestno datoteko slogov.	GLEJ PRIMER
Type (slo. Vrsta)	Podaja vrsto medija povezanega dokumenta.	GLEJ PRIMER