Jak na webové stránky
Jednoduchý úvod do psaní kódu internetových stránek
Nadpisy
Nadpis webové stránky je definován pomocí značek hx. Za x si dosaďte číslice od 1 do 6. Jednička značí nejdůležitější nadpis, šestka nejméně. Ukázka:
Autoservis Gleta
Autoservis Gleta
Autoservis Gleta
Autoservis Gleta
Autoservis Gleta
Autoservis Gleta
Kodér by do zdrojového souboru html stránky napsal toto:
-
<h1>Autoservis Gleta
</h1>
-
<h2>Autoservis Gleta
</h2>
-
<h3>Autoservis Gleta
</h3>
-
<h4>Autoservis Gleta
</h4>
-
<h5>Autoservis Gleta
</h5>
-
<h6>Autoservis Gleta
</h6>
Zpět nahoru
Odstavce
Na příkladu odstavců ukážu, jak lze jednotlivé odstavce pojmenovat a v CSS souboru jim pak přiřadit specifickou formu. Nejdříve úsek ze sekce body v HTML souboru:
-
<h1>Petrolej do lamp
</h1>
-
<p class="prupovidka">Již v dobách Vinnetoua se o něj bojovalo
</p>
-
<h2>Fyzické vlastnosti
</h2>
-
<p>Ty bohužel neznám tak o nch radši nc psát nebudu.
</p>
Nyní zápis v CSS souboru.
-
h1 {color: red;}
-
h2 {border-bottom: 1px solid gray;}
-
p {color: gray;}
-
.prupovidka {color: red;}
Prohlídněte si
výsledek v prohlížeči. Všimněte si, že odstavcům je obecně nastavena šedá barva, ale těm, které mají nastaven atribut
class na hodnotu
prupovidka, těm je nastavna na červenou.
Zpět nahoru