03.04.2012 22:13

 

 

 

HTML (HyperText Markup Language) je značkovací jazyk, ktorý je určený na definovanie štruktúry a vzhľadu dokumentov.

 

 

začiatok a koniec celého dokumentu

 

hlavička dokumentu

 

titulok dokumentutelo dokumentu

 

Kódovanie stránky - správne zobrazenie slovenských znakov s diakritikou

Keďže väčšina programov (a aj prehliadačov) pracuje štandardne v anglickom jazyku, nemusia sa správne zobrazovať slovenské diakritické znaky. Preto je dobré, keď sa priamo v stránke nastaví, v akom jazyku, resp. kódovaní, je daná stránka. Toto nastavenie sa robí pomocou značky

. Túto značku treba vkladať do vnútra značky . Obsah značky by mal vyzerať takto (pre kódovanie windows-1250):

 

Usporiadanie dokumentu:

 

Toto je telo dokumentu.

 

Značka

– definuje vlastné telo dokumentu

atribút	hodnoty	popis
bgcolor	#RRGGBB | rgb(r,g,b) | meno_farby	farba pozadia stránky
background	adresa súboru	definuje obrázok ako pozadie stránky

Použitie:

 

alebo

Značky na štruktúrovanie a členenie dokumentu

značka	popis
	Odstavec
	Nový riadok v rámci nejakého odstavca

Značka

 

 

 

 

atribút	hodnoty	popis
align	left | center | right	Zarovnanie textu v odstavci

Použitie:

 

 

Ahoj svet.

Ako sa mas?

 

Značky na formátovanie textu

značka	popis
	Nadpis úrovne 1
	Nadpis úrovne 2
	Nadpis úrovne 3
	Nadpis úrovne 4
	Nadpis úrovne 5
	Nadpis úrovne 6
	Tučné písmo
	Zvýraznené písmo
	Šikmé písmo
	Dolný index
	Horný index
	Veľké písmo
	Malé písmo

Použitie:

 

 

 

 

Ahoj svet.

Ako sa mas?
 

 

 

Obrázok - značka

atribút	hodnoty	popis
src	adresa súboru	zdrojový súbor obrázka
width	velkost | %	šírka obrázka
height	velkost | %	výška obrázka
align	top | bottom | middle | left | right	zarovnanie obrázka, prípadne obtekajúceho textu

Použitie:

 

 

 

 

Ahoj svet.

Ako sa mas?
< img src="psik.jpg">
< img src="macicka.jpg" width=70 align="top">

 

 

 

Odkazy - značka

Pomocou značky

môžeme robiť hypertextové odkazy na iné súbory v rámci servera, odkazy na iné servery, odkazy na e-mailové adresy a tiež vytvárať sekcie v rámci jedného dokumentu.

atribút	hodnoty	popis
href	adresa súboru/servera	cieľová adresa súboru/priečinka
target	_blank | _top | _parent | _self	cieľ, kde sa má odkaz otvoriť

 

 

Zoznamy (číslované, odrážkové, definičné)

značka	popis
	číslovný zoznam
	odrážkový zoznam
	položka číslovaného/odrážkového zoznamu
	definičný zoznam
	definovanie výrazu v definičnom zozname
	definovanie významu výrazu v definičnom zozname

Príklady:

	číslovaný zoznam	odrážkový zoznam	definičný zoznam
ukážka	Poradie v pretekoch: Fero Mária Jozef	Čo neznášam: zlých ľudí státie vo fronte	Významy skratiek: HTML HyperText Markup Language XHTML EXtensible HyperText Markup Language
zdrojový kód	Poradie v pretekoch: Fero Mária Jozef	Čo neznášam: zlých ľudí státie vo fronte	Významy skratiek: HTML HyperText Markup Language XHTML EXtensible HyperText Markup Language

 

Tabuľky

)

značka	popis
	začiatok a koniec celej tabuľky
definuje celý riadok
		definuje bunku v rámci riadka (

Značka

atribút	hodnoty	popis
border	px	šírka okraja tabuľky v bodoch
width	px | %	šírka tabuľky
background	adresa súboru	definuje obrázok ako pozadie celej tabuľky
bgcolor	#RRGGBB | rgb(r,g,b) | meno_farby	farba pozadia celej tabuľky

Značka

atribút	hodnoty	popis
align	left | center | right | justify	vodorovné zarovnanie textu vo všetkých bunkách riadka
valign	top | middle | bottom | baseline	zvislé zarovnanie textu vo všetkých bunkách riadka
bgcolor	#RRGGBB | rgb(r,g,b) | meno_farby	farba pozadia celého riadka

Značka

atribút	hodnoty	popis
align	left | center | right | justify	vodorovné zarovnanie textu vnútri bunky
valign	top | middle | bottom | baseline	zvislé zarovnanie textu vnútri bunky
bgcolor	#RRGGBB | rgb(r,g,b) | meno_farby	farba pozadia bunky
width	px | %	šírka bunky
height	px | %	výška bunky
colspan	číslo	číslo znamená počet stĺpcov, cez ktoré daná bunka presahuje
rowspan	číslo	číslo znamená počet riadkov, cez ktoré daná bunka presahuje