Kamokere-vitaj
Current Date/Time 2
WWW.KAMOKERE.SZM.SK - Chatovacka

Menu

Home
chatovacka
Stavba PC
Bob marley

Téma

motorka
Canabis

Tvorba www

Tvorba HTML
Tagy
Ako prilakat ludi .1
Ako prilakat ludi .2
Ako prilakat ludi .3
Ramy alebo tab..
Robime stranku.1
Robime stranku.2

Flash

Nástroje
Tipy
Casova os
Najzakl.prikazy
Objekty vo Flash
Animacie vo Flash
Hierarchia inscen..
Fonty
Kniznice
Prikazy

Webhosting

DAJ SI SPRAVIT
Príklady

Iné...

Email
Moje stranky
KUDOclan
POST
TAGY

Web používa jazyk na popis stránky a tento jazyk sa volá Hypertext Markup Language(Html)

  • vždy je to textový súbor.
  • príkazy tohto jazyka sú spolu so svojimi parametrami uzatvárané do špicatých zátvoriek.
  • príkazy sú buď párové, alebo nepárové. Párový príkaz slúži. k formátovaniu elementu. Nepárový príkaz sa vzťahuje na celý dokument
  • je to tolerantný jazyk, ak urobíte nejakú chybu , alebo zadáte nesprávny príkaz, tak on tu chybu jednoducho ju nezobrazi.

NIEKTORÉ UŽITOČNÉ TAGY (značky) PRI HTML:

Tag Body

<BODY>...</BODY>

Uvádza začiatok a koniec HTML kódu, ktorý sa bude zobrazovať

<BODY leftmargin="číslo">

Veľkosť ľavého okraju stránky v pixelech (pro IE)

<BODY topmargin="číslo">

Veľkosť horného okraju stránky v pixelech (pro IE)

<BODY marginheight="číslo">

Veľkosť horného okraju stránky v pixelech (pro NN)

<BODY marginwidth="číslo">

Veľkosť ľavého okraju stránky v pixelech (pro NN)

<BODY bgcolor="farba">

Nastavenie farby pozadia stránky v hexadecimálnom tvare

<BODY background="súbor.xxx">

Nastavuje obrázok na pozadie stránky

<BODY text="farba">

Špecifikuje farbu normálneho textu v hexadecimálnom tvare

<BODY link="farba">

Špecifikuje štandardnú farbu nenavštívených odkazov v hexadecimálnom tvare

<BODY alink="farba">

Špecifikuje štandardnú farbu aktívnych odkazov v hexadecimálnom tvare

<BODY vlink="farba">

Špecifikuje štandardnú farbu navštívených odkazov v hexadecimálnom tvare

Formátovanie textu

<b>...</b>

Tučný text (bold)

<i>...</i>

Sklonený text (italic)

<u>...</u>

Podčiarknutý text (underline)

<sub>...</sub>

Horný index písma

<sup>...</sup>

Dolný index písma

<strike>...</strike>

Preškrtnuté písmo

<small>...</small>

Zmenší veľkosť textu o jeden stupeň

<big>...</big>

Zmenší veľkosť textu o jeden stupeň

<pre>...</pre>

Text je zobrazený presne tak, ako je naformátovaný v HTML kódu.

<H1-H6>...</H1-H6>

Vytvorí nadpisy, H1 je najväčšia veľkosť, H6 najmenšia

<BR>

Ukončenie riadku textu.

<P>...</P>

Nový odstavec textu

<P align="left/right/center/justify">

Zarovnanie textu v odstavci

 

 

Písmo - tag Font

<FONT>...</FONT>

Základný tag pre zmenu písma

<FONT size="value">

Veľkosť písma od 1 do 7, hodnota 1 je najmenšia, 7 je najväčšia

<FONT face="name">

Druh písma na stránke (napr. Arial)

<FONT color="farba">

Farba písma, v hexadecimálnom tvare

Odkazy - tag A (anchor)

<A>...</A>

Štartovací a ukončovací tag odkazu

<A HREF="URL">

Vytvorí odkaz na zadanú adresu

<A HREF="#NAME">

Skok na definované miesto v aktuálnej stránke

<A HREF="URL#NAME">

Odkaz na uvedenú stránku a skok na definované miesto v nej

<A NAME="NAME">

Definícia pomenovanej časti dokumentu (súvisí s dvoma predchádzajúcimi parametrami)

<A HREF="mailto:email">

Vytvorí odkaz, ktorý otvorí email s predefinovanou emailovou adresou

