Grundlagen der Web-Gestaltung

HTML

HTML benoetigt man fuer Inhalt und Struktur einer Webseite.

CSS

CSS benoetigt man fuer Layout und Formatierung einer Webseite.

Css-Spruecherl

CSS-Code besteht aus Regeln. Eine Regel besteht aus einem Selektor und einem Deklarationsblock. Ein Deklarationsblock besteht aus Deklarationen und ist durch geschwungene Klammern eingeschlossen. Eine Deklaration besteht aus Eigenschaft und Wert, die durch einen Doppelpunkt voneinander getrennt werden und von einem Strichpunkt abgeschlossen werden.

Hyperlinks

Hier geht es zur Website des ORF

Bilder

Webseiten werden durch Bilder aufgewertet

Sprungziele

Inhalt

Kapitel 1

Kapitel 2

Kapitel 3

Kapitel 4

Kapitel 5

Kapitel 6

Kapitel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel est sed lorem blandit condimentum. Morbi nec magna sit amet orci vehicula fermentum. Maecenas faucibus imperdiet ex, vel maximus felis pretium aliquet. Nullam quam nunc, posuere in felis id, laoreet dignissim ante. Phasellus dapibus ut massa vel gravida. Donec nec arcu sit amet nulla dictum molestie. Nulla commodo nulla in arcu maximus, porta auctor risus vehicula. Donec a eros auctor, vulputate diam ut, cursus turpis. Vestibulum sed diam non ligula pretium tempus. Duis consequat efficitur enim sed malesuada. Etiam volutpat, turpis non ullamcorper aliquam, sapien lacus faucibus est, id mattis elit felis sed nisl. Curabitur accumsan sodales faucibus. Ut at lacus erat. Aliquam a est dolor. Mauris ut suscipit tortor. Phasellus ultricies vehicula molestie. Cras in tincidunt tortor, quis pulvinar quam. Donec luctus elit vitae dapibus dictum. Pellentesque rhoncus neque id nibh consectetur accumsan. Aenean ultricies convallis nisi, et cursus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam consequat tortor eu enim lacinia, eu tristique nisi lobortis. Pellentesque fermentum augue at arcu placerat rutrum. Nullam mi nunc, ultrices eget vehicula a, eleifend eu tortor. Morbi id dignissim lorem, vitae porta est. Praesent dictum, enim nec semper auctor, ante odio tincidunt arcu, eu aliquet lacus lacus eu augue. Vestibulum porta non velit non dignissim. Mauris ut lorem et ex pretium congue. Integer mauris nulla, pulvinar sed vestibulum quis, pulvinar eget magna. Quisque convallis viverra metus ut vestibulum. Nullam a est lobortis, molestie turpis a, sagittis est. Nullam quis odio in lacus maximus tincidunt ultrices quis sapien. In commodo arcu et fringilla posuere. Cras non fringilla ligula. Nunc lacinia, arcu sed pulvinar volutpat, augue lacus sagittis nunc, sed rhoncus dui purus id erat. Nulla a mauris et nulla cursus accumsan. Quisque id porta mi. Sed aliquam lacus orci, vel venenatis turpis ultricies eget. Vivamus a massa vitae nisl sagittis aliquet nec nec eros. Nulla auctor tristique fringilla. Ut ullamcorper elit tellus, ut sollicitudin mauris hendrerit sed. Nullam et ipsum facilisis, ornare risus et, posuere sapien. Phasellus malesuada turpis urna, aliquam molestie dui blandit in. Etiam in lorem ut ligula pellentesque sollicitudin at non justo. In quis tempus nunc. Morbi tincidunt libero massa, id sagittis augue dapibus quis. Donec lacinia gravida mauris, eget ullamcorper augue commodo eget. Aliquam lacinia vel dui sed viverra. Nullam sed sapien risus. Nunc dolor ipsum, aliquet ut vehicula vel, aliquet vitae libero. Sed rutrum mi metus, at consectetur massa gravida nec. Nunc et mauris in turpis vehicula semper. Nam pretium eget enim id auctor. Vivamus commodo mattis nisl. Quisque sollicitudin vehicula pulvinar. Sed eget accumsan mi. Nam a accumsan enim, sed posuere ipsum. Quisque vitae quam pulvinar, dictum justo ac, porttitor ipsum. Duis bibendum tristique ex nec fringilla. Duis faucibus sodales sem a commodo. Duis accumsan lectus augue, nec laoreet ipsum dignissim nec. Etiam ut sapien a lacus posuere cursus. Nunc malesuada consectetur neque vitae ullamcorper. Ut magna sapien, interdum in felis et, tincidunt dictum diam. Fusce nec condimentum dolor. Fusce id. Generated 6 paragraphs, 500 words, 3322 bytes of Lorem Ipsum

