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>
Popularity: 5% [?]
Author: Michał
Fascynuje się komputerami oraz muzyką. Lubię tworzyć poradniki oraz pomagać innym na forum. Po godzinach zajmuję się fotografią. Aktywnie udzielam się na forum.toin.pl
Prosto i przejrzyście :) polecam