HTML tags

Všetko pre váš web banery HTMl kody a scripty...

HTML kody

Úvod do HTML

<HTML></HTML> určuje počátek a konec vlastních dat stránky. Tento tag je povinný, ale většina prohlížečů dokáže stránku zobrazit, i když chybí.

<HEAD></HEAD> je hlavička stránky, která obsahuje několik tagů, které určují vlastnosti stránky

<TITLE> </TITLE> . Do tohoto tagu se zapisuje titulek stránky. Neměl by být příliš dlouhý (max. 64 znaků)

  <BODY></BODY> určuje tělo dokumentu, právě tam budete zapisovat obsah stránky.

Odstavce

K oddělení jednotlivých odstavců slouží tag <P></P>.

Někdy vám může dělat problém, že je text u <P> tagu zarovnán podle velikosti okna prohlížeče, nemůžete přesně určit, jak bude text zarovnán.  Pokud tedy potřebujete určit, kdy se má text vypsat na nový řádek, vložte na konec předešlého řádku tag <BR>

<p> Ahoj, <BR>

 

snad vám to bude k užitku < BR>

 

keli </p>

Odstavce můžeme zarovnávat pomocí atributu align.

 

Hodnoty align mohou být: l eft, center, right.

<p align="left"> Odstavec zarovnaný vlevo (výchozí hodnota). </p>
<p align="center"> Odstavec zarovnaný na střed. </p>
<p align="right"> Odstavec zarovnaný vpravo. </p>

Nadpisy

Nadpisy se dělí podle úrovně a velikosti. Největší je nadpis první úrovně <H1></H1> a nejmenší je nadpis šesté úrovně <H6></H6>.

Pokud chcete   dokument trochu rozdělit, aby se jednotlivé části nepletly, použijte tag <HR>, který zobrazí horizontální čáru přes celou šířku okna prohlížeče.

Pokud vám nevyhovuje základní vzhled čáry, můžete si nastavit některé jeji vlastnosti:

WIDTH="10%" určuje délku čáry, můžete ji zadat

v procentech nebo v pixelech....Na ukázku jsem text odělila čarou  tloušťky1


SIZE="1" tloušťka čáry v pixelech

<HR WIDTH="100%" SIZE="1">

Písmo

Pokud potřebujete změnit fonty, barvu textu, použijte tag <FONT></FONT>, pomocí kterého můžete text různě měnit.

<FONT COLOR="BLACK" FACE="Arial"> text </FONT>

Odkazy

Odkaz je zvýrazněná část textu, ve které se skrývá adresa dalších WWW stránek (URL). Po kliknutí na odkaz prohlížeč otevře okno s novou adresou. V HTML lze odkaz zapsat takto:

<A HREF="http://www.keli.websnadno.cz">text odkazu</A>

Kromě textu můžeme odkazovat i obrázkem. Toho jednoduše docílíme vložením obrázku mezi tagy

<A></A>

<A HREF="http://www. keli.websnadno. cz"><IMG SRC="obrazek.gif BORDER="0"></A>

Atribut BORDER="0" u obrázku <IMG> použijeme pokud nechceme, aby byl okolo odkazujícího obrázku rámeček.

Jestli chcete vytvořit odkaz, který zjišťuje stažení nějakého souboru, do URL uvedete přesnou adresu, kde se soubor nachází.

<A HREF="http://www.odkaz.cz/soubor.zip">soubor.zip</A>

Tak to by asi pro začátek mohlo stačit. Snad vám něco z toho pomohlo a bude vám to k užitku.:-)
Barevný text
Sem si napište váš text...

Kurzy měn
EUR 24.525 změna
GBP 30.831 změna
SKK 80.930 změna
USD 16.797 změna
<table border="0" width="100%" height="140" id="table1">
                        <tr>
                            <td width="130"> <div style="width:125px; padding:2px">
<div style="text-align: center; white-space: nowrap;">

<a href="http://www.kurzy.cz/"
title="Kurzy měn, kurzovní lístek ČNB, akcie"><font size="2"><img
alt="Kurzy logo"
src="http://www.kurzy.cz/export/kurzy-125.gif"
style="border:0px" /></font></a><font size="2"><br />
<a href="http://www.kurzy.cz/kurzy-men/"
id="kurzy_datum">Kurzy ČNB</a></a>
</font>
</div>

