Przerwanie otaczania ilustracji tekstem

Poniżej przedstawiony jest kod źródłowy przykładowego dokumentu - należy zwrócić uwagę na sposób zastosowania odpowiednich wartości atrybutu CLEAR znacznika BR w celu przerwania otaczania ilustracji tekstem.

 

Poniższy fragment tekstu przedstawia przykład kodu źródłowego HTML umożliwiającego przerwanie otaczania ilustracji tekstem i przeniesienie dalszego ciągu tekstu do linii, w której nie ma grafiki.
 

<img src="darkm.jpg" align=left>
<h5><B>
Ja jako nauczyciel</B></h5>
Będąc nauczycielem, staram się być przede wszystkim wychowawcą, bo uważam, że nie można oddzielić nauczania od wychowania. Moim zdaniem nauczanie jest jednym z elementów wychowywania.
<br clear=left>

Atrybut CLEAR znacznika BR przerywa otaczanie rysunku tekstem. W tym wypadku dotyczy to rysunku wyrównywanego do lewego marginesu dokumentu.

. <img src="darkm.jpg" align=right>

W zaciszu własnego studia, które muzycy nazwali "Britannia Row" /od nazwy ulicy na której się znajdowało/ wiosną 1976 roku przystąpili do pracy nad nowym albumem. Płyta " Animals" ukazała się 23 stycznia 1977r. Fachowcy w tej płycie bardzo wysoko ocenili poziom realizacji dźwięku uznając ją jako najlepszą pod względem technicznym nagraną płytę w dziejach fonografii.

Wszystkie utwory as utrzymane w tonie sarkastycznym, ukazują społeczeństwo pod postacią zwierząt. Waters dzieli ludzi według ich postaw życiowych na trzy grupy: psy, owce, świnie,<br clear=right>  a następnie opisuje cechy i zachowanie każdej z nich./Patrz na przetłumaczone teksty/

 słowa wychowawcą.

Podobnie jak wyżej, lecz chodzi o prawy margines.

Atomowe serce matki " do dziś dnia szokuje i robi wielki ubytek w psychice i świadomości. Patrzę na tę krowę, która patrzy na mnie i już wiem , że będzie niesamowicie. Utwór tytułowy brzmi jak skrzyżowanie średniowiecze z XXI wiekiem. Tam jest po prostu wszystko: chór kościelny, symfonia, gitarowe solówki - jedne z najpiękniejszych jakie słyszałem, Płytę tę pamiętam jak będąc w podstawówce usłyszałem po raz pierwszy i oszalałem na jej punkcie<br>
<img src="darkm.jpg" align=left>
<img src="darkm.jpg" align=right>


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! <br clear=all> 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

 

Podobnie jak wyżej, lecz chodzi o lewy i prawy margines.


 

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.