HTML Head



Head alebo po slovensky hlavička obsahuje informácie o texte ktorý tvorí stránku. Hlavičku vymedzujú dva tagy <head></head>. Využívajú sa tam tagy <title>, <style>, <meta>, <link>.




Tag <title>



Tag title slúži na to aby ste vedeli nastaviť aký text sa zobrazí hore v záložke.


<head>

<title>titul stranky</title>

</head>





Tag <style>



Tento tag definuje štýli nejakých vecí na tejto jednej stránke. Keď chcete definovať nejakú vlastnosť niečoho, tak musíte najprv napísať čoho. Následne dáte tie divné zátvorky. V týchto zátvorkách teraz viete napísať aké atribúty budú mať všetky prvky tohto typu.


Príklad:

<head>
<style>
body {background-color:blue}
h1 {color:red}
p {color:grey}
</style>
</head>
<body>
<h1>nadpis</h1>
<p>paragraf</p>
</body>



Tag <link>



Tento tag sa používa na to keď si chcete na stránku importnúť nejaký externý súbor ako napr. CSS alebo iconu stránky v záložke. O tom sa dozviete viec v ďaľších kapitolách.


<head>


<link rel="stylesheet" href="adresa CSS súboru">


<link rel="icon" href="adresa obrazku, ktorý bude ikona">


</head>




Tag <meta>



Tímto tagom sa definujú nejaké informácie ktoré sú pre prihliadač. Ako napríklad klúčové slová, krátky opis stránky, autor, prispôsobenie sa stránky, kódovanie a mnoho iných.


<head>


<meta name="description" content="Stránka na učenie HTML a CSS">


<meta name="keywords" content="HTML, CSS">


<meta name="author" content="Jakub Drobný, Matúš Hladký">


<meta name="viewport" content="width=device-width,initial-scale=1">


<meta charset="utf-8">


</head>