<A target="_blank/_self/_parent/_top">

Špecifikuje, v akom okne prehliadača sa má dokument zobraziť

 

Obrázky - tag Img -

<IMG>

Vloženie obrázku do dokumentu

<IMG src="url" alt="text">

Vloženie obrázku, ktorý sa má zobraziť a jeho popis

<IMG align="left/right/center/bottom/top">

Určuje zarovnanie obrázku

<IMG border="číslo">

Veľkosť orámovania obrázku v pixelech

<IMG height="číslo">

Určuje výšku obrázku v pixelech

<IMG width="číslo">

Určuje šírku obrázku v pixelech

<IMG hspace="číslo">

Určuje veľkosť voľného priestoru obrázku vľavo a vpravo v pixelech

<IMG vspace="číslo">

Určuje veľkosť voľného priestoru nad a pod obrázkom v pixelech

<IMG usemap="map-name">

Definuje, že obrázok je "klikacia mapa"

Tabuľky - tag Table, Tr, Td

<TABLE>...</TABLE>

Vytvorenie tabuľky

<TABLE border="číslo">

Nastavenie orámovania tabuľky v pixelech

<TABLE cellspacing="číslo">

Určuje odsazenie vnútorného priestoru medzi jednotlivými bunkami tabuliek

<TABLE cellpadding="číslo">

Určuje veľkosť vnútorného osazenia od okraja bunky tabuľky

<TABLE height="číslo" alebo "%">

Určuje výšku tabuľky v pixelech alebo percentuálnu veľkosť okna prehliadača

<TABLE width="číslo" or "%">

Určuje šírku tabuľky v pixelech alebo percentuálnu veľkosť okna prehliadača

<TD>...</TD>

Definuje bunku tabuľky

<TD bgcolor="farba">

Nastaví definovanú farbu pre bunku tabuľky

<TD colspan="číslo">

Určuje počet stĺpcov, ktoré má daná bunka spojovať

<TD rowspan="číslo">

Určuje počet riadkov, ktoré má daná bunka spojovať

<TD nowrap>

Určuje, že obsah bunky nebude zalomený

<TH>...</TH>

Definuje záhlavie tabuľky, kde text bude zobrazený tučne a vycentrovaný na stred

<TR>...</TR>

Vytvorí riadky tabuľky

<TR bgcolor="farba">

Nastaví definovanú farbu pre celý riadok tabuľky

<TR align="left/right/center">

Definuje horizontálne zarovnanie obsahu celého riadku

<TR valign="top/middle/bottom">

Definuje vertikálne zarovnanie obsahu celého riadku

<TD align="left/right/center">

Definuje horizontálne zarovnanie obsahu bunky tabuľky

<TD valign="top/middle/bottom">

Definuje vertikálne zarovnanie obsahu bunky tabuľky

Zoznamy a definičné výčty

<UL>...</UL>

Štart a koniec nečíslovaného zoznamu

<OL>...</OL>

Štart a koniec číslovaného zoznamu

<OL type="a/A/i/I/1">

Druh číslovania dokumentu

<LI>položka

Vytvorenie položky pre číslovaný alebo nečíslovaný zoznam

<LI type="square/disc/circle">

Typ odrážky v položke: square- štvorec, disk - prázdne koliečko, circle - plné koliečko

<DL>...</DL>

Štart a koniec definičného sčítania

<DT>

Definícia pojmu

<DT>

Vysvetlenie pojmu (<DL><DT>Pojem<DT>Vysvetlenie </DL>)

Ohraničenia - tag Frameset, Frame, Noframe

<FRAMESET>...</FRAMESET>

Definícia ohraničenia na stránke, musí byť umiestnená pred BODY

<FRAMESET rows="číslo,číslo">

Určuje vzájomné rozmery riadku hraničení, je možné zadať číselnú hodnotu, percentuálnu alebo *

<FRAMESET cols="číslo,číslo">

Určuje vzájomné rozmery stĺpcov ohraničení, je možné zadať číselnú hodnotu, percentuálnu alebo *

<NOFRAMES>...</NOFRAMES>

Alternatívni obsah pre prehliadače nepodporujúce rámy

<FRAME src="?">

Definuje obsah (HTML stránku) konkrétneho rámca

<FRAME name="name">

Určenie mena rámca, na ktorý sa potom možno odkazovať

<FRAME marginwidth="číslo">

Určenie šírky okraja daného rámca

<FRAME marginheight="číslo">

Určenie výšky okraja daného rámca