TOP

Kapitel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel est sed lorem blandit condimentum. Morbi nec magna sit amet orci vehicula fermentum. Maecenas faucibus imperdiet ex, vel maximus felis pretium aliquet. Nullam quam nunc, posuere in felis id, laoreet dignissim ante. Phasellus dapibus ut massa vel gravida. Donec nec arcu sit amet nulla dictum molestie. Nulla commodo nulla in arcu maximus, porta auctor risus vehicula. Donec a eros auctor, vulputate diam ut, cursus turpis. Vestibulum sed diam non ligula pretium tempus. Duis consequat efficitur enim sed malesuada. Etiam volutpat, turpis non ullamcorper aliquam, sapien lacus faucibus est, id mattis elit felis sed nisl. Curabitur accumsan sodales faucibus. Ut at lacus erat. Aliquam a est dolor. Mauris ut suscipit tortor. Phasellus ultricies vehicula molestie. Cras in tincidunt tortor, quis pulvinar quam. Donec luctus elit vitae dapibus dictum. Pellentesque rhoncus neque id nibh consectetur accumsan. Aenean ultricies convallis nisi, et cursus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam consequat tortor eu enim lacinia, eu tristique nisi lobortis. Pellentesque fermentum augue at arcu placerat rutrum. Nullam mi nunc, ultrices eget vehicula a, eleifend eu tortor. Morbi id dignissim lorem, vitae porta est. Praesent dictum, enim nec semper auctor, ante odio tincidunt arcu, eu aliquet lacus lacus eu augue. Vestibulum porta non velit non dignissim. Mauris ut lorem et ex pretium congue. Integer mauris nulla, pulvinar sed vestibulum quis, pulvinar eget magna. Quisque convallis viverra metus ut vestibulum. Nullam a est lobortis, molestie turpis a, sagittis est. Nullam quis odio in lacus maximus tincidunt ultrices quis sapien. In commodo arcu et fringilla posuere. Cras non fringilla ligula. Nunc lacinia, arcu sed pulvinar volutpat, augue lacus sagittis nunc, sed rhoncus dui purus id erat. Nulla a mauris et nulla cursus accumsan. Quisque id porta mi. Sed aliquam lacus orci, vel venenatis turpis ultricies eget. Vivamus a massa vitae nisl sagittis aliquet nec nec eros. Nulla auctor tristique fringilla. Ut ullamcorper elit tellus, ut sollicitudin mauris hendrerit sed. Nullam et ipsum facilisis, ornare risus et, posuere sapien. Phasellus malesuada turpis urna, aliquam molestie dui blandit in. Etiam in lorem ut ligula pellentesque sollicitudin at non justo. In quis tempus nunc. Morbi tincidunt libero massa, id sagittis augue dapibus quis. Donec lacinia gravida mauris, eget ullamcorper augue commodo eget. Aliquam lacinia vel dui sed viverra. Nullam sed sapien risus. Nunc dolor ipsum, aliquet ut vehicula vel, aliquet vitae libero. Sed rutrum mi metus, at consectetur massa gravida nec. Nunc et mauris in turpis vehicula semper. Nam pretium eget enim id auctor. Vivamus commodo mattis nisl. Quisque sollicitudin vehicula pulvinar. Sed eget accumsan mi. Nam a accumsan enim, sed posuere ipsum. Quisque vitae quam pulvinar, dictum justo ac, porttitor ipsum. Duis bibendum tristique ex nec fringilla. Duis faucibus sodales sem a commodo. Duis accumsan lectus augue, nec laoreet ipsum dignissim nec. Etiam ut sapien a lacus posuere cursus. Nunc malesuada consectetur neque vitae ullamcorper. Ut magna sapien, interdum in felis et, tincidunt dictum diam. Fusce nec condimentum dolor. Fusce id. Generated 6 paragraphs, 500 words, 3322 bytes of Lorem Ipsum