Dies ist ein Beispiel, wie man in HTML Bilder mit Bildunterschriften einbaut. In den nächsten Absätzen steht Blindtext als Beispiel, und am Ende folgt der Quelltext eines Bildes.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Aenean lacinia lectus id velit. Nam lacus
nunc,auctor eget, dignissim id, porta at, nulla. Maecenas a nulla.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae; Nullam mi sem, rutrum quis, interdum et,
rutrum quis, leo. Mauris at est vel erat nonummy faucibus. Nunc
pharetra, tortor vitae venenatis varius, magna urna placerat sem,
a pretium ligula purus nec turpis. Duis rhoncus rhoncus dolor.Cras
laoreet aliquam odio. Vivamus ac neque sed leo tincidunt imperdiet.
Proin tempus facilisis dui. Duis egestas. Vivamus vehicula.Maecenas
tortor. Proin urna eros, condimentum a, consectetuer non,ultrices
in, quam. Mauris in velit non mi dignissim sodales.Suspendisse dui
enim, volutpat in, sodales dignissim, porta eu,lacus. Sed tempus
lorem vitae velit. Integer gravida lacus et enim.
|
| Das ist das erste Bild, das in diesem völlig nutzlosen Blindtext steht. Auf den ersten Blick sieht es ganz nett aus, erst beim genaueren Betrachten der Seite erkennt man, dass der Informationsgehalt gegen Null geht. |
Curabitur mollis adipiscing lectus. Nunc pharetra viverra velit. Phasellus vitae lacus. Curabitur libero lorem, placerat sollicitudin, nonummy vitae, dictum quis, metus. Fusce sed diam. Quisque a eros ut erat mattis posuere. Aenean in nulla. Aenean orci nulla, tempus eu, ornare accumsan, mattis sit amet, risus. Nam rhoncus tellus a risus. Sed eget ligula non ligula mollis tincidunt. Ut rhoncus vestibulum lorem. Quisque nec wisi non lacus dignissim convallis. Quisque suscipit luctus neque. Donec convallis ullamcorper augue. Mauris duijusto, egestas imperdiet, molestie vel, auctor sit amet, mi. Aliquam hendrerit. Vivamus bibendum sem at elit. Integer lectus sem, volutpat accumsan, malesuada quis, cursus sit amet, dui.
Nulla venenatis congue tortor. Quisque vehicula, metus ut aliquet vestibulum, metus sem iaculis sem, nec sollicitudin purus ante ac dui. Curabitur cursus massa vel tellus. Suspendisse sem. Donec lectus. Proin porttitor. Aenean turpis. Maecenas mattis. Proin porttitor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Ut nunc tortor, tincidunt in, tempor a,porta eu, nulla. Vestibulum non dui. Vestibulum non nulla at duivestibulum lacinia. In in nisl eu mi elementum dignissim.Nulla euismod vehicula ante. Aliquam non lorem non magnaultricies malesuada.
Maecenas sit amet leo. Donec eu sapien nec wisi porta vehicula.
Pellentesque eget felis. In sit amet metus eu justo vestibulum
gravida.Ut suscipit dolor non nunc. Duis egestas. Integer vestibulum
lacinia sapien. Integer pellentesque magna ut turpis.Praesent
sollicitudin gravida sem. Praesent nec nibh. Sed dolor enim,mollis
nonummy, eleifend eget, elementum et, arcu. Proin sagittis,eros
eu interdum gravida, arcu est sollicitudin lectus,quis porttitor
ipsum lorem eget urna. Vivamus id elit. Sed nibh.Vivamus fringilla
velit eget metus. In orci nunc, vestibulum rutrum,hendrerit et,
tincidunt eget, massa.
 |
