środa, 16 stycznia 2013

Jak zrobić strone w HTML

Siemka wszystkim 
Dziś nauczymy się robić prostą stronę w HTML
to zaczynamy:
  1.  ściągniecie sobie program o nazwie Notepad++  z tej strony KLIK
najpierw zaczynimy od dodania znaczników "<html>" "<body>" "<head>" oraz "<title>" oraz musimy dodać takie same znaczniki na końcu naszego pliku tak jak na rysunku
<html>
<body>
<head>
<title>to jest tak jak by to co widzicie na duże mojego notepada czyli "g:/adrianb/strony... to samo będzie
przeglądarce</title>

tu piszemy co chcemy i nam się wyświetli to na naszej stronie

</head>
</body>
</html>






 druga rzecz to  będzie dodanie takiego czegoś pod naszym <title></title> :<meta http-equiv="Content-type" content="text/html; charset=windows-1250">
<body bgcolor="brown" /> <<<kolor który bendzie jako tło mozemy zrobić tagże obrazkowe tło

<body background="ścieżka dostępu do obrazka"> <pamiętaj że zawsze najlepjej obrazki dawać do formatu .png
opcjonalnie możesz zawsze dać .jpg lub .gif 
<body text="white" /> << kolor naszego tekstu
pamiętajcie także ze niemożna dawać jednocześnie obrazkowego tła i tła z jednolitym kolorem
wyglądać powinno tak:


to już mamy za sobą:) teraz zaczniemy od tabeli która wygląda tak:
<center>
<table whdth="70%" border="10" bordercolor= "blue">   < tu mozemy sobie zmieniac kolor obramowania tabeli oraz grubość obramowania
<td class="Menu" width="17%" align="left" valign="top" bgcolor="red">
<ul>
<li><a href="index.html">Strona główna</a>  <tu jest nasze menu daliśmy mu kolor czerwony
</ul>
</td>
<td class="Tresć" width=85%" align="center"valign="top"bgcolor="black"> teraz tu piszecie co chcecie:)</td> < tu jest tabela od tresci dalismy mu kolor czarny
</tr>
<tr>
<td class="stopka" width="100%" colspan="2" align="center"
valign="top"bgcolor="green">by Create: RealiticWebWorld<br> <stopka czyli kto wykonał daliśmy tu kolor zielony
</td>

Całośc wygląda tak:
Dzięki za poczytanie możesz także zrobić to samo na moim YouTube KLIK do zobaczenia filmu z robieniem tej strony

Brak komentarzy:

Prześlij komentarz