HTML podstawy

Jeśli chcecie zrobić stronkę to musicie znać język HTML. Wbrew pozorom jest on dość prosty. Zacznijmy

otwieramy edytor tekstu (np. notatnik)

Każda strona zaczyna się deklaracją, że jest to dokument html, cyzli piszemy

<html>
</html>

Pierwsza linjka rozpcozyan stronę a druga ją zamyka.
Jak widzicie tagi rozpoczete zakabnczamy, np.
<jakis tag>blabla bla</jakiś tag>

tag to nic innego jak cos co określa wygląd naszej strony i jej zawartość.

Oczywiście dokument html dzieli się na 'głowę' (head) i 'ciało' (body).
Oznacza to, ze w anszym dokumencie pojawią się kolejne tagi (head i body) W head określamy tytuł strony oraz kodowanie (czyli, zeby były Polskie znaki a nie krzaki Razz

) natomiast w body wpisujemy całą zawartość strony wygląda to tak

<html>
<head>
<title>Tytuł strony</title>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2 ">
</head>
<body>
Nasza pierwsza strona w HTML
</body>
</html>

Zapiszcie pod obojętnie jaką nazwą, byle by rozszerzenie było htm lub html

Widzimy napis a na belce u góry tytuł strony! Oto wasza pierwsza strona.

Czas na wyjaśnienia
sekcja head:
pomiędzytagi <title> </title> wpisujemy tytuł strony ktory wyświetli się na belce u góry przeglądarki.
<meta> jest jedym z niewielu tagów którego sie nie zamyka tzn nie psizemy po nim </meta> (jest jeszcze kilka innych tagów których się nie zamyka, ale o tym później)
Tu przepisujemy to co napsiałem. Nie pytajcie dlaczego, poprostu to zróbcie (chyba, ze na waszej stronie nie będziecie użwyac polskiego Razz

)

sekcja body:
no tutaj wstawiliśmy tylko tekst. Ale tu można zrobic ciekaw rzeczy np. pisząc w ten sposób <body bgcolor="green"> tło naszej strony będzie zielone.

Dobra przejdźmy do formatowania tekstu.
Już to psiałem, ale napisze raz jeszcze.
Skłasdnia formatowania wygląda tak
<jakiś tag>formatowany tekst</jakis tag>a tu już nie formatoway

to chyba jest proste, a teraz pokaże wam tagi i działania
<b></b> Pogrubienie
<i></i> Kursywa
<u></u> Podkreślenie

<strike></strike> Przekreślenie
<code></code> Kod (nie taki jak na forum Razz

)
<quote></quote>tekst cytowany (też się rózni od teo na forum Razz

)
<p></p>Poprostu akapit
Akapit posiada pare przydatnych funkcji np. napiszcie stronę

<html>
<head>
<title>Druga strona</title>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
</head>
<body>
<p algin="center">Nasza druga strona w html</p>
</body>
</html>

Otwórzcie stronę, tekst będzie wyśrodkowany.
Tak więc wpisujac <p algin="center"> tekst będzie wyśrodkowany
<p algin="right"> wyrównany do prawej
<p algin="left"> wyrównany do lewej

Łatwizna, prawda Smile

Kolejny fajnym tagiem jest nagłówek których jest 6 rodzajów
<h1> Największy
<h2> Bardzo duzy
<h3> Duzy
<h4> Średni
<h5> Mały
<h6> Najmniejszy z nagłówków

Oczywiście nagłówki się zamyka bo jakże Wink

Na koniec jeszcze 2 tagi które się nie zamyka
<br> Chyba najczęściej wykorzystywany tag. Poprostu przejście do nastepnej lini. W HTMLu nei wystarcyz wcisnąc Enter, żeby napis był na dole ;)Trzeba użyć właśnie teog tagu

<hr> rysuje linię poziomą. Przydaje się podczas odzielania newsów

To tyle na dzisiaj
W ramach treningu napiszcie stronę z zielonym tłem, wyśrodkowanym i pogrubionym najwięksyzm na główkiem i wyrównanym do prawej podkreślonym dużym nagłówikiem

Jak to zrobicie to znaczy, ze rozmiecie, a jak nie... cóż, czytajcie kurs, aż zrozumeicie Razz

BYŁ EDIT// kodowanie - lepsze iso Smile