HTML (HyperText Markup Language)
 - značkový jazyk určený na vytváranie webových stránok a iných informácií
  zobraziteľných vo webovom prehliadači
- príkazy (tagy) stačí napísať v textovom editore (napr. Poznámkový blok)
  a uložiť ako súbor s príponou html alebo htm
základné tagy
 <HTML>
 </HTML>
  začiatok a koniec dokumentu
 <HEAD>
 </HEAD>
  začiatok a koniec záhlavia dokumentu
 <TITLE>
  </TITLE>
  začiatok a koniec názvu dokumentu
 <BODY>
 .
 .
 .
 </BODY>
  začiatok a koniec tela dokumentu
 parametre tagu <BODY>
 BACKGROUND="obr.jpg"
  obrázok na pozadí (tapeta)
 - formát obrázku obr.jpg alebo obr.gif
 BGCOLOR="#xxxxxx"
  farba pozadia v hexadecimálnych hodnotách
 "#000000" až "#FFFFFF"
 TEXT="#xxxxxx"
  farba textu v celom dokumente
 LINK="#xxxxxx"
  farba odkazu
 VLINK="#xxxxxx"
  farba navštíveného odkazu
 ALINK="#xxxxxx"
  farba aktivovaného odkazu
 príklad: 
 <BODY BGCOLOR="black" TEXT="white" LINK="blue"
   VLINK="darkblue" ALINK="red">
  
 definícia stránky
   
  <HTML>
  <HEAD>
  <TITLE>Názov stránky</TITLE>
  </HEAD>
  <BODY>
  .
  .
  .
  </BODY>
  </HTML>

 <HR>
  vodorovná čiara
 príklad: 
 <HR WIDTH="50%" SIZE="4" COLOR="red">
 - vodorovná čiara:
        šírka: 50% šírky okna
        hrúbka: 4 pixely
        farba: červená
písmo
 tagy na zmenu písma
 <B>tučný text</B>
  tučný text
 <I>kurzíva</I>
  kurzíva
 <U>podčiarknutý text </U>
  podčiarknutý text
 <SUB>dolný index</SUB>
 		 Tdolný index
 <SUP>horný index</SUP>
 		 Thorný index
 <STRONG> zvýraznený text
 </STRONG>
  zvýraznený text
 <STRIKE>prečiarknutý text
 </STRIKE>
  prečiarknutý text
 <BIG>zväčšený text</BIG>
  zväčšený text
 <SMALL>zmenšený  text
 </SMALL>
  zmenšený text
<FONT> text </FONT>  nastavenie písma
 parametre tagu <FONT>
 SIZE="x"
  veľkosť písma (1-7)
 FACE="Arial"
  typ písma (Arial, Verdana...)
 COLOR="#xxxxxx"
  farba písma v hexadecimálnych
 hodnotách "#000000" až "#FFFFFF"
 príklad: 
 <FONT FACE="Arial" SIZE="5" COLOR="blue">text veľkosti 5, 
  druh písma Arial, modrej farby</FONT>

 nadpisy a odstavce
 <H1>Nadpis 1</H1>

 Nadpis 1
 <H2>Nadpis 2</H2>

 Nadpis 2
 <H3>Nadpis 3</H3>

 Nadpis 3
 <H4>Nadpis 4</H4>

 Nadpis 4
 <H5>Nadpis 5</H5>
 Nadpis 5
 <H6>Nadpis 6</H6>
 Nadpis 6
 <P>Text odstavca</P>
  Text odstavca
 <BR>
  prechod na nový riadok
odkazy
 príklady odkazov
 <A HREF="zaluby.htm">Moje záľuby</A>
 <A HREF="http://www.pokec.sk">odkaz na pokec</A>
 <A HREF="obrazok.jpg">môj obrázok</A>
 <A HREF="zaluby.htm">Moje záľuby </A>
 <A HREF="hudba.mp3">Hudba</A>
 <A HREF="video.mpg">Video</A>
 <A HREF="mailto:skola@zshodzovatn.edu.sk>Pošli mail</A>
 parametre tagu <A>
 TARGET="_blank"
  otvorenie odkazu v novom okne
 príklad: 
 <A HREF="http://www.pokec.sk TARGET="_blank">www.pokec.sk</A>
 farby
 - zadávajú sa anglickým názvom alebo
   hexadecimálnymi hodnotami RGB

 príklad: 
 (čierna farba pozadia dokumentu)
 BGCOLOR="black" alebo
 BGCOLOR="#000000"

 vzorkovník niektorých farieb
