Vzorová stránka      

Hlavná stránka
O mne
Životopis
Foto
Napíšte mi

  Vitajte na Vzorovej stránke

 Stránka funguje ako normálna HTML stránka. Pod rôznymi tlačítkami sa skrývajú iné kódy:
  • V prvom tlačítku je dizajn stránky a hlavička dokumentu
  • V druhom nájdete rôzne druhy písma, jednoduchá tabuľka
  • V tretom tlačítku uvidíte použitie zoznamov na životopise
  • Vo štvrtom tlačítku uvidíte ako sa vytvára jednoduchá galéria
  • V piatom tlačítku je jednoduchý formulár na odoslanie na mail.


Tu si môžete stiahnuť zip súbor celej stránky.

V nasledujúcich dvoch rozbalovacích tlačítkach nájdete zdrojové kódy tejto ukážkovej webovej stránky.

V prvom z nich je HTML kód hlavičky dokumentu. Nájdete tu použitie elementov <head>, <title>, <meta>; a zápisu XHTML dokumentu z definíciou.

Kód Hlavicky

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Vzorová stránka</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<meta name="description" content="popis stránky" />
<meta name="keywords" content="klúcové slová" />
<meta name="author" content="YcoN, e-mail: ycon@ycon.org" />
<meta name="language" content="SK" />
</head>

V druhom tlačítku je HTML kód tela dokumentu. V ňom nájdete dizajn stránky s tlačítkovým menu, hlavičkou a pätu a textom. Obrázky použité na stránke si môžete stiahnuť tu: banner.jpg a tlacítka: hlavna.jpg, omne.jpg, zivotopis.jpg, foto.jpg, formular.html

Kód Tela

<body bgcolor="#C1F389">

<table cellspacing="2" cellpadding="0" border="0" bordercolor="#999999" width="780" height="500" align="center">
<tr>

<td colspan="2" height="150" bgcolor="#C1F389" align="right" background="images/banner.jpg"> <font color="#FFFFFF"><h1>Vzorová stránka      </h1></font>
</td>
</tr>
<tr valign="top">

<!---Tabulka menu -->

<td width="150" height="370" bgcolor="#ffffff" valign="middle">
<br />
<a href="index.html"><img src="images/hlavna.jpg" border="0" align="center" alt="Hlavná stránka" /></a><br />
<a href="omne.html"><img src="images/omne.jpg" border="0" align="center" alt="O mne" /></a><br />
<a href="zivotopis.html"><img src="images/zivotopis.jpg" border="0" alt="Životopis" /></a><br />
<a href="foto.html"><img src="images/foto.jpg" border="0" align="center" alt="Foto" /></a><br />
<a href="formular.html"><img src="images/formular.jpg" border="0" align="center" alt="Napíšte mi" /></a><br />
</td>

<!---Tabulka text -->

<td width="630" bgcolor="#ffffff" align="left">
<br /><br />
<font color="#00CC00"><h2>  Vitajte na Vzorovej stránke</h2></font>
<font color="#00CC00"><p>Stránka funguje ako normálna HTML stránka. Pod rôznymi tlačítkami sa skrývajú iné kódy: <ul>
<li>V prvom tlačítku je <strong>dizajn stránky</strong> a <strong>hlavička dokumentu</strong></li>
<li>V druhom nájdete rôzne <strong>druhy písma</strong>, jednoduchá <strong>tabuľka</strong></li>
<li>V tretom tlačítku uvidíte použitie <strong>zoznamov</strong> na životopise</li>
<li>Vo štvrtom tlačítku uvidíte ako sa vytvára jednoduchá <strong>galéria</strong></li>
<li>V piatom tlačítku je jednoduchý <strong>formulár</strong> na odoslanie na mail.</li>
</ul>
<br /><br />
Tu si môžete stiahnuť <a href="stranka.zip">zip súbor</a> celej stránky.<br /><br />
V nasledujúcich dvoch rozbalovacích tlačítkach nájdete <strong>zdrojové kódy </strong>tejto ukážkovej webovej stránky.<br /><br />
V prvom z nich je HTML kód hlavičky dokumentu. Nájdete tu použitie elementov <strong><head></strong>, <strong><title></strong>, <strong><meta></strong>; a zápisu XHTML dokumentu z definíciou. <br /><br /> </font>
</td>
</tr>
<tr>
<td colspan="2" height="30" bgcolor="#46C600" align="right">
<font color="white">Sem sa píše kto stránku vyrobil, kedy a posledná aktualizácia</font>
</td>
</tr>
</table>

</body>
</html>
Sem sa píše kto stránku vyrobil, kedy a posledná aktualizácia