Počítače - HTML  -  Praxe - kompletní vzorová stránka

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ý.

Miniatura stránky

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>




Tip
Učte se pracovat s počítačem - V sekci Počítače najdete mnoho zajímavých informací k ovládání počítače nejen pro začátečníky + minikurz Wordu , Excelu a Internetu.
Vložit nový inzerát Inzerce zdarma:
Kávovar
Kávovar v záruce na mletou kávu - presso. PC 3 000 NC 1000 Kč. Nevhodný dárek. ...
Zvuk.aparát - končím
1 x Mix Belinger Xenyx 1832 FX 2 x Dexon BC 1000A ( aktivní ) a 200 W 2 x Dexo ...
foto k inzerci Available Yamaha Tyros 5, Pioneer D
We are a large musical instrument trading company, who enjoyed good reputation f ...
Daruji chov morcatek
Daruji zdrava,dospela morcatka. I na zkrm hadovi. Plzen. ...
JEŘÁBNÍK A ŘIDIČ VZV
Do logistiky ve dvousměnném provozu hledám jeřábníky a řidiče vzv. Nutný průkaz ...
foto k inzerci ELEKTROMECHANIK
Hledám šikovné elektromecaniky či elektromechaničky pro přípravu a rozvod kabelá ...
Prodam Apple Iphone SE 2016
Plne funkcni,neposkozeny mobil zlate barvy na jednu sim kartu vcetne nabijecky. ...
foto k inzerci Zahradní nábytek z dubu
Dobrý den, Vyrábím masivní zahradní nábytek na zakázku sestávající ze stolu a 4 ...
Copyright © 2008 - 2020   Plzenak.cz
Všechna práva vyhrazena , kopírování a další užití zveřejněných materiálů je možné pouze se souhlasem redakce :   Kontakt  
Hledat na internetu

Hlavní strana | Inzerce | Počítače | Hudba | Kontakt