Tekst preformatowany i cytat

Transkrypt

Tekst preformatowany i cytat
Tekst preformatowany i cytat
<PRE>
Ten znacznik umożliwia wyświetlanie tekstu dokładnie tak jak został on napisany w źródle.
Przydaje się on w sytuacji gdy chcesz nadać tekstowi specjalne formatowanie, które trudno
byłoby uzyskać z pomocą znaczników i parametrów HTML , takich jak <ALIGN> i <BR>.
Znacznik musi zostać zamknięty </PRE>
<BLOCKQUOTE>
Znacznik <BLOCKQUOTE> (blok cytowany) powoduje automatyczne formatowanie tekstu.
Charakteryzuje sie tym iż tekst zdefiniowany przez ten znacznik jest automatycznie wycinany.
Dlatego też znacznik ten jest wyjątkowo przydatny do wyróżniania fragmentów tekstu na stronie
www.
Własna ikona (favicon)
Co zrobić aby w pasku adresu wyświetlić własną ikonę zamiast standardowego "e" Internet
Explorera...
<link REL="shortcut icon" HREF="ikona.ico" TYPE="image/x-icon">
Jak sprawić aby tło strony nie było przewijane wraz z tekstem?
Przy BODY należy dopisać:
style="background-image: url('URL_do_obrazka_tla'); background-attachment: fixed"
Jak sprawić aby tło strony nie było powielane?
Wystarczy przy BODY wpisać kod:
style="background-image: url('URL_do_obrazka_tla'); background-repeat: no-repeat"
Możemy również sprawić by tło powielało się tylko w pionie lub tylko w poziomie, wstawiając
zamiast no-repeat:
repeat-x (powielanie w poziomie)
repeat-y (powielanie w pionie).
Jak schować pasek przesuwu na stronie?
Możemy to zrobić wstawiając przy BODY scroll="no".
Drugą metodą jest użycie stylów dodając do nich: body {overflow:hidden}
Obydwa te sposoby usuwają zarówno pionowy jak i poziomy pasek. Jednakże ten drugi
umożliwia usunięcie tylko jednego z nich.
W tym celu stosujemy:
overflow-y - aby ukryć pasek pionowy
overflow-x - aby ukryć pasek poziomy
Jak zrobić kolorowy pasek przesuwu na stronie?
Dla uzyskania efektu, w sekcji HEAD należy wstawić kod:
<STYLE TYPE="text/css">
<!-BODY {
SCROLLBAR-FACE-COLOR: kolor;
SCROLLBAR-HIGHLIGHT-COLOR: kolor;
SCROLLBAR-SHADOW-COLOR: kolor;
SCROLLBAR-3DLIGHT-COLOR: kolor;
SCROLLBAR-ARROW-COLOR: kolor;
SCROLLBAR-TRACK-COLOR: kolor;
SCROLLBAR-DARKSHADOW-COLOR: kolor;
}
-->
</STYLE>
Gdzie w miejscu, w którym znajduje się "kolor" należy wstawić kod lub nazwę jakiegoś
konkretnego koloru.
Należy jednak pamiętać, że efekt kolorowego paska przesuwu możemy uzyskać jedynie w
przeglądarce Internet Explorer w wersji 5.5 lub wyższej.
Jak przenieść pasek przewijania na lewą stronę?
Jest to niestandardowe rozwiązanie, które raczej przeszkadza i utrudnia oglądanie strony
użytkownikowi przyzwyczajonemu do tego, że pasek przesuwu znajduje się po prawej stronie,
jednakże z ciekawości warto coś takiego wypróbować :)
W tym celu należy przy BODY dopisać kod: style="direction:rtl".
Analogicznie można również dopisać kod style="direction:ltr" co umieszcza pasek przesuwu po
prawej stronie. Są to jednak ustawienia domyślne i wstawianie tego kodu nie jest konieczne.
Jak zrobić automatyczne przekierowanie na stronie?
Sekcji HEAD należy wstawić kod:
<META HTTP-EQUIV="Refresh" CONTENT="x;URL=adres_docelowy">
Gdzie x jest wartością podaną w sekundach, po jakiej przeglądarka przeniesie nas pod
wskazany adres (adres docelowy).
Przykład:
Chcemy żeby osoba wchodząca na naszą stronę, po 5 sekundach została przekierowana np. na
stronę www.pajacyk.pl. W sekcji HEAD wstawiamy wówczas kod:
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.pajacyk.pl">
Własny kursor
Dzięki dobrodziejstwom jakie daje nam CSS na naszej stronie możemy zadecydować w jakim
miejscu, przy jakiej akcji, jaki kursor będzie wyświetlany.
<p style="cursor:NAZWA"> lub np.: <a href="plik.html" style="cursor:NAZWA">
W miejsce NAZWA wystarczy wpisać odpowiednią nazwę kursora. Dostępne nazwy to: hand,
crosshair, move, wait, text, auto, help, w-resize, s-resize, sw-resize, se-resize, n-resize, neresize, nw-resize, e-resize.
Oczywiście można też wykorzystać kursor własnej produkcji zapisany jako .cur lub
animowany .ani. Wystarczy skożystać z poniższego kodu:
<a style="cursor:url('http://cos.pl/kursor.ani');" href="http://cos.pl">Webhelp</a>

Podobne dokumenty