<div>
<table style="width:125px;" id="k__t"><tr><td><font size="2"> </font><a href="http://www.kurzy.cz/kurzy-men/nejlepsi-kurzy/EUR-euro/" id="k__EUR" title="euro - nejlepší kurz EUR"><font size="2">EUR</font></a></td><td align="right" id="kk__EUR"></td><td align="right"><a href="http://www.kurzy.cz/kurzy-men/grafy/CZK-EUR/" title="euro - historie a graf vývoje EUR">
    <font size="2"><img src="http://i.fin.cz/i/flag/arrU.GIF" alt="změna" id="kz__EUR" style="border:0" /></font></a></td></tr>
<tr><td><font size="2"> </font><a href="http://www.kurzy.cz/kurzy-men/nejlepsi-kurzy/GBP-britska-libra/" id="k__GBP" title="britská libra - nejlepší kurz GBP"><font size="2">GBP</font></a></td><td align="right" id="kk__GBP"></td><td align="right"><a href="http://www.kurzy.cz/kurzy-men/grafy/CZK-GBP/" title="britská libra - historie a graf vývoje GBP">
    <font size="2"><img src="http://i.fin.cz/i/flag/arrU.GIF" alt="změna" id="kz__GBP" style="border:0" /></font></a></td></tr>

<tr><td><font size="2"> </font><a href="http://www.kurzy.cz/kurzy-men/nejlepsi-kurzy/SKK-slovenska-koruna/" id="k__SKK" title="slovenská koruna - nejlepší kurz SKK"><font size="2">SKK</font></a></td><td align="right" id="kk__SKK"></td><td align="right"><a href="http://www.kurzy.cz/kurzy-men/grafy/CZK-SKK/" title="slovenská koruna - historie a graf vývoje SKK">
    <font size="2"><img src="http://i.fin.cz/i/flag/arrU.GIF" alt="změna" id="kz__SKK" style="border:0" /></font></a></td></tr>
<tr><td><font size="2"> </font><a href="http://www.kurzy.cz/kurzy-men/nejlepsi-kurzy/USD-americky-dolar/" id="k__USD" title="americký dolar - nejlepší kurz USD"><font size="2">USD</font></a></td><td align="right" id="kk__USD"></td><td align="right"><a href="http://www.kurzy.cz/kurzy-men/grafy/CZK-USD/" title="americký dolar - historie a graf vývoje USD">
    <font size="2"><img src="http://i.fin.cz/i/flag/arrU.GIF" alt="změna" id="kz__USD" style="border:0" /></font></a></td></tr>

</table>
</div>

</div>
<script src="http://www.kurzy.cz/export/templ.dat/F=tinykurzak&t=js" type="text/javascript"></script>

</td>

HTML kód na psací písmo
<FONT face=script size=10>sem napiš tvůj text</FONT>
HTML kód na převod měn
<script type="text/javascript" src="http://www.green-acres.com/cz/converter1.js"></script><h2 id="cc_1"><a href="http://www.green-acres.com">PŘEVODNÍK MĚN</a></h2><h2 id="cc_2">nainstalujte si na Vaše stránky [ <a href="http://www.green-acres.com/cz/currency_converter_get.htm">zdarma</a> ]</h2><script type="text/javascript">convert('100','EUR','GBP')</script>

PŘEVODNÍK MĚN

nainstalujte si na Vaše stránky [ zdarma ]


Změna barvy odkazu
<style>
<!--
a { color:red }
a:hover {c olor:green }
-->
</style>
Barvu si samozřejmě zvol podle svého
příklad:
<style>
<!--
a {color:red}
a:hover {color:green}
-->
</style>
<a href="http://www.keli.websnadno.cz" title="popis">

Kurzor přesýpacích hodin
<style>
<!--
   a {cursor: wait;}
--->
</style>
<a href="http://www.keli.websnadno.cz">Kurzor přesýpacích hodin</a>

Vytvořte si vlastní ikonku

Příprava ikonky

