tej części kursu HTML`a weźmiemy pod lupę elementy blokowe. Na początek zajmiemy się tytułami (zastosowanie ich przedstawię bez przykładów)
Tytuł x-owego stopnia
<Hx>Tytuł x-owego stopnia</Hx>
Występuje 6 stopni tytułów od 1...6. nie ma sensu ich wszystkich przedstawiać. Zamiast x należy więc wstawić odpowiednią liczbę.
Wyrównywanie tytułów.
<Hx ALIGN=wartość></Hx>,
a wartości to:
left - do lewej strony;
center - na środek;
right - do prawej strony;
Tytuły te można lepiej dostosować przy pomocy arkusza stylów. Oto przykład dla tytułu stopnia 1:
<STYLE TYPE="text/css">
<!--
H1 {
font-family: sans-serif;
font-weight: normal;
font-style: normal;
font-size: 15pt;
font-stretch: normal;
color: #FF3300;
background: #339933;
cursor: auto;
text-align: center;
vertical-align: text-top;
}
-->
</style>
Kurs Arkusza Stylów (CSS) już był, ale po krotce opiszę która linijka co prezentuje.
font-family - Krój pisma. Mogą to być nazwy czcionek lub rodzin czcionek.
font-size - Wielkość czcionki w: pt, px, %, względna, ect..
font-style - styl czcionki (normalna , podkreślona, pogrubiona)
font-stretch - gęstość , czyli odległość między kolejnymi literami
color - kolor tytułu
background - tło tytułu
cursor - typ kursora
text-align - wyrównywanie poziome
vertical-align - wyrównywanie pionowe
Oczywiście to nie są wszystkie wartości, ale jest to kurs HTML.
Teraz wracamy do dalszej części kursu.
Znacznik akapitu.
<p></p>
<p>Oczywiście znacznik akapitu wykorzystywany jest w tym celu aby tekst który musi zająć więcej niż jeden wiersz wyglądał czytelnie, a mam nadzieję że to posłuży wam z przykład i tekst ten jest spocjalnie pisany, aby był jak najdłuższy</p>
Można go również zastosować po to aby uzyskać linie odstępu pomiędzy kolejnymi wierszami tekstu.<p></p>
Również tu można stosować wyrównywanie tekstu:
<p align=wartość></p>
Wartości:
left - do lewego marginesu;
center - na środek;
right - do prawego marginesu;
Justify - do obydwu marginesów;
Znacznik końca wiersza.
<br>
Znacznik ten służy do złamania wiersza<br>
i przeniesienia tekstu go do następnego.
Występuje też wartość CLEAR jest on wykorzystywany w pozycjonowaniu tekstu i grafiki. Musi on być zaprezentowany za pomocą przykładu, aby dokładnie zrozumieć jego działanie.
Pozioma linia
<hr>
Napiszę wszystkie wartości jakie można zastosować, a następnie wyjaśnię co one oznaczają:
<hr color="nazwa koloru" align=left NOSHADE size=3 WIDTH=300>
color - kolor lini (tylko IE); może on być podawany w taki sam sposób jak kolor czcionki: nazwa angielska, kod szesnastkowy, heksadecymalny tryplet;
align - wyrównywanie lini do: left do lewego marginesu, center - na środek, right - do prawego marginesu;
noshade - pozbawienie cieniowania lini;
size - grubość lini;
width - długość lini w pikselach lub %(width=50%);
Blok cytowany
<BLOCKQUOTE></BLOCKQUOTE>
Bloku cytowanego możemy użyć przy powoływaniu się na jakieś źródło. Cytat jest wyświetlany z uwzględnieniem tabulacji.
Adres
<ADDRESS></ADDRESS>
Polecenie to jest interpretowane przez przeglądarki jako kursywa. Stosowane jest do tekstu zawierającego adres
<ADDRESS>
Jacek "Djack" Głowacki
Djack@wp.pl</ADDRESS>
Centrowanie
<center></center>
Polecenie to służy do wyśrodkowania danego elementu na stronie:
<center>grafiki, tekstu</center>
Komentarz
<!-- -->
tekst umieszczony pomiędzy tymi znacznikami jest pomijany podczas wyświetlania przez przeglądarkę służy ona jako dodatkowa informacja dla osoby czytającej źródło dokumentu.
<!-- Właśnie tu piszesz komentarz i opis zawartości stony -->
Wycinek dokumentu
<div></div>
Dzięki temu znacznikowi można stworzyć indywidualny styl dla tekstu i grafiki znajdującej się pomiędzy znacznikami <div></div>.
Przykład:
<div align=right title="tekst w chmurce nad tekstem dokumentu">
Tekst zawarty pomiędzy tymi znacznikami jest wyrównywany do prawego marginesu i pokazuje się nad nim dymek po zatrzymaniu nad tym tekstem. Zostało tu wykorzystane połączenie znacznika title wykorzystywanego w grafice do opisu obrazków.