Ján Vrba
HTML projekt 9A
//////////////////////// HTML menu ////////////////////////
<!DOCTYPE html>
<html lang="en">
<head>
<link type="text/css" rel="stylesheet" href="style.css"></head>
<body>
<div class="container">
<nav>
<ul>
<li> <a href="#"> <img src="1.jpg" class="slider" />
<p class="button black"> Domov </p> </a> </li>
<li>
<a href="#">
<img src="2.jpg" class="slider" />
<p class="button black">
Info </p> </a> </li>
<li> <a href="#"> <img src="3.jpg" class="slider" /> <p class="button black">
O nás </p> </a> </li>
<li> <a href="#"> <img src="5.jpg" class="slider" />
<p class="button black"> Cenník </p> </a>
</li>
<li> <a href="#">
<img src="4.jpg" class="slider" />
<p class="button black">
Mapa
</p> </a> </li>
</ul>
</nav>
</body>
</html>
Súbor style.css (stačí stiahnúť a uložiť do priečinka, kde sa nachdáza index.html)
Obrázok stiahnúť a uložiť ako bg.png do priečinka, kde sa nachdáza index.html)
//////////////////////// KONIEC ////////////////////////
<html>
<head> </head><!-- toto je poznámka v HTML -->
<body background="obr1.jpg" text="white" link="#00ff00" vlink="yellow">
<!-- <body bgcolor="#0000ff" text="#ffff00" link="#ffffff"> -->
<!-- <body bgcolor="blue" text="yellow" link="white"> -->http://www.htmlbestcodes.com/
<body background="obr1.jpg">
<br/><div style="clear:both"></div><div><a target="_blank" href="http://www.htmlbestcodes.com/"><span style="font-size: 8pt; text-decoration: none">HTML Best Codes</span></a></div>
<center> <img src="banner01.jpg" width="80%"> <br> </center>
<table border="1"> <tr> <td> <a href="index.html"> Domov </a></td> <td> <a href="foto.html"> Fotogaleria </a></td> <td> <a href="kontakt.html"> Kontakt </a></td> <td> <a href="onas.html"> O nás </a></td> </tr></table><p>Tento text sa zobrazý na stránke.</p>
<p>
<font color="#0000ff" size="4">Text </font>
<font color="#00ff00" size="3">Text </font>
<font color="#ff0000" size="2">Text </font>
<font size="1">Text </font>
</p><div align="left"> Zarovnanie na ľavú stranu </div>
<div align="right"> Zarovnanie na ľavú stranu </div>
<div align="center"> Zarovnanie na ľavú stranu </div><a href="mailto:jozo@info.sk">Kliknite sem</a>
<iframe name="menu" src="menu.html" width="200" height="400"></iframe>
<iframe name="main" src="hlavna.html" width="400" height="400"></iframe><br>
Meno <br><input type="text" name="meno"><br>
Email <br><input type="text" name="email"> <br>
Správa <br>
<textarea rows="5" cols="20" name="sprava" wrap="physical"> </textarea> <br>
<input type="submit"></body>
</html>
www.jakpsatweb.cz
https://scratch.mit.edu/projects/101126738/
https://scratch.mit.edu/projects/102057492/