OrgPad logo

MAT INF 18 a 19: HTML a CSS

Created by Tomáš Flídr

#inf, #maturita

MAT INF 18 a 19: HTML a CSS

Inline (přímý styl)

Pro jeden prvek: Uvnitř prvku, atribut style.

image

Internal

Pro jeden HTML soubor: v hlavičce, prvek <style>...</style>.

image

External

Pro více HTML, v odděleném souboru (.css).

image

Spojení s HTML

Vlastnosti textu a barvy

color, font-family, font-size, font-weight, background-color

image

Struktura

html, head, body, deklarace typu (<!DOCTYPE html>

Princip

HTML (hyper text markup language) se používá pro převod textového souboru na webovou stránku, původní autor Berners-Lee.

Používá značky (tagy), které mohou mít atributy a obsah. Pokod nemají obsah a koncovou značku, jsou nepárové.

V <head>---</head> jsou metadata včetně kódování a názvu stránky.

CSS určuje styl

Kaskádové styly (Cascading Style Sheets) - styl prvku platí i pro prvky uvnitř

HTML určuje obsah

Formátování

nadpisy h1-h6

zalomení řádku <br> nepárový

dělící čára <hr> nepárový

Tagy

image

Třídy

Nastavení stylu pro několik prvků najednou. Vytvoření formátování v css a použití atributu class (v prvku, např. div). Dají se kombinovat (class="trida1 trida2").

image

image

image

Seznamy

Nečíslovaný <ul> unordered list

Číslovaný <ol> ordered list

list item <li>

Vkládání

Obrázek img, parametry src, width, height.

image

Odkaz a, parametr href a text

image

Identifikátory

(ID) určují styl jednoho prvku (mají vyšší prioritu, musí být unkátní).

image

image