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 htmliikurs tworzenia stron internetowych w języku htmlvmultimedialny kurs tworzenie stron internetowych programu flashinformatyka tworzenie stron www kurs wydanie iii radoslaw sokol ebookJavaScript Podrecznik tworzenia interaktywnych stron internetowych Wydanie IIkurs PODSTAWY TWORZENIA STRON WWWwięcej podobnych podstron