Przykładowe szablony strony www
Transkrypt
Przykładowe szablony strony www
Połączenie tabelek i ramek w jednym szablonie <table width="750" align="center" cellspacing="0" cellpadding="10"> <tr> <td bgcolor="yellow" colspan="2" align="center" valign="middle">Tutaj można umieścić logo serwisu</td> </tr> <tr> <td bgcolor="green" width="150" valign="top"> <!-- MENU --> <a target="strona" href="home.html">Strona główna</a><br /> <a target="strona" href="strona1.html">Rozdział 1</a><br /> <a target="strona" href="strona2.html">Rozdział 2</a><br /> <a target="strona" href="linki.html">Linki</a><br /> <a href="mailto:[email protected]">Kontakt</a><br> <!-- MENU koniec --> </td> <td bgcolor="kolor strony" valign="top"><iframe name="strona" src="glowna.html" width="560" height="440" frameborder="0"></iframe></td> </tr> </table> Przykład strony <!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" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" /> <title>Szablon strony</title> </head> <body> <table width="750" align="center" cellspacing="0" cellpadding="10"> <tr> <td style="background: #e0e0e0; text-align: center; vertical-align: middle" colspan="2"> Tutaj można umieścić logo serwisu </td> </tr> <tr> <td style="background: #d0d0d0; width: 150px; vertical-align: top"> <!-- MENU --> <a target="strona" href="glowna.html">Strona główna</a><br /> <a target="strona" href="test.html">Rozdział 1</a><br /> <a target="strona" href="test.html">Rozdział 2</a><br /> <a target="strona" href="test.html">Linki</a><br /> <a href="mailto:[email protected]">Kontakt</a><br> <!-- MENU koniec --> </td> <td style="background: #ffffff; vertical-align: top"><iframe name="strona" src="glowna.html" width="560" height="440" frameborder="0"></iframe></td> </tr> </table> <hr /><p style="text-align: center"><small>© <a href="http://www.tryba.cba.pl">Moja strona</a></small></p> </body> </html> Efekt: