sova ZÁKLADNÁ ŠKOLA CLEMENTISOVA 616/1, 024 01 KYSUCKÉ NOVÉ MESTO 

ff

logo skola okej

Základy Html a CSS

1. Úvod do HTML

HTML je skratka pre Hypertext Markup Language. Jednoducho povedané, webová stránka je obyčajný textový súbor zakódovaný cez HTML tak, že sa u webových prehliadačov zobrazi všetko ako pekne zformatované. 

Význam jednotlivých slov, z ktorých sa skladá skratka HTML:

  • Hypertext (hypertextový) Text,na ktorý keď kliknete, dostanete sa z jedneho dokumentu na iný. Je to schopnosť webových stránok vzájomne na seba odkazovať.
  • Markup (Značkovací) Značky,ktore dajú obyčajnému textu štruktúru a formát. Obyčajný text je proste označený pomocou značiek.
  • Language (jazyk) Poukazuje na skutočnosť, že HTML je považovaný za jazyk… Značkovací jazyk

Ako to celé funguje?

Kód vnútri súboru HTML je uzavretý medzi značkami. (tagy) Tieto značky signalizujú, kde sa má použiť formátovanie, ako má vyzerať rozdelenie slov, aké obrázky sa na určitých miestach použijú atd. Značky alebo tagy môžu byť párové alebo nepárové. 

Čítať Ďalej

2. Obrázky a pozadie

 Na začiatok by bolo dobré povedať si niečo o obrázkoch.

Druhy formátov obrázkov

Obrázky uverejnené na webovej stráke môžu byť rôznych formátov a vlastností. Na to, aby sme ich vedeli správne použiť, potrebujeme tieto vlastnosti pochopiť. Najčastejšie sa budeme stretávať s obrázkami JPG, GIF a PNG.

Formát JPG

Formát .jpg je vhodný pre ukladanie fotografií a obrázkov s veľkou farebnou hĺbkou. JPG  neumožňuje ukladať priehľadné alebo animované obrázky, preto je najvhodnejší pre fotografiu. Pri vytváraní obrázku v .jpg formáte je možné nastaviť mieru kompresie, čím sa zároveň zmení kvalita zobrazovaného obrázka ale i veľkosť. Je vhodné nájsť najlepší kompromis. Kvalita pre dostatočnú informatívnu hodnotu a veľkosť pre rýchle zobrazovanie na webovej stránke.

Obrázky vo formáte JPG je možné upravovať v grafických editoroch ako Gimp, Irfanview, Xnview a pod.

Čítať Ďalej