<html> - szkielet dokumentu
<head> - nagłówek dokumentu
<meta> - własności dokumentu
<title> - tytuł dokumentu
<link> - powiązanie dokumentu
</xxx>
<body> - ciało dokumentu
<center> - środkowanie
<h2> - śródtytuł
<p> - akapit
<hr > - pozioma linia
<table> - tabela
<tr> - wiersz tabeli
<td> - komórka tabeli
<li> - element wykazu
<ol> - wykaz uporządkowany
Etapy tworzenia strony:
1. Kod wpisujemy w Notatniku, a stronę zapisujemy jako: index.html
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.: red
- albo kolor w formacie HTML-owym, np.: #CC0000
4. Z kolorem tekstu, który ma się
przesuwać jest tak samo jak wyżej.
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.: “Cześć!”. 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. W tym celu używamy znacznika <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).