| Das zweite Bild hat ebenso wenig mit dem Text zu tun wie das erste. Dafür ist es schön rosa. |
Proin mi sapien, tempor eu, vehicula non, pretium ut, enim. Aliquam dui. Suspendisse suscipit est vel neque. Sed quis felis in nisl sodales imperdiet. Mauris vel sapien. Sed mauris nisl, bibendum feugiat, commodo at, sodales non, massa. Phasellus faucibus tempor ante. Aliquam erat volutpat. Aliquam erat volutpat. In imperdiet. Nulla ac tortor. Nam nisl mauris, volutpat a,imperdiet ut, congue malesuada, neque. Vivamus mi velit, ultrices a,suscipit vitae, euismod lacinia, magna.
Morbi molestie nisl nec diam. Suspendisse blandit mauris eu est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris orci arcu, tempus id, condimentum sit amet, sollicitudin eget, purus. Vivamus tempor nibh at sapien.Nunc turpis libero, sollicitudin eu, gravida a, viverra vitae, lacus. Curabitur sapien neque, venenatis eget, consequat non, mattis eget, libero. Ut non dui. Duis laoreet, sapien nec laoreet blandit, velit wisi suscipit diam, ut consequat dui purus in mi.Integer consequat.
Fusce tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis egestas dui et purus. In hac habitasse platea dictumst. Suspendisse et neque. Duis convallis eros ut orci. Sed vitae dui. Cras et est. Nam eleifend turpis egestas metus. Nunc et neque sed arcu hendrerit aliquam.
Donec eu nibh non sem molestie viverra. Nulla leo. Mauris molestie convallis ligula. In hac habitasse platea dictumst. Nullam vehicula, dui ut mattis feugiat, ipsum purus euismod tellus, a eleifend ipsum neque quis nibh. Ut mattis elit vel tortor. Vivamus vitae tortor sed nunc adipiscing pellentesque. Aenean et massa in felis tempus volutpat. In vulputate pulvinar nibh. Suspendisse potenti. Maecenas dictum lectus quis orci malesuada pulvinar. Integer laoreet, orci vel facilisis tincidunt, odio enim lobortis dui, ut laoreet orci nulla non metus. Cras suscipit. Curabitur ut sem in leo iaculis elementum.
Phasellus vel justo. Praesent porttitor lacus eu ligula. Sed
gravida feugiat lectus. Sed ultricies sagittis felis. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos
hymenaeos. Phasellus pellentesque fringilla leo. Vestibulum diam
neque, elementum a, bibendum a, ultricies vehicula, lectus. Morbi
elementum odio eu tortor condimentum congue. Donec ac tortor. Aliquam
vulputate vestibulum massa. Pellentesque vitae leo non sem consequat
posuere. Integer laoreet lorem ut justo. Integer pede turpis,
laoreet eget, posuere non, bibendum sed, nunc. Aenean lacinia volutpat
mi. Proin pede. Duis imperdiet, ipsum sit amet feugiat sagittis, neque
libero ullamcorper ligula, vel blandit felis est nec magna. Integer
eu neque sit amet turpis placerat pulvinar. Praesent pulvinar, nisl
et ullamcorper mollis, metus urna varius ligula, sed egestas eros
nibh nec velit. Quisque arcu lectus, varius ut, vulputate sit amet,
pretium et, erat.
 |
