kurs tworzenia stron internetowych w języku html QJY76AT4SKS6I6A6QMTLK3E3EWYMPYQDO7O4WMA




kurs tworzenia stron internetowych w języku HTML







BODY {
BACKGROUND-COLOR: #ffffff
}











 

























































Formatowanie
tekstu



Podstawy formatowania
Podstawowym elementem języka HTML jest zestaw
znaczników odpowiedzialnych za formatowanie tekstu. W swojej
pierwotnej wersji HTML bazował przede wszystkim na tekście, dopiero
później został wzbogacony o grafikę czy animacje. Możemy określać
następujące parametry dla czcionki:

krój
wielkość
kolor
styl
W specyfikacji HTML 4.0 znaczniki odpowiedzialne za
wygląd czcionek np. <FONT> czy <B>, zostały prawie
całkowicie zastąpione przez kaskadowe arkusze stylów. Wciąż jednak
ze starych znaczników, znacznie prostszych, korzysta większość osób,
a przeglądarki nadal je obsługują.
Zmiana czcionki
Od wersji HTML 3.2 można już wybierać dokładnie
czcionkę, w której strona ma być wyświetlana. W przypadku, gdy
użytkownik nie ma podanej czcionki, tekst zostanie wyświetlony w
domyślnej. Do zmiany czcionki używamy znacznika:
<FONT FACE="nazwa_czcionki1">, gdzie
nazwa_czcionki1 jest pierwszą z wybranych czcionek; można
podać kolejną czcionkę po przecinku w razie, gdy użytkownik nie ma
pierwszej tekst zostanie wyświetlony w drugiej itd.<FONT
FACE="Garamond,Times New Roman">Tu wpisujemy nasz
tekst</FONT>
Tu wpisujemy
nasz tekst
UWAGI:

Znacznik FONT jest także wykorzystywany do zmiany
rozmiaru i koloru tekstu. Można razem używać wszystkich atrybutów
w jednym znaczniku, np.: <FONT SIZE=11 FACE="Garamond Bold"
COLOR="red"&;gt

Pisanie pogrubioną czcionką i
kursywą
<B></B> - znaczniki odpowiadające
za pogrubioną czcionkę.
Przykład:
<B>Tekst napisany pogrubioną
czcionką</B>
Tekst napisany pogrubioną
czcionką
Kursywa
<I></I> - wypisuje tekst
kursywą.
Przykład:
<I>Tekst pisany
kursywą</I>Tekst pisany kursywą
UWAGI:

Można wykorzystać mniej popularne znaczniki
<EM> oraz <STRONG>, które zaznaczają tekst jako mocny
(STRONG) lub wyróżniają go (EM). Najczęściej tekst EM jest
wypisany kursywą a STRONG czcionką pogrubioną.

Zmiana rozmiaru czcionki całego
tekstu
Rozmiar czcionki całego tekstu można zmienić za
pomocą znacznika BASEFONT. Wartość wpisana w znaczniku
BASEFONT podawana jest w odniesieniu do domyślnego rozmiaru
określonego w przeglądarce.
<BASEFONT SIZE="n">, gdzie n
jest liczbą od 1 do 7; wartość domyślna to 3.
Przykład:
<BASEFONT SIZE=5>




Zmiana rozmiaru fragmentu tekstu
Jeśli chcemy zmienić rozmiar tylko fragmentu
tekstu, możemy to zrobić na dwa sposoby: podając konkretną wielkość
lub określając czy wybrany fragment będzie większy czy mniejszy od
otaczającego go tekstu. Oczywiście wyniki będą zależały od
domyślnych ustawień przeglądarki.
<FONT SIZE="n">, gdzie n jest liczbą od 1
do 7



UWAGI:
Wartość 3 wielkości czcionki jest najczęściej domyślną dla
przeglądarek, zazwyczaj jest to 12-punktowa czcionka Times New
Roman.

Zmiana rozmiaru czcionki przy użyciu znaczników
BIG i SMALL
Znaczniki BIG i SMALL służą do zmiany
rozmiaru czcionki, kilku słów lub zdań, względem otaczającego
tekstu.
PRZYKŁAD<BIG>PRZYKŁAD</BIG> PRZYKŁAD
PRZYKŁAD PRZYKŁAD PRZYKŁAD
PRZYKŁAD<SMALL> PRZYKŁAD</SMALL>
PRZYKŁAD
PRZYKŁAD PRZYKŁAD
PRZYKŁAD
Można także zmienić wielkość na przykład kilku
liter względem otaczającego tekstu za pomocą znacznika FONT i jego
atrybutu SIZE:
<FONT SIZE=+n lub -n</FONT>, gdzie
n określa, o jaką wartość dany tekst ma być większy lub
mniejszy.
czcionka <FONT SIZE=+3>większa</FONT> od
pozostałej
czcionka większa od
pozostałej
czcionka <FONT SIZE=-3>mniejsza</FONT> od
pozostałejczcionka mniejsza od
pozostałej
UWAGI:
Jeśli znaczniki BIG, SMALL lub FONT użyte są kilka razy dodają
się one do siebie, np. <BIG><BIG> wielki
tekst</BIG></BIG>