Ikonku si můžete připravit v nějakém grafickém editoru nebo si jí stáhnou někde z internetu.
Pokud si budete chtít připravit vlastní ikonku držte se následujících rad:

  • Ikonku vytvářejte v rozlišení 16x16, nebo 32x32 v žádném případě nedělejte větší ikonku.
  • Ikonka se musí jmenovat přesně "favicon.ico".
  • Ikonka by měla být jednoduchá nic složitého nejde stejně nakreslit na obrázek s rozlišením
  • 16x16, nebo 32x32.
  • Ikonka tohoto webu je velmi jednoduchá.  

Ikonka v Internet exploreru

V IE se ikonka zobrazuje jen pokud si stránku přidáte k oblíbeným,
ikonka se musí jmenovat favicon.ico a musí být umístěna v hlavní složce webu.

Ikonka v prohlížečích: Mozilla, Netscape, Firefox a Opera

V těchto nejnovějších prohlížečích lze nastavit ikonku pro každou stránku
a přitom není potřeba přidat stránku do oblíbených stačí přidat do hlavičky
následující zdrojový kód.
<link rel="shortcut icon" href="favicon.ico">

Tento zápis funguje všude a nezáleží jaký máte hosting.


Ochrana dat

Zde existuje množství způsobů jak schovat různé informace na stránkách. Nejdříve je nutné si uvědomit, před kým resp. čím dané informace schováváte. Je-li to jen člověk. Můžete podle ruského vzoru použít text psaný barvou pozadí na místě, kde by ho nečekal. Po označení celého textu se skrytý text objeví.


hledáš něco?!?

<p><font color="#ffffff">hledáš něco</font></p>

Zábavné prográmky, které naštvou i potěší

<div style="text-align: center;"><iframe marginwidth="0"
 marginheight="0" hspace="1" vspace="1"
 bordercolor="black"
 src="http://www.bazarekzadara.ic.cz/exesoubory.html" frameborder="0"
 height="700" width="500"></iframe></div

 Tlačítko

<INPUT TYPE="CHECKBOX" ID="C1" NAME="C1" VALUE="YES">
<LABEL FOR="C1">Tady klikni</LABEL>

Krasa.cz

HTML kód nastavit jako domovskou stránku

 

<span><a href="#" onclick="document.body.style.behavior='url(#default#homepage)';document.body.setHomePage
(
'http://www.keli.websnadnocz/ ');return false;"><strong> Nastavit keli </strong> jako domovskou stránku</a></span>


Napiš si název stránky
Adresa stránky


Změna obrázku po najetí myší

<img src=" url prvního obrázku " onmouseover="this.src=' url druhého obrázku ';" onmouseout="this.src=' ZNOVU url prvního obrázku ';">
OBRÁZKY MUSÍ BÝT VE FORMÁTU .GIF !!!
Rolovací okno

<DIV STYLE="position:relative; width:400; height:120; top:0; left:50; background-color:lightyellow; overflow:scroll; border: 1px inset black; padding:10") ... vlastní text ... Bla bla bla ... </DIV>
Běhací písmo

K e l i ! !

<center>
<p align="center"><font size="+3" color="#FF0000"><marquee behavior="alternate" scrolldelay="65" width="12%">K</marquee><marquee behavior="alternate" scrolldelay="20" width="12%">e</marquee><marquee behavior="alternate" scrolldelay="60" width="12%">l</marquee><marquee behavior="alternate" scrolldelay="30" width="12%">i</marquee><marquee behavior="alternate" scrolldelay="50" width="12%">!</marquee><marquee behavior="alternate" scrolldelay="70" width="12%">!</marquee></font></center>

rychlost  písmen řídíš  čísly...tag pro barvu a centrování si taky upravíš jak chceš

HTML kód  na vložení videa

 

<embed src="Název videa + typ" width="300" height="250">


Změna pozadí v buňce

<a href="javascript:changeColor("AA","#FF0000")">Změnit barvu pozadí na červenou</a><br>

<a href="javascript:changeColor("AA","#00FF00")">Změnit barvu pozadí na zelenou</a>

Seznam vyhledávač

 <FORM name=hledani action=http://search.seznam.cz/search.cgi method=get target=_blank><BR><BR><BR>
