Zwiększanie odstępu tekstu od ilustracji

Poniżej przedstawiony jest kod źródłowy przykładowego dokumentu - należy zwrócić uwagę na sposób zastosowania atrybutu VSPACE i HSPACE znacznika IMG, w celu odsunięcia tekstu od ilustracji.

<html>
<head>
<meta http-equiv="Content-Type" content=" text/html; charset=ISO-8859-2">
<title>Nasza Szkoła</title>
</head>
<body bgcolor="#000000" text="FFFFFF">

Poniższy fragment tekstu przedstawia przykład kodu źródłowego HTML umożliwiającego zwiększenie odstępu tekstu od ilustracji, co powoduje, że dokument nabierze bardziej estetycznego wyglądu. Do tego służą atrybuty VSPACE i HSPACE wprowadzające odstęp tekstu od rysunku odpowiednio od bocznych krawędzi obrazka (VSPACE) i górnej oraz dolnej (HSPACE). Wartości tych argumentów podaje się w pikselach.

<img src="devisionm.jpg" align=left hspace=40 vspace=40> <h5><B>
The Division Bell (1994)</B></h5>

Zmieniły się czasy. Solowa muzyka Watersa choć była piękna, wrażliwa i ambitna, nie zdobyła takiej popularności jak nowy Pink Floyd - niestety...

Motyw był taki sam jak przy nagrywaniu "A Momentary Lapse Of Reason", czyli zbieramy ekipę i nagrywamy płytę. Tyle, że Gilmour chciał tym razem stworzyć dzieło wybitne na miarę starych płyt... i mu się udało! Wszystko (dosłownie wszystko) przypomina klasyczne albumy z lat 70-tych, okładka, teksty i przede wszystkim muzyka. "The Division Bell" to bardzo udany album. Przepięknie się zaczyna, później robi się bluesowo, folkowo, wzruszjąco ("Marooned"). Z poszczególnych utworów da się wyróżnić: brzmiący jak hymn "Wielki dzień dla wolności", przebojowy "Take it Back" i piękną balladę "Comming Back To Life".
Wyobraźmy sobie taki motyw: Cichnie bicie serca, kończy się "Ciemna strona księżyca" i zaczyna się ten przepiękny utwór - "Wearning To Inside Out"... I jeszcze to zakończenie - "High Hopes", najpiękniejszy utwór lat 90-tych. Trzeba posłuchać, bo wstyd go nie znać. Dla mnie numer 1 z całej płyty. Dodam jeszcze, że "The Division Bell" to pierwsza polska "złota" płyta.

 


</body> </html>

Rady:

  • Nie jest konieczne stosowanie jednocześnie atrybutu HSPACE i VSPACE, można stosować je oddzielnie.


Tutaj można poćwiczyć

W oknie edytora możesz wprowadzić zmiany w tekście kodu HTML, a po naciśnięciu przycisku "pokaż widok strony" zobaczysz efekt działania edytowanego kodu.