Domyślny kolor tekstu
Aby zmienić domyślny kolor tekstu na stronie WWW,
wewnątrz znacznika BODY należy użyć atrybutu TEXT, później można
zmieniać kolor poszczególnych fragmentów znacznikiem
FONT.<BODY TEXT=kolor>, gdzie kolor jest domyślnym
kolorem tekstu na stronie.
UWAGI:
Atrybut TEXT zmienia kolor całego tekstu, a znacznik FONT z
atrybutem COLOR poszczególnych liter czy słów.

Zmiana koloru fragmentu tekstu
Jest możliwość zmiany koloru tylko fragmentu tekstu
pozostawiając resztę domyślną wstawiając znacznik FONT oraz
atrybut COLOR.
<FONT COLOR="kolor">, gdzie
kolor może być jednym z predefiniowanych kolorów lub
szesnastkową liczbą oznaczającą kolor.
Przykład:
<FONT
COLOR="blue">NIEBIESKI</FONT>NIEBIESKI
<FONT
COLOR="green">ZIELONY</FONT>ZIELONY
UWAGI:
Znacznik FONT/COLOR ma większy priorytet niż BODY/TEXT


Indeks dolny i górny
Czasem chcemy zapisać jakąś liczbę lub literę nieco
niżej lub wyżej otaczającego tekstu, taki zabieg nazywamy
odpowiednio indeksem dolnym lub górnym. Znacznik SUB wypisuje
indeks dolny, a SUP górny.
Przykład<SUB>indeksu dolnego</SUB>
Przykładindeksu dolnego
Przykład <SUP>indeksu górnego</SUP>
Przykładindeksu górnego

Przekreślenia i podkreślenia
tekstu
<STRIKE>Tekst przekreślony</STRIKE>
Tekst
przekreślony<U>Tekst podkreślony</U>
Tekst podkreślony

Czcionka o stałej szerokości
Można wyróżnić tekst poprzez wyświetlenie go
czcionką o stałej szerokości. Przydatne jest to przy prezentowaniu
na stronie kodów programów komputerowych lub adresów URL. Mamy do
wyboru kilka znaczników:
<TT> - ang. typewriter text czyli
tekst pisany na maszynie
<CODE> - służy do wyświetlania kodów
programów komputerowych
<KBD> - używany do wyświetlania
prezentacji instrukcji podawanych z klawiatury
<SAMP> - do wyświetlania przykładowego
tekstu
UWAGI:
Czcionka o stałej szerokości nie wygląda zbyt ładnie, dlatego
nie jest często stosowana.
Aby wypisać kilka linii czcionka o stałej szerokości najlepiej
użyć znacznika <PRE></PRE>.

Tekst migający  
Tekst migający widoczny jest tylko w przeglądarce
firmy Netscape. Znacznik BLINK powoduje, że zaznaczony tekst jest
bardziej widoczny. Znacznik ten jest używany tylko do tekstu.
<BLINK>Migajacy tekst</BLINK>

Komentarze (tekst ukryty)
Stosowanie komentarzy jest bardzo przydatne w pracy
nad dokumentami HTML. Ułatwiają poruszanie się po kodzie dokumentu.
Są wyświetlane tylko w kodzie dokumentu HTML i nie są widoczne dla
użytkownika. Komentarze warto stosować na przykład w celu
przypomnienia o uaktualnieniu poszczególnych sekcji. Komentarze
umieszcza się w następujący sposób:
<!-- Tutaj znajduje się
komentarz-->




Wyszukiwarka

Podobne podstrony:
kurs tworzenia stron internetowych w języku htmlii
kurs tworzenia stron internetowych w języku htmlv
multimedialny kurs tworzenie stron internetowych programu flash
informatyka tworzenie stron www kurs wydanie iii radoslaw sokol ebook
JavaScript Podrecznik tworzenia interaktywnych stron internetowych Wydanie II
kurs PODSTAWY TWORZENIA STRON WWW

więcej podobnych podstron