Wygląda to tak.
www.proba123456789.za.pl
kod strony.
Kod
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" />
<meta name="Description" content=" [wstaw tu opis strony] " />
<meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
<meta name="Author" content=" [dane autora] " />
<meta name="Generator" content="kED" />
<title> [tytuł strony] </title>
<style type="text/css">
body { margin: 0;
background-color: #ebebeb
}
div.baner {
background-color: #5a5a5a;
width: 100%;
height: 250px
}
p.zdj {
height: 300px;
background-image: url(zacieki.jpg);
background-repart: repart-x;
margin: 0;
}
div.tresc {
width: 600px;
height: 500px;
background-color: #CCCCCC;
margin-left: 20px;
margin-top: 2cm;
border-style: dashed;
position: absolute; top: 250px
}
div.link {
width: 300px;
background-color: #cccccc;
margin-left: 720px;
margin-top: 2cm;
border-style: double;
position: absolute; top: 250px
}
div.menu {
width: 100%;
height: 90px;
background-color: black;
position: absolute;
top: 160px;
}
ul li {
list-style: none;
}
a:link,a:visited,a:hover,a:active {
text-decoration: none;
display: block;
float: left;
line-height: 40px;
width: 250px;
color: white;
text-align: center;
font-size: 50px;
}
a:hover {
color: black;
background-color: #5a5a5a;
}
a:active {
color: black;
background-color: #5a5a5a:
}
@font-face {
font-family: Splatish;
src: url(Splatish.ttf) format("truetype");
}
</style>
</head>
<body>
<div class="baner">
</div>
<div class="menu" align="left">
</div>
<ul style="font-family: Splatish">
<li><a href="Muzyka.html"><b>Muzyka</b></a></li>
<li><a href="wideo.html"><b>Wideo</b></a></li>
<li><a href="index.html"><b>Home</b></a></li>
<li><a href="kontakt.html"><b>Kontakt</b></a></li>
</ul>
<p class="zdj">
<div class="tresc">
lskamdlkasmdkladgdfgffsdfnsdjknfkjdsnfkjsdnfjksdnkjfns
dkjfnkjsdnfkjnsdjfknsdkjfnkjsdnfkjnsdfkjnsdkjfnsdkjf
</div>
<div class="link">
cywil<br />
jkkhjk<br />
<br /><br /><br />
<br /><br /><br />
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" />
<meta name="Description" content=" [wstaw tu opis strony] " />
<meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
<meta name="Author" content=" [dane autora] " />
<meta name="Generator" content="kED" />
<title> [tytuł strony] </title>
<style type="text/css">
body { margin: 0;
background-color: #ebebeb
}
div.baner {
background-color: #5a5a5a;
width: 100%;
height: 250px
}
p.zdj {
height: 300px;
background-image: url(zacieki.jpg);
background-repart: repart-x;
margin: 0;
}
div.tresc {
width: 600px;
height: 500px;
background-color: #CCCCCC;
margin-left: 20px;
margin-top: 2cm;
border-style: dashed;
position: absolute; top: 250px
}
div.link {
width: 300px;
background-color: #cccccc;
margin-left: 720px;
margin-top: 2cm;
border-style: double;
position: absolute; top: 250px
}
div.menu {
width: 100%;
height: 90px;
background-color: black;
position: absolute;
top: 160px;
}
ul li {
list-style: none;
}
a:link,a:visited,a:hover,a:active {
text-decoration: none;
display: block;
float: left;
line-height: 40px;
width: 250px;
color: white;
text-align: center;
font-size: 50px;
}
a:hover {
color: black;
background-color: #5a5a5a;
}
a:active {
color: black;
background-color: #5a5a5a:
}
@font-face {
font-family: Splatish;
src: url(Splatish.ttf) format("truetype");
}
</style>
</head>
<body>
<div class="baner">
</div>
<div class="menu" align="left">
</div>
<ul style="font-family: Splatish">
<li><a href="Muzyka.html"><b>Muzyka</b></a></li>
<li><a href="wideo.html"><b>Wideo</b></a></li>
<li><a href="index.html"><b>Home</b></a></li>
<li><a href="kontakt.html"><b>Kontakt</b></a></li>
</ul>
<p class="zdj">
<div class="tresc">
lskamdlkasmdkladgdfgffsdfnsdjknfkjdsnfkjsdnfjksdnkjfns
dkjfnkjsdnfkjnsdjfknsdkjfnkjsdnfkjnsdfkjnsdkjfnsdkjf
</div>
<div class="link">
cywil<br />
jkkhjk<br />
<br /><br /><br />
<br /><br /><br />
</div>
</body>
</html>
