Video

Kalendár

<<  Október 2017  >>
PoUtStŠtPiSoNe
01
020304050608
09101112131415
161718192022
232425262729
3031

Sviatok má:
Alojzia
Zajtra: Kvetoslava

Doporučujeme vám



Podporte nás a umiestite si na web
našu ikonku
Zábavy, diskotéky, akcie
Kód:


Ďaľšie ikonky
Ak máte zaujem aby tu bola zobrazená aj vaša ikonka. Kontaktujete admina >>tu<<

Prihlásenie

Vítajte, naspäť Anonym.

 Užívateľské meno
 Heslo
(Registrovať)

Hľadať

Reklama



Možnosti

Zdielať na FB
[rss-091.xml]
[rss-092.xml]
[rss-20.xml]
[atom.xml]
[rsspozvanky]

Bookmark using any bookmark manager!

Zobrazenia

Celkom2608068
Týždeň3098
Dnes3098
Online16
  • Nové podujatia

  • Top hodnotenie

  • Top články

  • Nové články

Pre 1 2 Next

 

3. Začíname písať HTML kód

Téma: HTML
Autor: Karo88   Štvrtok, 08.01.2009 13:23
Tak vtomto dieli už začneme konečne písať náš prvý HTML kód.Takto vyzerá najčastešia štruktúra HTML stránky:
Kód:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
<
head>
  <
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  <
title>Meno</title>
</
head>
<
body>
  
samotný text stránky
</body>
</
html>


Doctype

Ide vlastne o návod pre prehliadač spracovávajúci dokument.
Kód:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


HTML

Kód:
<html>

začíná dokument
Kód:
</html>

končí dokument

Kód:
<heada niečo </head>

začíná a končí hlavičku, ktorá se sice nezobrazuje, ale obsahuje niektoré dôležité údaje, napríklad
Kód:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

Aby sa v prehliadači u užívatela správne zobrazovala slevenčina, prípadne čeština, tieto kódovania sú tri jedno som už spomenul čil už len zvyšné dve:
Kód:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

tak toto kódovanie ja osobne moc nepoužívam ale pre tých čo píšu v Poznámkovom bloku sa zíde
Kód:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

a nakoniec modernejšie kódovanie UTF-8 (Unicode)

Kód:
<title>Meno</title>

V titulku stránky sa nesmú používať žiadne HTML tagy

Čo je medzi
Kód:
<body>
  
samotný text stránky
</body>

sa bude zobrazovať. <body> je tag, ktorým začína vlastné telo dokumentu (angl. body = telo).

Hore uvedené tagy by mal obsahovať každý html soubor. Ak sa chcete hrať s HTML stránkou, je dobrý nápad zkopírovat si hore uvedený kód do nejakého souboru k vám na disk a robiť experimenty. Ak používame Poznámkový blok nezabudni, že súbor musí mať príponu vždy htm alebo html. V názve súboru nesmú byť medzeri a ani diakritika.

názovsúboru.html - zle
nazovsuboru.html - správne


Tip: ostré zátvorky sa na klávesnici robia pomocou pravého altu zmačknutého s tými klapkami <, >. nad ním (alebo napr. zavináč je pravý alt + V, s pravým altom sa dá urobiť celá rada ďalších znakov), vyzkúšajte si to.


Kód:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
<
head>
  <
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  <
title>Stránka dva</title>
</
head>
<
body>
  <
h1>Nadpis</h1>
  <
p>Odstavec s <b>tučným textom</b>, <i>kurzivou</i>. 
  <
span style="color: red;">Červený text.</span></p>
  <
h2>Nadpis druhej úrovne</h2>
  <
p>Odstavec s <i><b>tučnou kurzivou. </b></i><br>
  
Text po zalomení riadku patrí tiež do odstavca.</p>
</
body>
</
html>


Tak tu sa už vyskytujú nové tagy.
Kód:
<h1>, </h1>

vymedzenie nadpisu prvej úrovne
Kód:
<h2>, </h2>

nadpis druhej úrovne. Dá sa použiť až šest úrovní nadpisov (teda až <h6>). Vykreslujú sa rôzne veľké podľa dôležitosti.
Kód:
<p>, </p>

vymedzenie odstavcu. Na jeho konci prehliadač automaticky zalomí riadok a urobí vertikálnu medzeru.
Kód:
<b>, </b>

text medzi tymito tagy bude tučný.
Kód:
<i>, </i>

kurzíva
Kód:
<span>, </span>

vymedzuje nejako odlišný text
Kód:
<span style="color: red">, </span>

Obalý nám kus textu červenou farbou. Tu máme prvý príklad tagu, kde máme atribut. Atributem je "style" a má hodnotu "color: red" (angl. farba: červená). Pomocou tohoto atributu style= sa dá detailne nadefinovať vzhľad textu, obaleného ľubovoľným tagom.
Kód:
<br>

zalomenie riadku


Ďalšie tagy pre písmo:
<U></U> - potržené písmo
<STRIKE></STRIKE> - preškrtnuté písmo
<BIG></BIG> - ohraničuje písmo, ktoré bude o jeden bod väčšie než štandartné
<SMALL></SMALL> - ohraničuje písmo, ktoré bude o jeden bod menšie než štandartné
<SUB></SUB> - dolný index
<SUP></SUP> - horný index
Aby sme neboli obmedzovaný na jeden druh písma nám slúži.
Kód:
<FONT FACE="písmo" COLOR="farba" SIZE="veľkosť">text</FONT>

FACE pokiaľ je zle zadaný názov písma tak sa použije štandartne Times New Roman.
COLOR definuje farbu písma, zadáva sa v hexadecimálnom vyjadrení, ktoré vyzerá takto:#0000FF využíva sa najčastejšie lebo má nespočetné množstvo farieb. Prípadne sa napíše anglický názov danej farby napr, white, black, red, blue.
SIZE veľkosť písma od 1 do 7


Syntax HTML
HTML má niekoľko zásad, ktoré je dobré vedieť.

  • Nezáleží na veľkosti písma, <body> je to isté ako <BODY>
  • V adresách a menách súborov záleží na veľkosti písma, nesmú tam byť medzery a diakritika.
  • Tagy, ktoré prehliadač nepozná, ako by nexistovali.
  • Na začiatku tagu nesmie býť medzera, treba < br> je zle.
  • Dve medzery po sebe (alebo aj viac) majú rovnaký význam ako jedna medzera.
  • Koniec riadka v zdroji sa chápe ako medzera.
  • Mena atribútov je dobré dávať vždy do uvodzoviek.
  • Špeciálneí znaky typu © sa do zdroja zadávajú ako postupnosť znakov &niečo; napríklad &copy; , pevná medzera je &nbsp;
  • Poznámka sa do zdroja vkladá medzi značky <!-- a --> <!-- Toto je poznámka, ktorá sa nezobrazí. -->






  • Hodnotenie článku: 2.21
         1     2     3     4     5     
    Hlasovalo: 631

    "3. Začíname písať HTML kód" | Prihlásiť/Registrovať | 0 komentárov
    Za obsah komentárov je zodpovedný užívateľ, nie prevádzkovateľ týchto stránok.

    Ako anonymný užívateľ nemôžete posielať komentáre, prosíme zaregistrujte sa
    Partneri


    Page Rank [Valid RSS] Seo servis TOPlist

    Web je optimalizovaní pre rozlíšenie 1024x768 a prehliadač Mozila.
    Copyright © 2008 by Kam teraz

    Čas potrebný k spracovaniu stránky 0.17 sekúnd
    Internetové stránky vytvoril a spravuje Jozef Karas.