<FRAME scrolling="auto/yes/no">

Vytvorí, vyruší či zobrazí podľa potreby v rámci rolovaciu lištu

<FRAME noresize>

Zruší možnosť zmeny veľkosti rámcov čitateľom.

Formuláre - tag Form, Select, Input

<FORM>...</FORM>

Uvádza začiatok a koniec samotného formulára

<FORM action="url">

Definuje cestu ku skriptu, ktorý bude dáta z formulára spracovávať

<FORM method="get|post">

Druh odoslania dát serveru

<FORM accept="media type">

Definícia MINE

<FORM accept-charset="text">

Definícia znakovej sady

<FORM enctype="media type">

Definuje formát odoslaných dát

<SELECT name="meno">...</SELECT>

Vytvorí rolovacie menu

<SELECT size="číslo">

Size určuje veľkosť roletového menu (koľko položiek bude vidieť naraz

<SELECT multiple>

Multiple - umožní vybrať kurzorom viac položiek súčasne

<OPTION>

Tag pre definíciu položky v Select

<INPUT align="left/right/top/bottom/middle">

Zarovnanie prvku formulára

<INPUT type="text/password" size="číslo">

Veľkosť formulárového poľa v znakoch

<INPUT type="text/password" maxlength="číslo">

Maxlength - maximálny počet znakov, ktoré možno zadať do formulárového poľa

<INPUT type="text/password" value="text">

Value - vopred pripravený text/heslo vo formulárovom poli

<INPUT type="checkbox">

Vytvorí zatržítko (checkbox)

<INPUT type="checkbox" checked>

Checked - automaticky toto zatržítko zatrhne (IE only)

<INPUT type="hidden" value="hodnota">

Neviditeľné pole, používa sa pre odoslanie vopred definovaných hodnôt (určených pomocou value).

<INPUT type="image" src="URL">

Obrázok, ktorý slúži ako odosielacie tlačítko, URL určuje cestu k obrázku

<INPUT type="password">

Vytvorí pole pre zadávanie hesla (hviezdičky)

<INPUT type="radio">

Vytvorí radio-button

<INPUT type="radio" name="text">

Name definuje text, ktorý musí byť rovnaký pre jednu sériu radio-buttonov (aby išlo vybrať iba jednu položku)

<INPUT type="radio" value="hodnota">

Value definuje hodnotu, ktorá sa odošle serveru ku spracovaniu (server potom vie, aký radio-button ste vybrali)

<INPUT type="text">

Vytvorí pole pre text

<INPUT type="textarea">

Vytvorí viacriadkové pole pre text

<INPUT type="textarea" rows="číslo" >

Rows - počet riadkov v text area - určuje "výšku" textarea

<INPUT type="textarea" cols="číslo">

Cols - počet stĺpcov/znakov v textarea - určuje "šírku" textarea

<INPUT type="submit">

Odošle obsah formulára serveru

<INPUT type="reset">

Vymaže obsah formulára a nastaví pôvodné údaje

<INPUT type="submit/reset" value="text">

Text, ktorý sa zobrazí na odosielaciom alebo vymazávaciom tlačítku

Tag Meta

<meta name="typ informácie" CONTENT="samotná informácia">

Prvý druh meta-tagu (umiestňuje sa do sekce HEAD)

<meta http-equiv="typ informácie" CONTENT="samotná informácia">

Druhý druh meta-tagu (umiestňuje sa do sekce HEAD)

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

Definícia kódovanej stránky (windows-1250)

<meta http-equiv="Refresh" content="číslo; URL=adresa">

Meta-tag pre presmerovanie, číslo je počet sekúnd, dokým dôjde k presmerovaniu, URL je adresa, kam bude prehliadač presmerovaný

<meta name="description" content="popis_stránky">

Meta-tag pre definíciu popisu stránky (pre vyhliadávače)

<meta name="keywords" content="kľúčová, slova">

Meta-tag pre definíciu kľúčových slov, oddeľuje sa čiarkou (pre vyhľadávače)

 

Java Script:

Je to skriptový jazyk, ktorý slúži na oživenie www stránok. Programy v jazyku JS majú tú výhodu, že zdrojový kód je priamo súčasťou stránky html a nie je potreba ho kompilovať. JS je podobný jazykom Jave, je však zjednodušený(tým však nestráca na svojej výkonnosti).

Java Script nie je vhodný pre tých, čo vôbec predtým neprogramovali. Naopak, tí čo majú skúsenosti s C, C++, budú mať prácu uľahčenú.