Rozdział 8.
Wyróżnianie pierwszych liter
rew
Powiększone i opuszczone pierwsze litery akapitu są znaną i stosowaną od wieków metodą rozpoczynania nowej sekcji lub długiego fragmentu tekstu. Średniowieczni mnisi używali tej metody w ozdobnych rękopisach - a teraz Ty możesz jej używać na stronach WWW.
Ten sposób wyróżniania tworzony jest poprzez powiększenie pierwszej litery akapitu, aby była większa od reszty jego zawartości, i przesunięcie kilku pierwszych linii tekstu w prawo, tak aby pomieściły powiększoną literę. Efekt końcowy przedstawiony został na rysunku 8.5.
1. P {font:normal 10pt/12pt helvetica -»,arial,sans-serif;}
Zdefiniuj znacznik akapitu, aby wyświetlał tekst w wybranym przez Ciebie stylu.
W przykładzie użyta została czcionka Helvetica o wielkości lOpt i linie o wysokości I2pt. Reguła została przedstawiona na listingu 8.3. (Informacje związane z określaniem wielkości czcionki znajdziesz na stronie 52.)
2. .dropcap {font:bold 200% times,
>serif; colorrred; float: left;}
Stwórz klasę definiującą, że tekst wyświetlony przy jej użyciu będzie pogrubiony i dwa razy większy od reszty otaczającego go tekstu. Pozostała część tekstu będzie otaczała ten wybrany fragment z prawej strony, gdyż wyróżniana litera będzie się znajdowała z lewej strony (patrz strona 125).
Listing 8.3. Klasa dropcap definiuje tekst, który będzie pogrubiony, trzy razy większy od tekstu sąsiadującego i wyświetlany za pomocą czcionki <html>
<head>
cne ta http-eauiv=MContent-Type"
-»content="text/h tml; char se t. -1 $0-8 8 5 9- 2 " > <Litle>Listing 8.3</tit.le>
<style type=”text/css">
P { font: 10pt/12pt helvetica, arial, -»sans-serif; }
.dropcap { font: bold 200% times, serif; ->color: red; float: left; }
</sLyle>
</head>
<body bgcoIor""#FFPFFF">
<h3>Rozdział 3<hr>
Kilka słów o tabelach</h3>
<p><span class="dropcap,,>W</span> języku HTML definiuje się po kolei wszystkie wiersze tabeli, a każdy z wierszy zawiera definicję wszystkich zawartych w nim komórek. Definiowanie tabeli zaczynamy od górnego wiersza i określamy wszystkie jeco komórki, następnie drugi wiersz i jego komórki, i rei. Kolumny obliczane sa automatycznie w oparciu o liczbę komórek v/ każdym z wierszy.
Paro znaczników' TR i /TR służy do tworzenia wiersza. Każdy- wiersz ma komórki, które definiuje się za pomocą pary znaczników TD i /TD, zawartych między znacznikami TF< i /TR. W przypadku komórek nagłówka używamy znaczników TH i /TH {zamiast. TD) . Zawartość komórek nagłówków jest zwykle wyświetlana pogrubioną czcionką.</p>
</body>
</html>
136