forked from WEB-IB-WS2526/lab-development-ib
01: Demos aus Vorlesung
parent
e791cf0106
commit
14452ed835
|
|
@ -0,0 +1,467 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Sehr langer Text</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- www.lipsum.com -->
|
||||
<h1>Lorem Ipsum 1</h1>
|
||||
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquet dictum urna, eu rhoncus justo eleifend
|
||||
et.
|
||||
Integer lacinia efficitur risus non luctus. Suspendisse aliquet, purus non hendrerit varius, nulla sem tristique
|
||||
lacus, at interdum ex ante sit amet eros. Nam et tellus non neque suscipit cursus ut eu massa. Curabitur ac
|
||||
massa
|
||||
vel urna consequat scelerisque eu eget tortor. Quisque ut porttitor orci, ut ultrices nunc. Sed euismod eros
|
||||
arcu,
|
||||
consequat egestas quam consequat vitae. Suspendisse et nisl ut risus tempor tempor. Nam id suscipit dui, sit
|
||||
amet
|
||||
ornare nulla. Nulla dictum sapien sapien, non consequat tellus aliquet a. <strong>Praesent eu lorem
|
||||
dignissim</strong>, dapibus sem
|
||||
non, efficitur arcu. Integer orci lectus, iaculis nec odio nec, ultrices pellentesque ante. Vivamus nisl ipsum,
|
||||
elementum quis ultrices et, sollicitudin at dolor.</p>
|
||||
|
||||
<a href="#kapitel3">Springe zu Kapitel 3</a>
|
||||
|
||||
<a id="kapitel1">
|
||||
<h2>Kapitel 1</h2>
|
||||
|
||||
<p>Sed sit amet molestie enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
|
||||
turpis
|
||||
egestas. Nam ac ultrices turpis. Curabitur maximus vitae erat eu ornare. Nullam efficitur hendrerit sem non
|
||||
dignissim. Aliquam sollicitudin vulputate diam, in venenatis metus congue vitae. Suspendisse euismod libero
|
||||
ac
|
||||
nibh
|
||||
aliquam, quis auctor ante aliquet.</p>
|
||||
|
||||
<p>Integer porttitor volutpat orci. Morbi eget dolor luctus, commodo quam nec, mattis elit. Donec imperdiet nibh
|
||||
ut
|
||||
fringilla varius. Proin sollicitudin, augue non finibus malesuada, felis purus mollis neque, sit amet congue
|
||||
leo
|
||||
ligula vel dui. Praesent non erat at sem euismod tempus et sed magna. In rutrum enim luctus metus egestas
|
||||
luctus.
|
||||
Aenean sagittis cursus ultricies. Nulla facilisi. Donec et aliquam lorem. Integer commodo, justo
|
||||
pellentesque
|
||||
tristique feugiat, orci neque fermentum arcu, sit amet pretium magna sapien non purus. Aliquam facilisis
|
||||
nisl
|
||||
justo,
|
||||
sit amet porttitor ante dictum ut. Etiam dictum nunc in nunc varius consequat. Integer urna tellus, auctor
|
||||
vitae
|
||||
euismod non, vulputate condimentum leo.</p>
|
||||
|
||||
<p>Duis ac nibh nec orci condimentum elementum. Pellentesque id risus viverra risus luctus tempor. Duis tempus
|
||||
metus
|
||||
lobortis lacus interdum, a feugiat augue feugiat. Phasellus leo ligula, cursus ut luctus pulvinar, blandit
|
||||
ac
|
||||
nunc.
|
||||
Morbi ipsum libero, convallis tempus tempus sed, feugiat vel massa. Sed sit amet mauris sapien. Mauris
|
||||
ultricies
|
||||
aliquet ante, ut gravida ante faucibus non.</p>
|
||||
|
||||
<p>Suspendisse pretium facilisis nisi, at varius felis maximus eu. Nullam nisl orci, iaculis consequat purus eu,
|
||||
luctus
|
||||
gravida urna. Integer semper risus vitae neque pellentesque, ut interdum metus auctor. Nam malesuada id
|
||||
risus
|
||||
non
|
||||
hendrerit. Duis bibendum eu quam at facilisis. Mauris aliquet metus in erat auctor fermentum. Pellentesque
|
||||
eleifend
|
||||
magna leo, tempor auctor libero placerat in. Mauris sed nisl eros. Duis nunc neque, efficitur fermentum
|
||||
mauris
|
||||
eget,
|
||||
efficitur elementum nisl. Vivamus eu enim id lorem imperdiet tincidunt vitae eu lacus. Maecenas at orci a
|
||||
nisl
|
||||
aliquam auctor sit amet non metus. Sed a euismod lectus.</p>
|
||||
|
||||
<p>Sed scelerisque diam arcu, id rhoncus nisl pretium ac. Nam rhoncus sapien sed placerat tincidunt. Morbi a
|
||||
cursus
|
||||
orci. Integer orci mi, placerat vitae cursus eget, varius quis justo. Praesent a nulla sollicitudin,
|
||||
accumsan
|
||||
orci
|
||||
feugiat, varius neque. Nulla varius vehicula ligula aliquam vestibulum. Fusce condimentum, odio fringilla
|
||||
pellentesque molestie, nisl nisl tincidunt turpis, quis facilisis nibh diam lobortis enim. Cras quis
|
||||
fringilla
|
||||
nulla. Ut quis accumsan lorem, quis sodales purus. Suspendisse potenti. Suspendisse eget mollis tortor, non
|
||||
euismod
|
||||
magna. Vestibulum tincidunt hendrerit ante, et vehicula leo tempor sit amet. Quisque varius libero sed
|
||||
cursus
|
||||
lobortis. In fermentum id purus vel tristique. Aenean imperdiet tellus sed elit tincidunt hendrerit.
|
||||
Vestibulum
|
||||
aliquam eu ante vitae fermentum.</p>
|
||||
</a>
|
||||
<a id="kapitel2">
|
||||
<h2>Kapitel 2</h2>
|
||||
|
||||
<p>Mauris congue magna quis dolor cursus finibus. Quisque fermentum molestie est sed semper. Sed accumsan
|
||||
mollis
|
||||
accumsan. Cras bibendum augue lorem, eu dignissim augue ornare nec. Integer malesuada condimentum
|
||||
lacus. Nam
|
||||
rhoncus, ipsum id vestibulum iaculis, lectus nisi vestibulum quam, fringilla gravida lectus justo
|
||||
vel
|
||||
tortor. Sed
|
||||
tempus mauris sit amet justo interdum, sed facilisis lacus imperdiet. Phasellus tempor molestie
|
||||
congue.
|
||||
Pellentesque
|
||||
habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ut sagittis
|
||||
nibh, id
|
||||
molestie
|
||||
neque. Maecenas a lacus ex. Vestibulum consectetur tortor accumsan diam convallis, eget venenatis mi
|
||||
mattis.
|
||||
Ut nec
|
||||
lacus eu urna sollicitudin placerat.</p>
|
||||
|
||||
<p>Aenean convallis luctus venenatis. Phasellus malesuada, urna sit amet gravida varius, dui leo rutrum
|
||||
eros, vitae
|
||||
consectetur orci sapien in est. Nulla auctor eget justo vel molestie. Quisque vitae nunc eu lacus
|
||||
suscipit
|
||||
tempus
|
||||
sit amet vel urna. Donec et lorem ipsum. Pellentesque consectetur rhoncus commodo. Sed in enim at turpis
|
||||
finibus
|
||||
pharetra. Nullam eu imperdiet ex. Aliquam erat volutpat. Vivamus ac turpis non mi condimentum venenatis.
|
||||
In hac
|
||||
habitasse platea dictumst. Cras interdum neque ut libero gravida lacinia. Sed suscipit sed massa in
|
||||
aliquet.
|
||||
Donec
|
||||
placerat odio vel volutpat ultrices.</p>
|
||||
|
||||
<p>Etiam pulvinar accumsan bibendum. Sed dictum volutpat sapien at convallis. Morbi pellentesque, ligula
|
||||
quis
|
||||
hendrerit
|
||||
viverra, nisi leo ullamcorper elit, vel consectetur felis orci vel arcu. Duis at hendrerit massa. Nulla
|
||||
finibus
|
||||
bibendum vulputate. Suspendisse malesuada rhoncus odio vel mollis. Vestibulum ultrices sagittis magna,
|
||||
id
|
||||
rhoncus
|
||||
libero lobortis auctor. Vivamus pharetra dui ac metus sagittis, quis vehicula purus bibendum. Sed
|
||||
pretium
|
||||
aliquam
|
||||
lectus elementum tristique. Fusce rhoncus mauris metus, in scelerisque magna gravida quis.</p>
|
||||
|
||||
<p>Fusce placerat consectetur tellus, non feugiat tellus malesuada eu. Sed commodo, ipsum nec sodales
|
||||
vestibulum,
|
||||
lacus
|
||||
metus cursus odio, ut posuere ligula odio sed neque. Cras eu convallis enim, sit amet pretium justo.
|
||||
Donec ut
|
||||
lectus
|
||||
vitae mauris fringilla porttitor ac ut tellus. Maecenas consequat suscipit orci, et fermentum enim
|
||||
convallis ut.
|
||||
Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam tempor ipsum commodo neque cursus
|
||||
venenatis.
|
||||
Integer rutrum justo in tortor lobortis faucibus. Integer eu venenatis ipsum.</p>
|
||||
|
||||
|
||||
<p>Pellentesque mollis nisl sit amet accumsan rutrum. Cras mattis sodales viverra. Mauris sit amet tellus
|
||||
est.
|
||||
Vestibulum vestibulum, metus ut ultrices rutrum, nisl arcu vehicula justo, sit amet suscipit purus felis
|
||||
ut
|
||||
tortor.
|
||||
Vivamus posuere felis eu ullamcorper mollis. Pellentesque mattis, risus ac rhoncus tincidunt, ante purus
|
||||
gravida
|
||||
nisl, accumsan feugiat lectus sem at metus. Praesent et augue dignissim, mollis nibh eu, blandit odio.
|
||||
Vestibulum
|
||||
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Duis tincidunt dictum
|
||||
fermentum. Nam ac
|
||||
varius neque, sit amet maximus odio. Nullam sollicitudin ipsum in posuere tincidunt. Mauris
|
||||
pellentesque,
|
||||
nunc ac
|
||||
dapibus fermentum, mauris nunc porta enim, non tempor lectus dolor at magna. Aenean sollicitudin posuere
|
||||
posuere.
|
||||
Maecenas lobortis eget diam at commodo. Vivamus eget arcu quis nisl imperdiet rutrum.</p>
|
||||
|
||||
<p>Donec accumsan purus a sollicitudin mollis. Donec condimentum erat eu velit tincidunt vestibulum. Nunc
|
||||
tincidunt
|
||||
faucibus augue, in euismod nibh dapibus id. Suspendisse convallis mi tortor. Maecenas nec ullamcorper
|
||||
leo.
|
||||
Quisque
|
||||
finibus luctus arcu, sit amet iaculis ipsum accumsan quis. Quisque justo ante, volutpat nec velit sed,
|
||||
cursus
|
||||
aliquam mauris. Nulla vestibulum velit eu orci pretium fermentum. Nunc eros est, pellentesque at
|
||||
suscipit
|
||||
et,
|
||||
imperdiet eget massa. Curabitur sollicitudin, turpis consectetur ullamcorper lacinia, eros sapien
|
||||
interdum
|
||||
nunc,
|
||||
vitae interdum sapien ligula at massa.</p>
|
||||
|
||||
<p>Phasellus justo felis, porta a odio at, sagittis dictum turpis. Nulla cursus magna pretium mi dictum
|
||||
facilisis.
|
||||
Suspendisse vel ligula id arcu auctor dignissim et gravida felis. In in ipsum consectetur, condimentum
|
||||
dui
|
||||
at,
|
||||
ullamcorper dolor. Pellentesque eget enim sit amet urna dictum hendrerit. Aenean imperdiet dolor semper,
|
||||
dictum
|
||||
ligula vitae, dignissim felis. Phasellus non lobortis mi. Aenean nec nisi luctus, scelerisque tellus at,
|
||||
bibendum
|
||||
nulla. Integer ultricies nibh a metus tempor aliquam. Cras eget enim non eros tempus suscipit vel quis
|
||||
arcu.
|
||||
</p>
|
||||
|
||||
<p>Vivamus tempor volutpat risus. Nunc ligula ligula, interdum nec sollicitudin et, iaculis ac erat. Nulla
|
||||
facilisi.
|
||||
Mauris eu eleifend tellus. Vivamus porta lorem a lorem tempus sodales. Etiam sed rutrum dolor. Class
|
||||
aptent
|
||||
taciti
|
||||
sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus imperdiet pretium
|
||||
sapien,
|
||||
nec
|
||||
suscipit nisl semper nec. Fusce vel erat ac odio pellentesque dapibus nec euismod mi. Nunc vitae urna
|
||||
justo.
|
||||
Nulla
|
||||
vitae enim in est luctus dictum. Pellentesque dictum lobortis dolor. Interdum et malesuada fames ac ante
|
||||
ipsum
|
||||
primis in faucibus.</p>
|
||||
|
||||
<p>Ut tincidunt purus dapibus lectus ullamcorper, eget condimentum velit iaculis. Integer feugiat cursus
|
||||
velit,
|
||||
eu
|
||||
molestie metus fermentum in. Integer rhoncus tellus id risus egestas elementum. Fusce at aliquet ex.
|
||||
Donec
|
||||
molestie
|
||||
orci vitae turpis efficitur laoreet. Cras semper enim ut ante mattis, vitae vehicula risus faucibus.
|
||||
Aliquam
|
||||
ultricies dapibus porttitor. Proin et nulla vitae nisi accumsan mattis quis at libero. Praesent
|
||||
elementum
|
||||
vehicula
|
||||
erat sed iaculis. Ut aliquet ex et lectus mattis finibus sit amet in massa. Nullam ultrices mi non
|
||||
eleifend
|
||||
laoreet.
|
||||
Quisque accumsan quam sit amet tortor cursus cursus. Mauris aliquet imperdiet porta.</p>
|
||||
</a>
|
||||
<a id="kapitel3">
|
||||
<h2>Kapitel 3</h2>
|
||||
<p>Integer nec euismod eros. Integer placerat eu orci nec ultrices. Duis id eleifend nisi, volutpat
|
||||
facilisis
|
||||
nunc.
|
||||
Nunc id lacus urna. Fusce placerat orci ac mi ullamcorper facilisis. Aenean gravida lorem a aliquam
|
||||
ullamcorper.
|
||||
Curabitur augue odio, commodo et diam id, pulvinar sollicitudin leo. Pellentesque vitae posuere
|
||||
velit, a
|
||||
sagittis
|
||||
ante. Sed cursus ut purus in volutpat. Maecenas id ultricies leo. In tempor consectetur dui. Etiam
|
||||
ullamcorper id
|
||||
purus eu molestie. Vestibulum sed elit tincidunt, convallis lorem non, viverra elit.</p>
|
||||
|
||||
<p>Aliquam porta sem congue commodo dictum. Vestibulum sodales mi eget condimentum facilisis. Sed
|
||||
bibendum orci
|
||||
nec
|
||||
nunc commodo bibendum. Aenean nec sagittis magna, viverra aliquam ex. Fusce tristique blandit metus
|
||||
et
|
||||
varius. Duis
|
||||
et purus urna. Fusce vel tellus libero. Vestibulum eu sagittis diam. Vivamus vehicula auctor
|
||||
aliquam. Fusce
|
||||
ultrices
|
||||
eleifend quam eget finibus. Ut in elementum tortor. Pellentesque habitant morbi tristique senectus
|
||||
et netus
|
||||
et
|
||||
malesuada fames ac turpis egestas.</p>
|
||||
|
||||
<p>Etiam nec libero eget risus hendrerit placerat. Morbi fermentum rhoncus magna, eget pharetra sem
|
||||
pellentesque
|
||||
ac.
|
||||
Aenean at odio metus. Ut molestie leo non dolor congue, quis tempus orci consequat. Vivamus vehicula
|
||||
feugiat
|
||||
dui,
|
||||
vehicula commodo dolor malesuada vitae. Curabitur tincidunt a mauris sollicitudin efficitur. Etiam
|
||||
varius
|
||||
lorem
|
||||
orci, sit amet tempus lectus pretium eget. Morbi venenatis mauris et massa aliquet venenatis.
|
||||
Phasellus id
|
||||
ex
|
||||
accumsan ex congue congue mattis id dolor. Nulla in est urna.</p>
|
||||
|
||||
<p>Phasellus rutrum dolor neque, non placerat sem consectetur vel. Cras ac enim non orci gravida
|
||||
egestas.
|
||||
Quisque
|
||||
cursus pulvinar leo, sed imperdiet dui sollicitudin sed. Donec consectetur pulvinar libero non
|
||||
dapibus.
|
||||
Phasellus
|
||||
luctus sapien non purus feugiat dignissim. Curabitur non posuere erat. Donec nec pulvinar nisl. Nam
|
||||
eget
|
||||
tempus
|
||||
enim, id mollis ex. Morbi dignissim et mauris quis posuere. Duis id mollis elit, ac placerat lacus.
|
||||
In
|
||||
cursus
|
||||
bibendum neque, id luctus arcu semper sed. Cras rutrum tortor nunc, vitae auctor turpis sollicitudin
|
||||
ut.
|
||||
Mauris
|
||||
placerat arcu sed nibh ullamcorper, sed tristique orci ullamcorper. Vivamus fringilla leo sit amet
|
||||
vestibulum
|
||||
porttitor.</p>
|
||||
|
||||
<p>Aenean interdum, purus id sagittis rutrum, dolor lectus auctor risus, eu fermentum risus quam quis
|
||||
erat.
|
||||
Donec
|
||||
tincidunt nibh sit amet felis congue malesuada eget id orci. Nullam porta venenatis dapibus.
|
||||
Suspendisse
|
||||
potenti.
|
||||
Suspendisse efficitur luctus aliquet. Mauris aliquet, nulla vel accumsan vestibulum, arcu erat
|
||||
hendrerit
|
||||
felis, vel
|
||||
luctus magna sem a mi. Nunc sed felis finibus quam porta finibus. Fusce rutrum a enim sed rhoncus.
|
||||
Sed
|
||||
luctus nulla
|
||||
eget orci luctus sagittis. Sed nec pellentesque elit. Fusce quis nulla ac leo tincidunt hendrerit
|
||||
luctus at
|
||||
justo.
|
||||
Etiam a vehicula mauris. Aenean eget semper neque, a commodo urna. Suspendisse ultrices, quam quis
|
||||
malesuada
|
||||
gravida, elit eros commodo urna, id ullamcorper leo augue a lectus.</p>
|
||||
|
||||
<p>Nullam dictum euismod fringilla. Curabitur nec lorem nec est lacinia placerat a sit amet dui. Nunc et
|
||||
ultricies
|
||||
elit. Curabitur sed lectus lectus. Pellentesque pulvinar mauris quis eros congue, non suscipit augue
|
||||
vestibulum. Nam
|
||||
vehicula nibh libero, ut volutpat ipsum tincidunt id. Aenean molestie luctus dui, in ullamcorper
|
||||
ipsum
|
||||
volutpat sed.
|
||||
Sed sed maximus libero, suscipit fringilla metus. Fusce ante eros, semper sed dolor quis, auctor
|
||||
lacinia
|
||||
risus. Nam
|
||||
viverra odio quis est vehicula, eu feugiat nisi bibendum. Vivamus maximus dui massa, eu facilisis
|
||||
augue
|
||||
laoreet sed.
|
||||
Vestibulum ultricies est id dictum vehicula. Phasellus vitae suscipit nulla. Praesent sagittis
|
||||
accumsan nisl
|
||||
ut
|
||||
maximus. Integer id mi aliquet, aliquet ex vitae, porta turpis. Curabitur ac mi non sem varius
|
||||
ornare
|
||||
suscipit nec
|
||||
ex.</p>
|
||||
|
||||
<p>Maecenas cursus venenatis ligula id mattis. Duis ut facilisis sapien. Maecenas ac ante est. Praesent
|
||||
id
|
||||
vulputate
|
||||
lorem. Curabitur sodales mauris a metus pulvinar pretium. Suspendisse in nulla at mauris congue
|
||||
dictum. Duis
|
||||
et nibh
|
||||
sagittis, ultricies eros vel, mollis nibh. Suspendisse mattis gravida nisi, in commodo ex auctor
|
||||
sed. Morbi
|
||||
ipsum
|
||||
felis, pellentesque sit amet ultrices ac, tincidunt vitae elit.</p>
|
||||
|
||||
<p>Praesent ipsum quam, dignissim vel arcu quis, efficitur iaculis lorem. Sed vitae justo odio. Nulla
|
||||
varius
|
||||
nibh vitae
|
||||
ornare vestibulum. Pellentesque sollicitudin condimentum ligula, ut convallis erat pulvinar non. In
|
||||
sodales
|
||||
elit
|
||||
vitae condimentum imperdiet. Donec porttitor fringilla augue a fringilla. In convallis augue id
|
||||
cursus
|
||||
auctor. Proin
|
||||
gravida eget urna nec mattis. Praesent tincidunt maximus lectus, et tempus felis convallis in. Sed
|
||||
et augue
|
||||
cursus,
|
||||
ultricies magna a, euismod turpis. Proin sit amet ornare nisl. Vivamus mattis molestie elit mattis
|
||||
elementum.
|
||||
Pellentesque posuere eget ex non sodales. Donec et lacus at felis molestie facilisis.</p>
|
||||
|
||||
<p>Sed porttitor id purus eu eleifend. Vivamus eu dui at lectus semper vestibulum. Suspendisse potenti.
|
||||
Donec ac
|
||||
venenatis odio. Aenean libero libero, tincidunt quis sapien feugiat, commodo efficitur mi.
|
||||
Suspendisse et
|
||||
tortor
|
||||
ligula. Donec placerat urna ut lorem ultricies sollicitudin. Morbi sit amet nisl mauris. Ut varius,
|
||||
ipsum at
|
||||
finibus
|
||||
malesuada, erat ligula gravida neque, vitae commodo urna ante tempus risus. Nam venenatis tortor
|
||||
mollis
|
||||
lorem
|
||||
aliquam efficitur. Morbi ac erat sodales, auctor nulla in, scelerisque lorem. Duis commodo tincidunt
|
||||
eros,
|
||||
non
|
||||
efficitur ante cursus id. Duis imperdiet elementum neque et euismod. Ut euismod ullamcorper quam, eu
|
||||
consectetur
|
||||
justo. Nullam faucibus dolor sed tellus accumsan eleifend.</p>
|
||||
|
||||
<p>Vivamus vitae quam ultrices, tincidunt urna vel, iaculis elit. Integer nec viverra tellus. Maecenas
|
||||
viverra
|
||||
sem vel
|
||||
orci tristique ullamcorper. Sed tristique tortor sed neque vestibulum, in dictum dolor laoreet.
|
||||
Etiam
|
||||
viverra id
|
||||
nulla eget finibus. Nullam tortor erat, consectetur quis euismod vitae, porta vel nulla. Mauris
|
||||
gravida
|
||||
justo metus,
|
||||
in fringilla nulla ornare at. Quisque et mollis odio. Donec lobortis purus eu ipsum tempor suscipit.
|
||||
</p>
|
||||
|
||||
<p>Etiam lacinia massa a sapien convallis, eu tincidunt orci fermentum. Sed sodales consequat nisi sit
|
||||
amet
|
||||
feugiat.
|
||||
Donec ac mi sapien. Aenean sit amet velit in felis pretium suscipit ut vel elit. Aliquam dapibus
|
||||
velit a
|
||||
tortor
|
||||
auctor, non blandit tellus scelerisque. Nunc interdum justo a leo lacinia, eu euismod sapien
|
||||
pulvinar.
|
||||
Vivamus
|
||||
convallis nec sem sed tincidunt. Nunc sit amet dapibus ante. Donec purus libero, mollis vitae
|
||||
scelerisque
|
||||
vehicula,
|
||||
fringilla id nulla.</p>
|
||||
|
||||
<p>Nunc venenatis rutrum velit at tincidunt. Fusce id gravida ligula. In congue vestibulum sem, at
|
||||
sollicitudin
|
||||
nunc
|
||||
feugiat quis. In sit amet dolor scelerisque, placerat ligula ut, molestie dui. Donec sem risus,
|
||||
ornare nec
|
||||
tincidunt
|
||||
et, congue vitae urna. Aenean ac elit eu nunc lobortis finibus vel in dui. Nullam consectetur
|
||||
eleifend enim
|
||||
eu
|
||||
eleifend. Duis non vehicula elit.</p>
|
||||
|
||||
<p>Vestibulum rutrum massa ac lobortis sollicitudin. Quisque faucibus dui quis neque fermentum pharetra.
|
||||
Morbi
|
||||
gravida
|
||||
odio a libero fermentum laoreet. In imperdiet purus vitae orci dapibus, nec molestie sapien
|
||||
ullamcorper. Ut
|
||||
nec
|
||||
risus velit. Mauris massa ligula, euismod vel viverra at, congue id ex. Vestibulum id mollis nisi,
|
||||
sed
|
||||
accumsan
|
||||
dolor. In facilisis magna enim, id eleifend ligula tristique at. Duis porta nisl at feugiat lacinia.
|
||||
Ut et
|
||||
augue nec
|
||||
risus consequat convallis. Maecenas faucibus vel est vel aliquet. Suspendisse molestie dui et
|
||||
sollicitudin
|
||||
ullamcorper.</p>
|
||||
|
||||
<p>Fusce eu metus sit amet risus molestie rhoncus sit amet eu lacus. Quisque et porta odio. Fusce ut
|
||||
felis at
|
||||
lorem
|
||||
vehicula facilisis. Duis a semper risus. Aenean venenatis ex mi, at pulvinar nulla maximus quis.
|
||||
Integer
|
||||
quis
|
||||
vehicula nunc, a ornare ex. Vestibulum a odio aliquet, elementum metus venenatis, congue leo. Aenean
|
||||
ultrices enim
|
||||
eu nisi vestibulum, eu fermentum risus consequat. Phasellus ac mi lobortis, bibendum arcu in,
|
||||
porttitor
|
||||
ipsum. Proin
|
||||
ornare nunc lorem, sed laoreet arcu dignissim ac. Morbi in pretium leo. In nec nibh ullamcorper,
|
||||
varius nisl
|
||||
vel,
|
||||
lobortis dolor. Quisque dignissim mollis lectus, vitae finibus metus eleifend sit amet. Maecenas sit
|
||||
amet
|
||||
lorem eu
|
||||
sem euismod aliquet ac in enim.</p>
|
||||
|
||||
<p>Mauris enim orci, semper non cursus aliquet, lobortis efficitur justo. Integer egestas elit sit amet
|
||||
mauris
|
||||
vulputate pretium. Morbi in metus dolor. In iaculis dignissim condimentum. Phasellus mattis magna
|
||||
sit amet
|
||||
ipsum
|
||||
egestas, at semper tellus suscipit. Aliquam consequat, urna sit amet congue finibus, ligula risus
|
||||
pellentesque mi,
|
||||
eget sodales tellus magna a elit. Aenean at mauris et orci tristique commodo in vel orci. Donec
|
||||
suscipit,
|
||||
purus
|
||||
vitae efficitur fringilla, lorem lorem bibendum metus, eget consequat nunc augue a leo. Vivamus
|
||||
interdum
|
||||
pulvinar
|
||||
vulputate. Donec a lacinia tortor, vel dictum enim.</p>
|
||||
</a>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bilder</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Unterschiedliche Bildformate:</h1>
|
||||
Grüne Box mit gelben Sternen und einem roten Kreis:
|
||||
<br>
|
||||
<h2>GIF</h2>
|
||||
6 KB
|
||||
<br>
|
||||
<img src="bilder/GrueneBox.gif" alt="GrüneBox als GIF">
|
||||
<h2>JPG</h2>
|
||||
19 KB
|
||||
<br>
|
||||
<img src="bilder/GrueneBox.jpg" alt="GrüneBox als JPG" width="400" height="200" title="Grüne Box">
|
||||
<h2>PNG</h2>
|
||||
37 KB
|
||||
<br>
|
||||
<img src="bilder/GrueneBox.png" alt="GrüneBox als PNG">
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Externe und interne Links</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<a href="AbsaetzeMitSprungmarke.html#kapitel2">Interner Link</a>
|
||||
<br>
|
||||
<a href="https://www.w3schools.com/html/">Externer Link</a>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Headings</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- HTML unterstützt sechs Ebenen von Überschriften. -->
|
||||
<h1>Hauptüberschrift</h1>
|
||||
<h2>Zweite Ebene</h2>
|
||||
<h3>Dritte Ebene</h3>
|
||||
<h4>Vierte Ebene</h4>
|
||||
<h5>Fünfte Ebene</h5>
|
||||
<h6>Sechste Ebene</h6>
|
||||
<!-- Hinweis: Bitte machen Sie die Überschrift nicht kleiner indem Sie h4
|
||||
statt h1 benutzen. Denn die Abfolge der Überschriften ist auch für die Navigation
|
||||
durch Leseprogramme wichtig! -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="refresh" content="5; url=https://google.com">
|
||||
<title>Meta-Header</title>
|
||||
</head>
|
||||
<body>
|
||||
Sie werden in 5 Sekunden weitergeleitet...
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Loading…
Reference in New Issue