| Eins geht immer: heizen, heizen, heizen. |
Vestibulum ante felis, aliquam ac, sodales a, tincidunt id, massa. Pellentesque leo. Mauris sollicitudin. Curabitur lacinia, velit et sodales sagittis, nulla risus adipiscing libero, a imperdiet dolor urna quis lacus. Mauris id lectus ac nisl commodo facilisis. Maecenas risus mi, auctor in, sodales quis, fermentum in, eros. Aliquam neque erat, tincidunt ut, faucibus non, consectetuer sit amet, nisl. Phasellus vel magna. Nam mi sapien, rutrum id, hendrerit non, porttitor non, nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam in lectus. Suspendisse felis dui, dapibus et, venenatis sed, tempor ac, wisi. Aliquam a eros sit amet est accumsan luctus. Aliquam nibh. Vestibulum sodales nunc eu elit.
Nullam arcu enim, auctor non, consequat eget, interdum eget, felis. Etiam ut nulla. Donec eu mi sit amet orci tristique porttitor. Etiam lectus est, bibendum et, viverra at, interdum sit amet, urna. Pellentesque et odio. Duis elit eros, rhoncus quis, tempus at, sollicitudin vel, elit. Nam ut sem. Nam lectus. Mauris suscipit. Nulla malesuada, elit vitae volutpat vulputate, tellus risus dignissim est, ut volutpat leo arcu vel metus. Morbi velit lectus, tempor vitae, sollicitudin in, imperdiet a, est. Curabitur imperdiet consectetuer ligula.
Phasellus ac leo. Praesent faucibus tortor vitae metus. Nunc quam lorem, viverra non, consequat in, pellentesque ac, eros. Quisque a pede. Donec leo lectus, viverra eget, sollicitudin eget, fringilla sed, risus. Aliquam id wisi vitae sapien vestibulum faucibus. Pellentesque rhoncus facilisis est. Nulla justo magna, molestie id, elementum eget, iaculis vitae, odio. Aliquam mattis, elit sit amet ultricies ultrices, lectus metus ornare sapien, eu tincidunt sapien magna sit amet tortor. Curabitur nonummy, lacus ac mattis pellentesque, eros leo mollis mi, sed volutpat sem augue quis metus. Praesent pharetra felis at tellus. Ut accumsan, lacus at aliquet venenatis, mi quam venenatis diam, vel accumsan ante purus sit amet tellus. Nulla facilisi.
Aliquam augue orci, tristique et, viverra at, iaculis sit amet, lectus. Sed turpis justo, ullamcorper ac, mattis eu, dapibus at, lacus. Cras dapibus. Suspendisse bibendum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum pede enim, faucibus non, tincidunt et, varius id, justo. Aenean nulla. Aenean semper lacus sed lacus. Ut luctus mi eget velit. In libero felis, dictum vitae, feugiat nec, placerat id, erat. Mauris in nisl sit amet leo nonummy pretium. Suspendisse potenti. Proin eleifend ante sed nulla. Nullam nec nibh sit amet velit iaculis blandit.
Pellentesque magna. Fusce varius viverra est. In nec ligula at libero interdum iaculis. Proin interdum, dui vitae blandit dapibus, enim odio feugiat pede, sed accumsan lorem diam id enim. Nullam rhoncus tempor nibh. Nulla consectetuer dolor ut massa. Nam eget massa nec dui pharetra vulputate. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst. Suspendisse potenti. Morbi magna dui, convallis et, condimentum nec, suscipit ut, nisl. Sed laoreet posuere massa. Aenean convallis. Donec a dolor sit amet libero congue euismod.
Duis leo enim, suscipit vestibulum, venenatis ut, cursus eget, arcu. Ut arcu mauris, placerat ac, sagittis vel, hendrerit interdum, lectus. Ut eros tortor, vulputate vel, vestibulum a, sodales vitae, ipsum. Maecenas tincidunt euismod magna. Suspendisse condimentum justo id dolor. Praesent suscipit varius odio. Ut quis felis nec orci congue faucibus. Curabitur et sem id nisl eleifend luctus. Aliquam libero orci, rhoncus facilisis, auctor ac, accumsan eu, dolor. Proin metus. Nam vel augue. Phasellus diam orci, sollicitudin at, molestie quis, rhoncus eget, leo. Donec tristique mollis nisl.
Blindtext erzeugt mit Lipsum Generator
<TABLE width="330" border="0" align="right" cellpadding="5" cellspacing="5" class="bildBox" hspace="10">
<TBODY>
<TR>
<TD class="bildBox"><IMG src="09270066.jpg" width="320" height="240"></TD>
</TR>
<TR>
<TD class="bildBox">Das zweite Bild hat ebenso wenig mit dem Text zu tun
wie das erste. Dafür ist es schön rosa.</TD>
</TR>
</TBODY>
</TABLE>