Zrób stronę internetową w notatniku (tak jak normalnie sie robi stronę). Najlepiej by było jakby str.... Question from @owsik97

September 2018 1 15 Report

Zrób stronę internetową w notatniku (tak jak normalnie sie robi stronę). Najlepiej by było jakby strona była o jakimś zwierzaku np psie czy cos takiego :)

blackshooter

Kod html niżej. Na początku:

1) wejdź w notatnik;

2) wklej kod html podany niżej;

3) kliknij: Plik -> zapisz jako -> i daj nazwe np. mojastrona.html

To wszystko, teraz wejdź w stronę za pomocą przeglądarki :)

Kod html:

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
<title>Mastif</title>
<meta name="description" content="Molosowate Wielka Brytania">
<meta name="keywords" content="pies Mastif">
<meta name="author" content="Autor: Mastif">
<style type="text/css">
div#container
{
width: 986px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
background-color: #F6F6F6;
background-image: url(images/bodybg.gif);
background-repeat: repeat-x;
color: #303030;
scrollbar-face-color: #F0F0F0;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #F0F0F0;
scrollbar-darkshadow-color: #696969;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #A0A0A0;
scrollbar-track-color: #C8C8C8;
}
</style>
<style type="text/css">
a
{
color: #0000FF;
text-decoration: underline;
}
a:visited
{
color: #800080;
}
a:active
{
color: #0000FF;
}
a:hover
{
color: #0000FF;
text-decoration: underline;
}
</style>
<style type="text/css">
#wb_Text1
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
}
#wb_Text1 div
{
text-align: left;
}
#wb_Text3
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
}
#wb_Text3 div
{
text-align: left;
}
#Image1
{
border: 0px #000000 solid;
}
#wb_Text9
{
background-color: transparent;
border: 0px #000000 none;
padding: 0;
}
#wb_Text9 div
{
text-align: center;
}
#wb_Text16
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text16 div
{
text-align: left;
}
#wb_Text17
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text17 div
{
text-align: justify;
}
#wb_Text18
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text18 div
{
text-align: left;
}
#wb_Text2
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text2 div
{
text-align: left;
}
#wb_Text4
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text4 div
{
text-align: justify;
}
#wb_Text5
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text5 div
{
text-align: left;
}
#wb_Text6
{
background-color: transparent;
border: 0px #000000 solid;
padding: 0;
}
#wb_Text6 div
{
text-align: justify;
}
</style>
</head>
<body>
<div id="container">
<div id="wb_Shape1" style="position:absolute;left:22px;top:113px;width:962px;height:580px;z-index:0;">
<img src="images/img0002.png" id="Shape1" alt="" style="border-width:0;width:962px;height:580px;"></div>
<div id="wb_Text1" style="position:absolute;left:24px;top:60px;width:962px;height:56px;z-index:1;">
<span style="color:#E49938;font-family:Georgia;font-size:48px;"><strong>Mastif</strong></span></div>
<div id="wb_Text3" style="position:absolute;left:48px;top:130px;width:914px;height:41px;z-index:2;">
<span style="color:#467AA7;font-family:Georgia;font-size:35px;">Kraj pochodzenia: Wielka Brytania</span></div>
<div id="wb_Image1" style="position:absolute;left:48px;top:172px;width:551px;height:497px;z-index:3;">
<img src="https://upload.wikimedia.org/wikipedia/commons/0/02/Mastif_angielski_51.jpg" id="Image1" alt="" border="0" style="width:551px;height:497px;"></div>
<div id="wb_Text9" style="position:absolute;left:34px;top:729px;width:962px;height:18px;text-align:center;z-index:4;">
<span style="color:#707070;font-family:Georgia;font-size:15px;">Copyright C 2010 Mastif</span></div>
<div id="wb_Text16" style="position:absolute;left:608px;top:172px;width:359px;height:23px;z-index:5;">
<span style="color:#303030;font-family:Verdana;font-size:19px;"><strong>Sylwetka:</strong></span></div>
<div id="wb_Text17" style="position:absolute;left:608px;top:199px;width:359px;height:36px;text-align:justify;z-index:6;">
<span style="color:#303030;font-family:Verdana;font-size:15px;">potężnie zbudowany, szeroka klatka piersiowa, szeroki grzbiet.</span></div>
<div id="wb_Text18" style="position:absolute;left:607px;top:224px;width:756px;height:2px;z-index:7;">
 </div>
<div id="wb_Text2" style="position:absolute;left:608px;top:250px;width:359px;height:23px;z-index:8;">
<span style="color:#303030;font-family:Verdana;font-size:19px;"><strong>Wysokość, idealna waga:</strong></span></div>
<div id="wb_Text4" style="position:absolute;left:608px;top:276px;width:359px;height:144px;text-align:justify;z-index:9;">
<span style="color:#303030;font-family:Verdana;font-size:15px;">pies 75-80 cm, suka 70 cm. Idealna waga: 73-90 kg. Głowa kufa szeroka i krótka, wyraźnie zaznaczony stop, grube i długie wargi, oczy szeroko rozstawione, uszy cienkiei rozstawione po bokach, opadają przy policzkach. Ogon wysoko osadzony, długi i ostro zakończony. Szata gładka, gruba i krótka.</span></div>
<div id="wb_Text5" style="position:absolute;left:608px;top:416px;width:359px;height:23px;z-index:10;">
<span style="color:#303030;font-family:Verdana;font-size:19px;"><strong>Temperament:</strong></span></div>
<div id="wb_Text6" style="position:absolute;left:608px;top:443px;width:359px;height:144px;text-align:justify;z-index:11;">
<span style="color:#303030;font-family:Verdana;font-size:15px;">w zasadzie spokojny, bardzo łagodny, pod warunkiem, że nie zostanie sprowokowany. Może żyć w mieszkaniu. Zaniedbany staje się smutny i cierpiący.<br>Do dobrego rozwoju kośćca potrzebuje starannego odżywiania w pierwszych miesiącach życia.<br>Użytkowność: stróż, do towarzystwa.</span></div>
</div>
</body>
</html>