Kurs HTML & CSS (by foock)






.: www.foock.vel.pl ::
:: do menu :.
.: poprzednia lekcja ::
następna lekcja :.

Bloki
Bloki to zestaw tekstu ze specjalnym formatowaniem. Nie będę tutaj zbytnio rozpisywał się na
ich temat, lepiej omówić wszystko po kolei.
nagłówki
Mamy sześć stopni nagłówków:

<h1>nagłowek stopnia pierwszego</h1>
nagłowek stopnia pierwszego
<h2>nagłowek stopnia drugiego</h2>
nagłowek stopnia drugiego
<h3>nagłowek stopnia trzeciego</h3>
nagłowek stopnia trzeciego
<h4>nagłowek stopnia czwartego</h4>
nagłowek stopnia czwartego
<h5>nagłowek stopnia piątego</h5>
nagłowek stopnia piątego
<h6>nagłowek stopnia szóstego</h6>
nagłowek stopnia szóstego

Za pomocą parametru align="wyrównanie" możemy dowolnie wyrównać
nagłówek.
Przy okazji: do niemalże każdego elementu możemy dodać parametr
title="jakiś napis". Dzięki niemu po najechaniu na dany element
kursorem, zobaczymy tekst wyświetlony w żółtym prostokąciku, np.
<h3 title="Jakiś tekst">nagłowek</h3>
nagłowek
pozioma linia
Poziomą linię wstawiamy za pomocą tagu <hr>. Bez żadnego
formatowania wygląda ona tak:

Ale zawsze możemy dodać różne parametry:

width="50%" - szerokośc linii, wartość można podawać w procentach
(jak w przykładzie, dotyczy się ona szerokości strony) i w pikselach;
size="5" - wielkość (grubość) linii;
align="wyrównanie" - wyrównanie linii;
color="green" - kolor linii (zaleca się zarzucenie tego parametru
na rzecz stylów);
noshade - brak cienia linii.

Oto przykłady:
<hr align="right" width="45%" size="5">

<hr align="center" color="red" width="80%" noshade>

tekst preformatowany
Tekst preformatowany wstawiamy przy pomocy tagów <pre></pre>.
W takim takście wszystkie znaki mają taką samą wielkość (w tym szerokość), najczęściej
jest to czcionka Courier New. Oto przykład:
To jest tekst preformatowany.
Można wstawiać wielokrotne spacje .
|||||||||
/ @ @ \
\ " /
\_______/

Przeglądarka MS Internet Explorer 4.0+ potrafi interpretować tagi wewnątrz tekstu
preformatowanego, inne programy nie mają tej opcji.
obramowanie
Obramowanie tekstu wstawiamy za pomocą tagów
<fieldset></fieldset>:
To jest jakiś tekstobjęty obramowaniem
Opcja ta nabiera większego sensu z połączeniem z tagami
<legend></legend>:
<fieldset><legend>Spis treści</legend>
- rozdział pierwszy<br>
- rozdział drugi<br>
- rozdział trzeci<br>
</fieldset>
Spis treści
- rozdział pierwszy
- rozdział drugi
- rozdział trzeci

Szkoda tylko, że opcja ta jest na razie interpretowana tylko przez MS Internet Explorer 4.0.
komentarze
Znaczniki komentarza pozwalają wprowadzić tekst, który zostanie zignorowany przez
przeglądarkę. Są używane gdy mamy bardzo długi dokument, a także do pisania skryptów.
Taki znacznik wygląda tak:
<!-- coś, czego nie zobaczy zwykły śmiertelnik -->
lub
<!--
tego zresztą też
//-->
Aby zobaczyć efekt, musisz zajrzeć do źródła strony (kliknij prawym przyciskiem myszy i wybierz
polecenie Pokaż źródło)



.: poprzednia lekcja ::
następna lekcja :.
:: do menu :.
.: www.foock.vel.pl ::