<TABLE cellSpacing=7 cellPadding=0 width=134 bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 width=120 bgColor=#000000 border=0>
<TBODY>
<TR>
<TD align=left><A href=" height=20 alt="S e z n
a m" hspace=2 src=" http://1.im.cz/ctverecek/logonew2.gif " width=60 border=0></A></TD></TR>
<TR>
<TD abgcolor="#000000"><INPUT style="WIDTH: 121px; POSITION: relative; TOP: 2px" maxLength=200 size=25 name=w></TD></TR>
<TR>
<TD bgColor=#ec0000><IMG height=3 src=" http://1.im.cz/novinky/dot.gif " width=1></TD></TR>
<TR>
<TD align=right><INPUT type=image height=10 alt="hledej na
Internetu" width=108 src=" http://1.im.cz/ctverecek/tlacitko2.gif " border=0 name=submit></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FORM>
S e z n a m

  HTML kód přehrávač

 

Protože ne všichni  používají jako prohlížeč Internet Explorer, tak některé kódy prostě nefungují všude
stejně nebo  vůbec. U Mozilly Firefox je známo, že pro přehrávání hudby je potřeba plug-inu, ale jelikož
najít ho není zrovna jednoduché (jak pro koho) a protože nekaždý si ho nainstaloval, tak dochází k tomu,
že pokud si administrátor umístí na svůj web hudbu, tak jedinný kdo ji může poslouchat je on a několik,
kteří  používají IE nebo mají již zmíněný plug-in do Mozilly. Proto přidávám univerzální kód, který snad bude
fungovat ve většině známých a užívaných prohlížečů ( IE, MF a O )
 

 

 

<embed codebase="http://www.microsoft.com/Windows/MediaPlayer/" src="URL_skladby.formát" width="200" height="45" type="application/x-mplayer2" pluginspace="http://www.microsoft.com/Windows/MediaPlayer/" showstatusbar="false" showgotobar="false" showaudiocontrols="true" showtracker="true" showpositioncontrols="true" showcontrols="true" autostart="true" autosize="true"></embed></div>

 

Ochrana proti kopírování

<SCRIPT language=javascript> var isNav = (navigator.appName == "Netscape") ? true:false; function no() { var code = isNav ? which:event.button if(code == 2) { alert("Víš, že se právě dopouštíš trestného činu pirátství?!!"); } }  document.onmousedown = no; if(isNav) {document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN);} </SCRIPT> <body oncontextmenu="return false" onmousedown="return false" onselectstart="return false" ondragstart="return false">

Kalendář s lebkou

HTML KÓD NA ZJIŠTĚNÍ IP ADRESY

<script type="text/javascript" src="http://boastology.com/tools/ip2c/?im=1&amp;cn=1&amp;ip=1"></script>


Svátek
<iframe  width="120" height="68" src="http://www.123www.biz/sluzby/kalendar_svatek.php?cp=000000&cf=FFFF00&cn=FF0000" scrolling=no frameborder=0></iframe>

HTML  kalendář

Zarovnání odstavců 

Align

Odstavce můžeme zarovnávat pomocí atributu align.

 

Hodnoty align mohou být: left, center, right.

<p align="left">Odstavec zarovnaný vlevo (výchozí hodnota).</p>
<p align="center">Odstavec zarovnaný na střed.</p>
<p align="right">Odstavec zarovnaný vpravo.</p>

Oživte svůj web rádiem:


<div style="text-align: center;"><iframe marginwidth="0"
marginheight="0" hspace="1" vspace="1"
 bordercolor="black"
 src="http://www.bazarekzadara.ic.cz/radio.html" frameborder="0"
 height="495" width="495"></iframe></div>

Kiss rádio

<script language="jscript" FOR="MediaPlayer" EVENT="ScriptCommand(scType, scParam);">
if(scType == "INTERPRET")
{
document.all["Interpret"].innerHTML = scParam + " - ";
}
if(scType == "SKLADBA")
{
document.all["Skladba"].innerHTML = scParam;
}
</script>
</head>
<bod

 
Toto je zápatí Vašich stránek. Text můžete změnit v administraci v 'Nastavení stránek'.