Webové technológie: HTML, CSS a javaScript

HTML 5

© Štefan Korečko, 2017-19

Elementy div a span

  • bez určeného významu a formy zobrazenia
  • zoskupujú obsah, vrátane ďalších elementov, ktorému chceme priradiť spoločné vlastnosti (skript, id, štýl, ...)
 

Div sa zobrazuje ako blokový.


Každý div začína na novom riadku.

Span sa zobrazuje ako riadkový (inline).
Každý span pokračuje v tom istom riadku.
Div sa zobrazuje ako blokový.
Každý div začína na novom riadku.
Span sa zobrazuje ako riadkový (inline). Každý span pokračuje v tom istom riadku.

Odstavec

 

Ja som prvý odstavec.
	Mám tu veľa veľa veľa veľa veľa veľa veľa veľa textu.


A ja druhý.

Ja som prvý odstavec. Mám tu veľa veľa veľa veľa veľa veľa veľa veľa textu.

A ja druhý.

Odstavec vs. pre

 

 Ja som
    odstavec. 


 Ja som
      predformátovaný text.

Ja som odstavec. 

 Ja som
      predformátovaný text.

Koniec riadka a medzera

 

Obyčajné medzery: [[    ]]  


Pevné medzery: [[    ]]  


Vynútený koniec riadka 
 nasleduje za elementom br.

Obyčajné medzery: [[ ]]

Pevné medzery: [[    ]]

Vynútený koniec riadka
nasleduje za elementom br.

Nadpisy

 

Nadpis úrovne 1

…

Nadpis úrovne 6

Nadpis úrovne 1

…
Nadpis úrovne 6

Formát písma

 
tučné, silné, šikmé, zdôraznené  

Horný index, Dolný index, malé písmo
tučné, silné, šikmé, zdôraznené
Horný index, Dolný index, malé písmo

Nečíslovaný zoznam

 

    
	
  •  borovica 
    • 
	
  •  dub 
    • 
	
  •  smrek 
    •
  • borovica
  • dub
  • smrek

Číslovaný zoznam

 

    
	
  1.  borovica 
    2. 
	
  2.  dub 
    3. 
	
  3.  smrek 
    4.
  1. borovica
  2. dub
  3. smrek

Číslovaný zoznam - atribúty

  • start – počiatočná hodnota číslovania
  • type – typ číslovania (1, A, a, I, i) 
 

    
	
  1.  borovica 
    2. 
	
  2.  dub 
    3. 
	
  3.  smrek 
    4.
  1. borovica
  2. dub
  3. smrek

Hlavičkový zoznam

 


	
Vek:

	
35 rokov.

	
Adresa:

	
K píle 28, Drevník
Vek:
35 rokov.
Adresa:
K píle 28, Drevník

Čiary

element hr 
 

Odstavec 1




Odstavec 2

Odstavec 1

Odstavec 2

Obrázky

  • Element img
  • povinné atribúty: src a alt
 
borovica
borovica
borovica borovica

Odkazy

  • Element a
 
Stránka Ahój 

Stránka Google 

Začiatok prezentácie
Stránka Ahój
Stránka Google
Začiatok prezentácie

Tabuľky: riadky a stĺpce

 


	
	 
 Názov Typ Počet 

	 
 Borovica ihličnatý 10 

	 
 Dub listnatý 15
Názov Typ Počet
Borovica ihličnatý 10
Dub listnatý 15

Tabuľky: nadpis

 


	Stromy v mojom lese
	
	 
 Názov Typ Počet 

	 
 Borovica ihličnatý 10 

	 
 Dub listnatý 15
Stromy v mojom lese
Názov Typ Počet
Borovica ihličnatý 10
Dub listnatý 15

Tabuľky: presah stĺpcov

 

 
	
 Názov Typ Počet 

	
 Borovica ihličnatý 10 

	
 Dub listnatý 15 

	
 Spolu: 25
Názov Typ Počet
Borovica ihličnatý 10
Dub listnatý 15
Spolu: 25
  • Presah riadkov: atribút rowspan

Tabuľky: zoskupovanie

 


   
 Názov Typ Počet 
  
 
	
 Borovica ihličnatý 10 

	
 Dub listnatý 15 

 
   
 Spolu: 25
Názov Typ Počet
Borovica ihličnatý 10
Dub listnatý 15
Spolu: 25
  • Zoskupovanie stĺpcov: element colgroup

Príklad `iframe`

 



Daj TUKE do rámca.

Daj TUKE do rámca.

Elementy sekcií: návod

http://html5doctor.com/downloads/h5d-sectioning-flowchart.png