Praxe - kompletní vzorová stránka

Zde uvedená stránka byla zpracována jako ilustrační příklad, ale je zcela funkční a použitelná na webu. K rozložení dokumentu byla použita tabulka, protože je to nejjednodušší prostředek k vytvoření stabilního layoutu při minimálních znalostech HTML.

Pokud vám to vaše znalosti později dovolí, doporučuji vám používat tabulky pouze k zobrazení tabulkových dat a layout (vzhled) stránky řešit pozicováním pomocí CSS - kaskádových stylů.

Stránku si zobrazíte kliknutím myší na obrázek stránky a její kód je uveden v dalším textu níže.

Pozn.:
pokud se přesunete na ukázkovou stránku - v levé části jsou umístěné 3 odkazy na 3 různé stránky (Historie, Produkty, Kontakt). Tyto stránky jsou téměř stejné , vždy až na část kde je vepsán hlavní obsah který je vždy jiný.

Kód stránky:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <meta name="robots" content="noindex,nofollow" />

 <title>Zkušební stránka</title>
 </head>
 <body>

 <table align="center" border="1" cellpadding="10">
 <tr><td colspan="2" width="800" height="60" 
          bgcolor="#A05000" align="left" >
 <h1>ABC studio-art s.r.o.</h1> (ilustrativní stránka čistého 
          kódu HTML)</td></tr>

 <!-- komentar -->

 <tr><td width="150" height="30" bgcolor="#CC6600" valign=top >
 <br><br> 
 <a href="zaklady-html-vzor-1">Historie firmy</a><br>
 <a href="zaklady-html-vzor-2">Produkty</a><br>
 <a href="zaklady-html-vzor-3">Kontakt</a><br>
 <br>

 <a href="zaklady-html-12">Zpět na kurz HTML na www.plzenak.cz</a>

 </td>


 <td width="450" bgcolor="#FFA600" >
 <h3>Historie firmy</h3>
 <p>Zde je umístěn libovolný text stránky, obrázky, odkazy ap. 
 <br>

 <br>



 <img src="/Plzenak_finale/web/www/portal_obr/zaklady-html/a1.jpg" 
              alt="Popis obrázku" width="300" height="225" />
 <br>
 <i>Umístění obrázku je jednoduché</i>
 <br><br>
 </td></tr>
 <tr><td colspan="2" bgcolor="#401000" align="center" ><FONT 
      COLOR=#FFBF00 SIZE=2>
 Firma ABC studio-art, Koníkovská 228, Praha email: info@abc.cz ,
       tel.: +420 602 123456 </FONT></td></tr>


 

 </table>



 </body>
 </html>

zpět do sekce Počítače

HTML základy - témata

Úvod, co je potřeba k práci Základní struktura HTML stránky Titulek stránky Kódování a ost. META tagy Odstavec, nadpis, seznam, div, span Text a jeho formátování Vkládání obrázků, komentářů , vodorovných čar Vložení odkazu na jinou stránku Stručně o - XHTML, CSS, PHP, Java scriptu Umístění stránek v síti www, hosting Tabulky, možnosti a použití Praxe - kompletní vzorová stránka

Základy focení. V sekci Zajímavosti -základy focení najdete informace a rady pro začátečníky ohledně fotografování pomocí digitálního fotoaparátu.

Vložit nový inzerát Inzerce zdarma:

Pronájem bytu 2+1 v Plzni Skvrňany

Nabízím k pronájmu byt 2+1, 55 m² v panelové budově. Byt je v dobrém stavu a je ...

Prodam Samsung galaxy S25 ultra

Prodam bily samsung galaxy S25 ultra 512 GB vcetne veskere vybavy.Pridam nekolik ...

Přenosný vaporizér Air pen

Vaporizér Air Pen je malý vaporizér, který připomíná pero nebo fix. Je skvělým k ...

PRODEJ BYTU 3+1 V PLZNI DOUBRAVCE

Prodám byt 3+1 v 5.patře panelového domu s výtahem. Zrekonstruovaná kuchyně, kou ...

Pioneer CDJ-3000 , Pioneer DJM-A9

Predaj Pioneer CDJ-3000, Pioneer DJ DJM-A9, AlphaTheta Euphonia, Pioneer CDJ-200 ...

Hyundai I10 použité ND

Levně nabízím L-světlomet, přední masku L-přední blatník (poškozený) Model r. 2 ...

IceRiver ALEO AE2 Asic miner zkSNAR

IceRiver ALEO AE2 Asic miner zkSNARK Aleo Model : IceRiver ALEO AE2 ALEO Miner ...

Prodám lyže Fischer RX9

Prodám sportovnější carvingové lyže Fischer RX9, délka 170cm, komplet i s vázání ...

... více inzerce

Hlavní strana
Počasí
Programy TV
Inzerce zdarma

Registr odcizených věcí
Překlady, slovníky
Mapy a letecké snímky
Jízdní řády

Hudba, nástroje, zpěvníky
Počítače, materiály, kurzy
Zajímavosti, různé
Rádia poslech on-line

Hledat na internetu