KURS HTML cz.3

Zapraszam na 3 część tutorialu:

KONIEC LINII

Powyższy znacznik (br)
stosuje się gdy chcemy natychmiastowo zakończyć linię. Zapytasz zapewne: Po co go stosować, nie można po prostu nacisnąć Enter i przenieść kursor tekstowy do następnej linii? Otóż nie można. Przeglądarka internetowa ignoruje wszelkie znaki przejścia do następnej linii za pomocą klawisza Enter (ignoruje również postawienie obok siebie więcej niż jednej spacji - zobacz: Znaki specjalne). Na przykład jeśli wpiszesz w edytorze taki tekst:
To jest pierwsza linia...
a to jest druga linia.
w przeglądarce pojawi się:

To jest pierwsza linia... a to jest druga linia.


Linia zostanie zakończona automatycznie tylko wtedy, gdy podany tekst będzie zbyt długi, aby zmieścić się w jednym wierszu. Jeśli jednak koniecznie chcemy natychmiast zakończyć linię, możemy to zrobić, stawiając w miejscu gdzie ma być ona zakończona, znacznik
. Np. wpisanie w edytorze:
To jest pierwsza linia...

a to jest druga linia.
spowoduje wyświetlenie tekstu:

To jest pierwsza linia...
a to jest druga linia.


Jeśli postawisz obok siebie więcej niż jeden znacznik
, możesz "zejść" kilka linijek niżej, np. wpisanie:
To jest pierwsza linia...



...a to jest kolejna linia.
spowoduje wyświetlenie:

To jest pierwsza linia...


...a to jest kolejna linia.


Zwróć uwagę, że samego znacznika
nie widać na ekranie przeglądarki. Widać jedynie efekty jego działania, tzn. zakończenie linii.

Znacznik
nie ma znacznika zamykającego (to jest właśnie jeden z nielicznych wyjątków)!
PARAGRAF
Tu wpisz treść paragrafu

Paragraf (czyli nowy akapit) to pewien ustęp w tekście. Następujące po sobie paragrafy, są rozdzielone linijką przerwy. Treść paragrafu (akapitu) należy wpisać pomiędzy znacznikami
oraz
. Przyjęło się, że praktycznie każdy zwykły tekst na stronie WWW umieszcza się w paragrafach. Pojedynczy akapit przedstawia ustęp w tekście, który nieco różni się tematycznie od poprzedniego. Zamiast stosować dwa znaczniki końca linii:

, można po prostu objąć wybrany fragment tekstu paragrafem, a efekt będzie identyczny. Dzięki temu strona będzie wyglądała estetyczniej i łatwiej będzie można odszukać na niej interesujące informacje.

Paragraf jest bardzo ważny w składni HTML, ponieważ pozwala w określony sposób sformatować tekst na ekranie (ułożyć go w podany sposób). Robi się to podając atrybuty znacznika. Atrybut wpisuje się zawsze wewnątrz znacznika otwierającego - bezpośrednio po jego nazwie (oddzielony od niej spacją), a przed znakiem zamknięcia nawiasu ostrego, czyli przed ">". Każdy znacznik ma ściśle określone atrybuty, które obsługuje. W przypadku paragrafu można zastosować m.in. następujące:

1. Wyrównanie tekstu do lewej strony (domyślnie):

Treść paragrafu

lub
Treść paragrafu


2. Wyrównanie tekstu do prawej:

Treść paragrafu

3. Wyśrodkowanie tekstu:

Treść paragrafu

4. Justowanie tekstu (wyrównanie do obu marginesów jednocześnie):

Treść paragrafu

We wszystkich przypadkach czcionką podkreśloną zostały zaznaczone właśnie atrybuty znacznika.
W miejsce tekstu: Treść paragrafu, należy wpisać tekst, który ma zostać sformatowany w sposób określony przez parametr.

Przykład:

ALIGN="left",
wyrównanie do lewej,
wyrównanie do lewej (ALIGN="left"),
(ALIGN="left")...

ALIGN="right",
wyrównanie do prawej,
wyrównanie do prawej (ALIGN="right"),
(ALIGN="right")...

ALIGN="center",
wyśrodkowanie,
wyśrodkowanie (ALIGN="center"),
(ALIGN="center")...

justowanie, czyli wyrównanie do obu marginesów jednocześnie (ALIGN="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (ALIGN="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (ALIGN="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (ALIGN="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (ALIGN="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (ALIGN="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (ALIGN="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (ALIGN="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (ALIGN="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (ALIGN="justify")...
TEKST POGRUBIONY
Tu wpisz tekst

Znacznik ten pozwala pogrubić (wytłuścić) część tekstu (ang. "bold"), który się wewnątrz niego znajduje. Podobna funkcja jest zwykle dostępna w zwykłych edytorach (np.: WordPad), podczas tworzenia normalnego dokumentu tekstowego.

Przykład:
Ten tekst jest pogrubiony (wytłuszczony)

TEKST POCHYLONY
Tu wpisz tekst

Pozwala napisać tekst pismem pochylonym, czyli kursywą (ang. "italic").

Przykład:
Ten tekst jest napisany pismem pochylonym, czyli kursywą

TEKST PODKREŚLONY
Tu wpisz tekst

Pozwala podkreślić fragment tekstu (ang. "underline").

Przykład:
Ten tekst jest podkreślony

WIELKOŚĆ CZCIONKI
Tu wpisz tekst

gdzie jako "n" należy wpisać wartość od 1 (czcionka najmniejsza) do 7 (czcionka największa).

Przykład:
Czcionka o rozmiarze 1
Czcionka o rozmiarze 2
Czcionka o rozmiarze 3 (domyślna)
Czcionka o rozmiarze 4
Czcionka o rozmiarze 5
Czcionka o rozmiarze 6
Czcionka o rozmiarze 7

KOLOR CZCIONKI


gdzie jako "kolor" można wpisać:

black		(czarny)
white		(biały)
silver		(srebrny)
gray		(szary)
maroon		(kasztanowy)
red		(czerwony)
purple		(purpurowy)
fuchsia		(fuksja)
green		(zielony)
lime		(limonowy)
olive		(oliwkowy)
yellow		(żółty)
navy		(granatowy)
blue		(niebieski)
teal		(zielonomodry)
aqua		(akwamaryna)

Edytory HTML posiadają często specjalny selektor kolorów, za pomocą którego można w prosty sposób wybrać barwę o dowolnym odcieniu.