CSS einbinden || Sprungziele || Pseudoklassen || Fragen ||

Grundlagen der Web-Gestaltung

HTML

HTML benötigt man für INhalt und Struktur einer Webseite.

CSS

CSS benötigt man für Layout und Formatierung einer Webseite.

CSS-Sprücherl

CSS-Code besteht aus regeln. Eine Regel besteht aus einem Selektor und einem Deklarationsblock. Ein Deklaratiobnsblock besteht aus Deklarationen und ist durch eine geschwungene Klammer eingeschlossen. Eine Deklaration besteht aus Eigenschaften und Wert, die durch einen Doppelpunkt voneinander getrennt werden und von einem Strichpunkt abgeschlossen werden.

Bilder

Auf eine Website gehören Bilder:

Hyperelinks

Auch hyperlinks dürfen nicht fehlen: ORF

sprungziele

Inhalt

Kapitel 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed felis sed enim semper scelerisque. In dapibus velit nec velit lacinia eleifend. Nunc consequat porttitor fermentum. Etiam accumsan orci arcu, sit amet dignissim magna volutpat sit amet. Morbi volutpat fermentum elit commodo dignissim. Cras malesuada gravida libero non fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam elementum, tortor nec rutrum egestas, lectus ante mollis quam, ac malesuada dui neque vitae odio. Pellentesque iaculis sem eget convallis convallis. Aliquam tincidunt purus quis cursus consectetur. Vestibulum tempus dui nec lectus maximus, vel consequat leo pretium. Donec commodo vitae nisi vitae vehicula. Fusce eros massa, scelerisque id congue id, commodo et ex. Praesent ac dolor elementum nisl gravida rutrum. Donec tortor justo, luctus in convallis sed, feugiat sed felis. Curabitur vel risus in urna interdum vestibulum. Aenean eu leo ut neque imperdiet fermentum at in ante. Vivamus vel pulvinar nunc. Nulla non leo mollis, luctus eros quis, mollis sem. Aenean sagittis mi odio, at finibus lorem vestibulum non. Pellentesque sagittis tincidunt sem, in finibus quam luctus in. Maecenas malesuada lorem in tincidunt vehicula. Nulla consectetur tincidunt risus sit amet feugiat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus leo nisi, vehicula nec mi a, condimentum sodales tellus. Pellentesque ultricies cursus nibh. Ut congue, magna at gravida volutpat, augue ex interdum sem, vel suscipit nulla erat ut est. Cras nec sagittis tellus. Pellentesque porta laoreet orci id facilisis. Morbi vel nisi aliquam, congue elit et, mattis ipsum. Sed in justo ut ligula sollicitudin finibus vitae at nulla. Pellentesque rutrum pharetra leo. Nulla sagittis aliquam nunc, et mattis turpis scelerisque id. Proin volutpat, dolor sit amet auctor egestas, nunc risus condimentum libero, ac consectetur elit neque non enim. Etiam vel euismod sapien. Nam fermentum laoreet tellus, a ultricies odio accumsan in. Suspendisse mi nulla, molestie nec ligula mollis, mattis placerat lorem. Pellentesque iaculis eleifend enim a ultrices. Integer molestie sem nec ligula convallis molestie. Cras feugiat sapien vitae ligula dignissim, vitae convallis felis congue. Ut felis sapien, rutrum eget enim cursus, rutrum dapibus augue. Donec lobortis eget justo varius viverra. Nunc sed lobortis nunc, ut suscipit ligula. Pellentesque nec pretium odio. Integer ac lorem eget dui lobortis mattis. Pellentesque ultricies augue a convallis finibus. Suspendisse lorem felis, semper et magna a, condimentum consequat tellus. Donec et porttitor eros. Praesent non consequat sapien, sed placerat nulla.

Top

Kapitel 2

id="abs2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed felis sed enim semper scelerisque. In dapibus velit nec velit lacinia eleifend. Nunc consequat porttitor fermentum. Etiam accumsan orci arcu, sit amet dignissim magna volutpat sit amet. Morbi volutpat fermentum elit commodo dignissim. Cras malesuada gravida libero non fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam elementum, tortor nec rutrum egestas, lectus ante mollis quam, ac malesuada dui neque vitae odio. Pellentesque iaculis sem eget convallis convallis. Aliquam tincidunt purus quis cursus consectetur. Vestibulum tempus dui nec lectus maximus, vel consequat leo pretium. Donec commodo vitae nisi vitae vehicula. Fusce eros massa, scelerisque id congue id, commodo et ex. Praesent ac dolor elementum nisl gravida rutrum. Donec tortor justo, luctus in convallis sed, feugiat sed felis. Curabitur vel risus in urna interdum vestibulum. Aenean eu leo ut neque imperdiet fermentum at in ante. Vivamus vel pulvinar nunc. Nulla non leo mollis, luctus eros quis, mollis sem. Aenean sagittis mi odio, at finibus lorem vestibulum non. Pellentesque sagittis tincidunt sem, in finibus quam luctus in. Maecenas malesuada lorem in tincidunt vehicula. Nulla consectetur tincidunt risus sit amet feugiat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus leo nisi, vehicula nec mi a, condimentum sodales tellus. Pellentesque ultricies cursus nibh. Ut congue, magna at gravida volutpat, augue ex interdum sem, vel suscipit nulla erat ut est. Cras nec sagittis tellus. Pellentesque porta laoreet orci id facilisis. Morbi vel nisi aliquam, congue elit et, mattis ipsum. Sed in justo ut ligula sollicitudin finibus vitae at nulla. Pellentesque rutrum pharetra leo. Nulla sagittis aliquam nunc, et mattis turpis scelerisque id. Proin volutpat, dolor sit amet auctor egestas, nunc risus condimentum libero, ac consectetur elit neque non enim. Etiam vel euismod sapien. Nam fermentum laoreet tellus, a ultricies odio accumsan in. Suspendisse mi nulla, molestie nec ligula mollis, mattis placerat lorem. Pellentesque iaculis eleifend enim a ultrices. Integer molestie sem nec ligula convallis molestie. Cras feugiat sapien vitae ligula dignissim, vitae convallis felis congue. Ut felis sapien, rutrum eget enim cursus, rutrum dapibus augue. Donec lobortis eget justo varius viverra. Nunc sed lobortis nunc, ut suscipit ligula. Pellentesque nec pretium odio. Integer ac lorem eget dui lobortis mattis. Pellentesque ultricies augue a convallis finibus. Suspendisse lorem felis, semper et magna a, condimentum consequat tellus. Donec et porttitor eros. Praesent non consequat sapien, sed placerat nulla.