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>




TipKlávesové zkratky. V sekci Počítače - Klávesové zkratky najdete výpis nejpoužívanějších klávesových zkratek.
Vložit nový inzerát Inzerce zdarma:
foto k inzerci Německý špic velký černý prodám ště
Prodám krásná štěňata velkého černého špice s PP - FCI. Skvělí, ostražití hlídač ...
foto k inzerci Elektrický motocykel Stark Varg MX
Rám: 7075 T6 kovaný a CNC obráběný hliník Motor: 50-100 kW Nejvyšší rychlo ...
foto k inzerci Numismatický materiál odkoupím
Mince od antiky po současnost (běžný kov, zlaté i stříbrné) a bankovky odkoupím ...
foto k inzerci SELLING NEW 2025 CFMOTO CFORCE 800
SELLING NEW 2025 CFMOTO CFORCE 800 Touring +13037475296 ...
Hadice Gardena 20m.
Hadice Gardena Comfort 20m. dlouhá, 1/2, PC 695, NC 500,- Nová, jen 1x vyzkouše ...
Haki lešení
Prodám Haki Lešení. Mám více kostek čtvercová i obdélnîková patka. Jedna kostk ...
přijmu brigádnici
od září 2026 přijmu na brigádu slečnu- administrativní činnost. práce Plzeň a ok ...
foto k inzerci NIKON ZF,NIKON Z9, NIKON Z8,SONY PX
Sony PXW-Z280 4K XDCAM cost 5000 Sony PXW-Z300 4K 3-CMOS Sensor Flagship Handhe ...
Copyright © 2008 - 2026   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

Užitečné odkazy - rozcestník | Inzerce | Počítače | Hudba | Kontakt