DHTML0132

Rozdział 8.

Wyróżnianie pierwszych liter

rew

Wyróżnianie pierwszych liter akapitu

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.

Aby wyróżnić pierwszą literę akapitu za pomocą znacznika <SPAN>

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>

P { font: 10pt/12pt helvetica, arial, -»sans-serif; }

.dropcap { font: bold 200% times, serif; ->color: red; float: left; }

</sLyle>

</head>

<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

Wyszukiwarka

Podobne podstrony:
DHTML0057 Rozdział 2. Zamienianie liter małych na duże 3 JJ .3 : JWwtes Hi«soiy W JĘZYKU HTML DEFINI
DHTML0095 Rozdział 6. Określanie wypełnieniaOkreślanie wypełnienia wokół elementu Na pierwszy rzut o
Rozdział piqtyFilozofia pierwszej połowy dziewiętnastego wieku Problem, jaki należy teraz rozważyć,
2013-11-255. Wewnętrzny podział rozdziałów 1. Tytuł pierwszego
•    Spis treści •    Przykładowy rozdział iIrwentor. Pierwsze
Przykładowo pierwsze trzy akapity tego rozdziału (od „Zwróć uwagę..." do „...mówienia”) to 180
5 Książka składa się z dziesięciu rozdziałów. Po pierwszym, który przedstawia główne założenia
21744 IMG84 , U, * ‘ 1 * N K !rozdział dziesiąty pierwsze łańcuchy Apeninów ciągną się od Morza
DHTML0136 Rozdział 8. Tworzenie wyróżniających się tytułówTworzeniewyróżniających się tytułów Tytuły
42054 Scan10180 r Na ten okrzyk dzieci biegną do niej, nie trzymając się już za ręce. Wychowawczyni
46224 s 76 77 76 ROZDZIAŁ 3 •    dwudziestego pierwszego roku życia w przypadku gimna
56 57 (5) Rozdział 9Test pierwszy Nu wykonanie całego testu masz 45 minut Znajdź czterol i terowe sł
ĆTEME? OBYYATELE ĆESKE REPUBLIKY A JEJICH VZTAH KE KNIZE 257 W trzecim rozdziale, zamykającym pierws
Wersja 10.02.2015 Niniejsza broszura składa się z czterech rozdziałów, z których pierwszy zawiera ni
Rozdział 8. RATOWNICTWO I PIERWSZA POMOC W NAGŁYCH WYPADKACH 8.1.    Aspekty prawne

więcej podobnych podstron