Aby można było stworzyć stronę WWW należy znać znaczniki HTML, które są dla przeglądarki, jak hieroglify dla Egipcjan. Przeglądarka internetowa czyta źródło strony i pokazuje nam sformatowaną stronę. Poniżej przedstawię tabelę znaczników, oraz jak zrobić prostą stronę WWW.

Znaczniki HTML:

Chcesz stworzyć prostą stronę WWW ? To czytaj dalej…

Najważniejsze w kodzie strony są następujące „działy” kolejnych znaczników. Są to:

<html>

<head>

<body>

Aby tworzyć w HTML trzeba w przynajmniej małym stopniu znać język angielski. Bez tego się nie obędzie. Przedstawię gotowy kod, z miejscem na przesuwający się tekst do góry, tekst oddzielony, tekst, oraz zdjęcie. A oto on:

<html>

<head>

<title>TUTAJ WPISUJEMY TYTUŁ STRONY</title>

</head>

<body>

<body bgcolor=”TUTAJ WPISUJEMY KOLOR TŁA STRONY”>

<center>

<marquee><h1><font color=”TUTAJ WPISUJEMY KOLOR TEKSTU, KTÓRY MA SIĘ PRZESUWAĆ”>TUTAJ WPISUJEMY TEKST, KTÓRY MA SIĘ PRZESUWAĆ</font></h1></marquee>

<hr>TUTAJ WPISUJEMY TEKST, KTÓRY MA BYĆ ODDZIELONY, NP.: ZAPRASZAM NA FORUM.TOIN.PL.<hr>

TUTAJ WPISUJEMY TEKST STRONY

<img src=”TUTAJ WPISUJEMY, KTÓRE MA BYĆ ZDJĘCIE DODANE”>

</body>

</html>

Teraz pada pytanie: Co wpisać i co w ogóle z tym kodem zrobić ?

Zacznę opisywać po kolei:

1. Kod wpisujemy w Notatniku, a stronę zapisujemy koniecznie jako: „index.html” (bez cudzysłowu).

2. Tam, gdzie mamy wpisać tytuł wpisujemy to co będzie się pokazywać na pasku tytułowym przeglądarki do góry.

3. Tam, gdzie mamy wpisać kolor tła strony wpisujemy:

  • Jeden z podstawowych kolorów w języku angielskim, np.: blue
  • albo kolor w formacie HTML-owym, np.: #CC0000

4. Z kolorem tekstu, który ma się przesuwać jest tak samo jak wyżej.

5. Tam, gdzie mamy wpisać tekst tekstu, który będzie się przesuwał wpisujemy wybrany przez nas tekst, np.: „Witam !”.  Znaczniki <h1> można usunąć, one tylko kontrolują jaki ma być rozmiar tego tekstu.

6. Tekst oddzielony jest oddzielony linią o góry i u dołu. Za oddzielenie odpowiada znacznik <hr>.

7. Tekst strony możemy dowolnie sformatować znacznikami zawartymi w tabelce u góry.

8. Aby wstawić zdjęcie musimy wiedzieć do jakiego folderu wstawimy ten obrazek na serwerze. Jeśli, np.: do folderu „images”, a obrazek będzie się nazywał „dom.jpg”, wtedy linijka kodu odpowiedzialna za obraz, będzie wyglądać następująco:

<img src=”images\dom.jpg”>

Możemy również wrzucić zdjęcie „luzem”:

<img src=”dom.jpg”>

Folder, lub luźne zdjęcie musi być w tym samym miejscu co plik strony (index.html).

9. Nasza strona jest gotowa. Możemy dodać dodatkowe znaczniki i inne rzeczy, ale musimy pamiętać o zamykaniu znaczników, np.: <b><i>TEKST</i></b>. Teraz wystarczy wgrać ją na serwer. Przykładowy efekt:

Co prawda na zdjęciu powyżej nie można zobaczyć, jak tekst się przesuwa, ale efekt widzicie u siebie. Mój kod wyglądał tak:

<html>
<head>
<title>Prosta strona WWW</title>
</head>
<body>
<body bgcolor=”blue”>
<center>
<marquee><h1><font color=”gold”>!!! Witam na mojej stronie !!!</font></h1></marquee>
<hr>ZAPRASZAM NA FORUM.TOIN.PL<hr>
Strona przykładowa<br>
<img src=”images\dom.jpg”>
</body>
</html>
Dodatkową pomoc można uzyskać TUTAJ