ojciec redaktor
Władca Starego Obozu
Dołączył: 09 Cze 2006
Posty: 16
Przeczytał: 0 tematów
Ostrzeżeń: 0/5
|
 Wysłany: Czw 6:30, 29 Cze 2006 Temat postu: Podstawy HTML cz.1 |
|
|
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  ) 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=windows-1250 ">
</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 )
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 )
<quote></quote>tekst cytowany (też się rózni od teo na forum )
<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=windows-1250 ">
</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 
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 
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
Post został pochwalony 0 razy
|
|
