Kolor tła
Do zmiany koloru tła strony WWW służy atrybut BGCOLOR używany wewnątrz znacznika BODY
<BODY BGCOLOR="kolor">, gdzie kolor określa kolor tła strony (może to być szesnastkowa wartość wybranego koloru lub jeden z 16 predefiniowanych kolorów).
Przykład:
<HTML>
<HEAD>
</HEAD>
<BODY BGCOLOR="#FFCCFF">
Zawartość strony.
</BODY>
</HTML>
Ilustracja jako tło strony WWW
Aby użyć obrazka jako tła strony w ramach znacznika BODY należy umieścić atrybut
BACKGROUND.
<BODY BACKGROUND=tapeta.jpeg>, gdzie tapeta.jpeg oznacza ścieżkę dostępu oraz nazwę dostępnego na serwerze pliku obrazka.
Przykład:
<HTML>
<HEAD>
</HEAD>
<BODY BACKGROUND=tapeta.jpeg>
Zawartość strony.
</BODY>
</HTML>
W przeglądarce Internet Explorer można użyć atrybut BGPROPERITIES=fixed. Wtedy obrazek będzie traktowany jako nieprzesuwający się znak wodny.
UWAGI:
- Małe obrazki są wyświetlane sąsiadująco w przeglądarkach.
Wyśrodkowanie elementów na stronie
Dzięki znacznikowi <CENTER></CENTER> można wyśrodkować prawie wszystkie elementy na stronie WWW.
<CENTER>przykład</CENTER>
Przykład:
WYŚRODKOWANY TEKST
Określanie marginesów
W obydwu przeglądarkach jest możliwe ustalenie wielkości marginesów. Przy czym metoda dla każdej z nich jest odmienna:
Służą do tego atrybuty znacznika BODY LEFTMARGIN i TOPMARGIN
<BODY LEFTMARGIN=x TOPMARGIN=y>, gdzie x to wyrażony pikselach odstęp pomiędzy lewą krawędzią okna,
a jego zawartością; y to wysokość odstępu pomiędzy górną krawędzią okna, a jego zawartością, również wyrażoną w pikselach.
Przykład:
W przypadku drugiej przeglądarki wewnątrz znacznika BODY należy wpisać MARGINWIDTH oraz MARGINHEIGHT
<BODY MARGINWIDTH=x MARGINHEIGHT=y>, gdzie x i y mają podobne wartości jak w przypadku LEFTMARGIN i TOPMARGIN w Internet Explorer.
Przykład:
Łamanie linii
Aby wymusić przejście, na przykład tekstu, do następnej linii należy użyć znacznika <BR>. W takim wypadku tekst zostaje wyświetlony w następnym akapicie bez większej przerwy.
Przykład:
Przykładowy tekst, który zostanie przełamany znacznikiem <BR> Przykładowy tekst...
Przykładowy tekst, który zostanie przełamany znacznikiem <BR>.
Przykładowy tekst..
Kontrola sposobu łamania linii
Istnieje możliwość wypisania słów obok siebie bez
rozdzielania ich w żadnym przypadku. Do wypisywania elementów w jednej linii służy znacznik <NOBR>.
Znacznik NOBR zatrzymuje wszystkie elementy w jednej linii. Czasem może to okazać się niekorzystne, dlatego
aby wymusić złamanie linii należy użyć <WBR>.
Użycie znacznika SPACER
Odstępy pomiędzy akapitami
Znacznik SPACER określa dokładnie wielkość odstępu pomiędzy kolejnymi liniami.
Przykład:
<SPACER SIZE=n>, gdzie n to wysokość odstępu pomiędzy dwoma liniami, wyrażona w pikselach.
Można dodać atrybut TYPE=vertical, który spowoduje automatyczne łamanie linii. W tym wypadku używanie znacznika P nie jest konieczne, ponieważ dodałby on tylko dodatkowy odstęp.
<SPACER TYPE=vertical SIZE=n>
Tworzenie wcięć
W przeglądarce Netscape jest również możliwość tworzenia wcięć w akapicie. Służy do tego także znacznik SPACER, tym razem z atrybutem TYPE=horizontal.
<SPACER TYPE=horizontal SIZE=n>, gdzie n to szerokość wcięcia wyrażona w pikselach.
UWAGI:
- Wcięć można używać nie tylko na początku akapitu.
Puste prostokąty
Znacznik SPACER użyteczny jest do tworzenia pustych przestrzeni, które można otaczać tekstem. Aby stworzyć pusty prostokąt należy użyć znacznika SPACER z następującymi atrybutami:
- TYPE=block
- WIDTH=w HEIGHT=h, gdzie w to szerokość, a h wysokość prostokąta wyrażona w pikselach.
- ALIGN, atrybut ten może przyjmować następujące wartości:
- Left lub right - aby oblać prostokąt tekstem, zależnie po której stronie ma się pojawić tekst.
- Top (góra), middle (środek) lub bottom( dół) - aby wyrównać prostokąt względem tekstu, bez oblewania tekstem
<SPACER TYPE=block WIDTH=w HEIGHT=h ALIGN=left></SPACER>
Bloki cytatów
Jeśli chcemy wyróżnić fragment tekstu np. cytat sławnego pisarza, można wykorzystać blok cytatów (ang. block quotes). W zależności od przeglądarki blok cytatów będzie różnie wyświetlany. Do tworzenia bloku cytatów używa się znacznika <LOCKQUOTE>.
<BLOCKQUOTE>Cytat: ...</BLOCKQUOTES>
Przykład:
Cytat:
wiem że jestem
taki jaki jestem
może niegłupi
ale to może tylko dlatego że wiem
że każdy dla siebie jest najważniejszy bo jak się na siebie nie godzi
to i tak taki jest się jaki jest
Miron Białoszewski
UWAGI:
- W ramach bloku cytatów można używać znaczników formatowania tekstu.
Krótkie cytaty
Krótki cytat stosuje się do cytowania krótkich ustępów wewnątrz tekstu.
Używa się do tego znacznika <Q>.
<Q>krótki cytat wewnątrz tekstu</Q>
W razie potrzeby można użyć atrybutu LANG:
<Q lang=xx>, gdzie xx to dwuliterowy kod języka (np. en - dla języka angielskiego), w którym dany cytat jest napisany; dzięki temu atrybutowi determinowany jest rodzaj cudzysłowu ("" dla języka polskiego, "" dla angielskiego).
Przykład:
Ignacy Krasicki powiedział kiedyś: "<Q>Umiej być przyjacielem - znajdziesz przyjaciela.</Q>"
Ignacy Krasicki powiedział kiedyś: "Umiej być przyjacielem - znajdziesz przyjaciela.
"
Znacznik <Q> jest częścią HTML 4 lecz na razie ani Netscape ani Internet Explorer nie obsługują go.
Kolumny
W przeglądarce firmy Netscape jest możliwy podział strony na kolumny, jednakże są pewne ograniczenia: wszystkie kolumny musza być tej samej szerokości, a zdefiniowanie za wąskich kolumn spowoduje to, że będą one na siebie zachodziły. Do utworzenia kolumn wykorzystuje się znacznik <MULTICOLS>:
<tMULTICOLS COLS=n>, gdzie n jest liczbą kolumn
Opcjonalnie można używać atrybutów:
- GUTTER=n, gdzie n jest szerokością odstępu między poszczególnymi kolumnami, wyrażoną w pikselach lub procentach.
- WIDTH=n, gdzie n to łączna szerokość wszystkich kolumn, razem z odstępami między nimi, wyrażona w pikselach lub procentach.
Przykład:
<MULTICOLS COLS=3 GUTTER=24 WIDTH=75%></MULTICOLS>
UWAGI:
- Bez wpisania atrybutu WIDTH kolumny zostaną tak rozszerzone, że dopasują się do rozmiarów okna przeglądarki.
- Bez atrybutu GUTTER Netscape ustawi 10 pikseli odstępu pomiędzy kolumnami.
Tekst preformatowany
Tekst preformatowany nadaje się do wyświetlania tabel oraz grafiki tekstowej (ASCII). Dzięki niemu tekst na stronie zachowa oryginalne podziały linii oraz odstępy. Zazwyczaj to przeglądarka decyduje, w którym miejscu linia tekstu ma być przełamana. Aby zastosować tekst preformatowany należy użyć znacznika <PRE>.
Przykład:
<PRE>Przykład tekstu preformatowanego</PRE>
Przykład tekstu preformatowanego
Tekst preformatowany najczęściej wypisywany jest czcionką o stałej szerokości. np. Courier.
Wewnątrz tekstu preformatowanego można używać znaczników formatujących tekst.