aqua
#00FFFF		  azure
#F0FFFF
black
#000000		 blue
#0000FF
brown
#A52A2A		 chocolate
#D2691E
darkgreen
#006400		 darkkhaki
#BDB76B
darkorange
#FF8C00		 darkred
#8B0000
deeppink
#FF1493		 deepskyblue
#00BFFF
forestgreen
#228B22		 ghostwhite
#F8F8FF
gold
#FFD700		 gray
#808080
green
#008000		 greenyellow
#ADFF2F
indianred
#CD5C5C		 indigo
#4B0082
khaki
#F0E68C		 lightblue
#ADD8E6
lightgreen
#90EE90		 lightgray
#D3D3D3
lightpink
#FFB6C1		 lightskyblue
#87CEFA
lightyellow
#FFFFE0		 lime
#00FF00
limegreen
#32CD32		 maroon
#800000
navy
#000080		 olive
#808000
orange
#FFA500		 orangered
#FF4500
orchid
#DA70D6		 peru
#CD853F
pink
#FFC0CB		 plum
#DDA0DD
purple
#800080		 red
#FF0000F
salmon
#FA8072		 seagreen
#2E8B57
seashell
#FFF5EE		 silver
#C0C0C0
skyblue
#87CEEB		 snow
#FFFAFA
steelblue
#4682B4		 tomato
#FF6347
violet
#EE82EE		 wheat
#F5DEB3
white
#FFFFFF		 whitesmoke
#F5F5F5
yellow
#FFFF00		 yellowgreen
#9ACD32
obrázky
 vkladanie obrázkov
 <IMG SRC="obrazok.jpg">
  vloženie obrázka s názvom obrazok.jpg
 parametre tagu <IMG>
 WIDTH="x"
 HEIGHT="x"
  šírka obrázku v pixeloch
 výška obrázku v pixeloch
 ALIGN="left/right"
  zarovnanie obrázku vodorovne
 (vľavo/vpravo)
 ALIGN="top/middle/bottom"
  zarovnanie obrázku zvislo
 (hore/v strede/dole)
 BORDER="x"
  okraj (ohraničenie) obrázku
 ALT="text"
  popisný (alternatívny) text obrázku
 HSPACE="x" 
 VSPACE="x"
  horizontálna medzera okolo obrázku
 vertikálna medzera okolo obrázku
 príklad: 
 <IMG SRC="obrazok.gif" WIDTH="200" HEIGHT="120" ALT="text k obrázku"
   ALIGN="middle" HSPACE="20" VSPACE="20">

 príklad vloženia obrázka:
  <IMG SRC="funny.jpg" BORDER="1">

tabuľky
 základné tagy
 <TABLE>
 </TABLE>
  začiatok a
 koniec tabuľky
 <TR>
 </TR> 		 začiatok a
 koniec riadku tabuľky
 <TD>
 </TD> 		 začiatok a
 koniec bunky tabuľky
 parametre tagu <TABLE>
 BORDER="x"
  rámik (ohraničenie) tabuľky
 BGCOLOR="#xxxxxx"
  farba pozadia tabuľky v hexadecimálnych
 hodnotách "#000000" až "#FFFFFF"
 CELLSPACING="x"
  medzera medzi bunkami tabuľky
 CELLPADDING="x"
  medzera medzi obsahom bunky a rámikom
 WIDTH="xx%"
  šírka tabuľky v %
 ALIGN=
 "LEFT/CENTER/RIGHT"
  zarovnanie tabuľky na aktuálnom riadku,
 pokiaľ je užšia ako riadok
 príklad: 
  <TABLE BGCOLOR="white" BORDER="1" CELLSPACING="4"
    CELLPADDING="1" WIDTH="90%" ALIGN=CENTER>
 parametre tagov <TR> <TD>
 ALIGN=
 "LEFT/CENTER/RIGHT"
  zarovnanie obsahu bunky
 vo vodorovnom smere
 (vľavo/v strede/vpravo)
 VALIGN=
 "TOP/MIDDLE/BOTTOM"
  zarovnanie obsahu bunky
 v zvislom smere
 (hore/ v strede/dole)
 ďalšie parametre tagu <TD>
 ROWSPAN="x"
  počet zlúčených buniek na riadku
 COLSPAN="x"
  počet zlúčených buniek v zvislom smere
 (v stĺpci)
 WIDTH="x"
  šírka bunky v pixeloch
 HEIGHT="x"
  výška bunky v pixeloch
 príklad tabuľky (2 stĺpce, 3 riadky):
 <TABLE WIDTH="90%" BORDER="1">
      <TR>
           <TD></TD>
           <TD></TD>
      </TR>
      <TR>
          <TD></TD>
          <TD></TD>
      </TR>
      <TR>
          <TD></TD>
          <TD></TD>
      </TR>
 </TABLE>