HTML benötigt man für Inhalt und Struktur einer Webseite.
CSS benötigt man für Layout und Formatierung einer Webseite.
Ein CSS Code besteht aus Regeln. Eine Regel besteht aus einem Selektor und einem Deklarationsblock. Ein Deklarationsblock besteht aus Deklarationen und ist von geschwungene Klammern eingeschlossen. Eine Deklaration besteht aus Eigenschaft und Wert, die durch einem Doppelpunkt voneinander getrenntt sind und von einem Strichpunkt abgeschlossen sind.
Auf eine Webseite gehören Bilder:
Hyperlinks dürfen nicht fehlen: ORF
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit ex mauris, vel ornare magna faucibus at. In volutpat ornare efficitur. Donec eget ultrices lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex mauris, accumsan pretium pretium in, consequat ut erat. Duis eleifend, ligula non tincidunt vestibulum, ex elit condimentum nunc, vel dapibus lorem ante at quam. Proin ut turpis sapien. Duis fringilla, velit ac egestas tincidunt, magna lectus imperdiet risus, eu condimentum nunc justo ac turpis. Nunc finibus massa vitae volutpat dictum. Praesent non finibus augue. Integer commodo turpis vitae ante tincidunt, nec porta sem porttitor. Nulla sed ultrices sem. Sed eget consequat turpis, et placerat nibh. Proin sed justo ut felis mattis sollicitudin et quis neque. Proin id ullamcorper nisi. Integer laoreet sollicitudin congue. Curabitur laoreet posuere nibh ac luctus. Cras lectus nisl, vestibulum vitae euismod sit amet, rutrum quis lectus. Duis fringilla fermentum leo. Duis eget eros eu urna sodales suscipit quis a leo. Nam facilisis orci sit amet dolor viverra convallis. Donec varius venenatis libero, vel lacinia dui vehicula nec. Sed gravida sed est et interdum. Proin a venenatis lacus, sed vulputate erat. Aliquam erat volutpat. Nunc tincidunt ante ut odio pretium rutrum. Nunc at metus quam. Donec volutpat sagittis mauris, in fermentum eros sollicitudin sit amet. Suspendisse bibendum tincidunt elit, in pellentesque turpis dignissim eget. Nam eget mauris facilisis, pellentesque nisi in, molestie nunc. Vestibulum nisi felis, hendrerit nec sapien ut, placerat hendrerit elit. Aliquam vel arcu dui. Suspendisse euismod augue nisl, ac vestibulum enim fringilla et. Nunc nibh augue, rhoncus in purus vel, convallis dictum felis. Pellentesque pellentesque et risus eu consectetur. Cras vel tellus sagittis, rutrum risus in, vehicula eros. Phasellus suscipit sit amet leo sit amet accumsan. Curabitur at commodo arcu. Aliquam et sapien feugiat, rutrum neque placerat, facilisis leo. Suspendisse ut mollis lacus, in tincidunt eros. Suspendisse laoreet scelerisque orci, sed mattis est vestibulum ut. Etiam imperdiet nulla lectus, eget imperdiet felis porta quis. Nulla eu efficitur purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id nisl id diam laoreet sagittis. Sed aliquam, turpis non porttitor fringilla, augue velit luctus nisi, ut mattis nunc tellus vitae risus. Duis varius suscipit nunc consectetur malesuada. Etiam fringilla dignissim nulla, sed feugiat nunc ultricies id. Nam lacinia nisi at tortor luctus consectetur eu non nunc. Sed nisl odio, interdum sed nulla id, volutpat convallis quam. Fusce malesuada urna vel scelerisque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit ex mauris, vel ornare magna faucibus at. In volutpat ornare efficitur. Donec eget ultrices lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex mauris, accumsan pretium pretium in, consequat ut erat. Duis eleifend, ligula non tincidunt vestibulum, ex elit condimentum nunc, vel dapibus lorem ante at quam. Proin ut turpis sapien. Duis fringilla, velit ac egestas tincidunt, magna lectus imperdiet risus, eu condimentum nunc justo ac turpis. Nunc finibus massa vitae volutpat dictum. Praesent non finibus augue. Integer commodo turpis vitae ante tincidunt, nec porta sem porttitor. Nulla sed ultrices sem. Sed eget consequat turpis, et placerat nibh. Proin sed justo ut felis mattis sollicitudin et quis neque. Proin id ullamcorper nisi. Integer laoreet sollicitudin congue. Curabitur laoreet posuere nibh ac luctus. Cras lectus nisl, vestibulum vitae euismod sit amet, rutrum quis lectus. Duis fringilla fermentum leo. Duis eget eros eu urna sodales suscipit quis a leo. Nam facilisis orci sit amet dolor viverra convallis. Donec varius venenatis libero, vel lacinia dui vehicula nec. Sed gravida sed est et interdum. Proin a venenatis lacus, sed vulputate erat. Aliquam erat volutpat. Nunc tincidunt ante ut odio pretium rutrum. Nunc at metus quam. Donec volutpat sagittis mauris, in fermentum eros sollicitudin sit amet. Suspendisse bibendum tincidunt elit, in pellentesque turpis dignissim eget. Nam eget mauris facilisis, pellentesque nisi in, molestie nunc. Vestibulum nisi felis, hendrerit nec sapien ut, placerat hendrerit elit. Aliquam vel arcu dui. Suspendisse euismod augue nisl, ac vestibulum enim fringilla et. Nunc nibh augue, rhoncus in purus vel, convallis dictum felis. Pellentesque pellentesque et risus eu consectetur. Cras vel tellus sagittis, rutrum risus in, vehicula eros. Phasellus suscipit sit amet leo sit amet accumsan. Curabitur at commodo arcu. Aliquam et sapien feugiat, rutrum neque placerat, facilisis leo. Suspendisse ut mollis lacus, in tincidunt eros. Suspendisse laoreet scelerisque orci, sed mattis est vestibulum ut. Etiam imperdiet nulla lectus, eget imperdiet felis porta quis. Nulla eu efficitur purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id nisl id diam laoreet sagittis. Sed aliquam, turpis non porttitor fringilla, augue velit luctus nisi, ut mattis nunc tellus vitae risus. Duis varius suscipit nunc consectetur malesuada. Etiam fringilla dignissim nulla, sed feugiat nunc ultricies id. Nam lacinia nisi at tortor luctus consectetur eu non nunc. Sed nisl odio, interdum sed nulla id, volutpat convallis quam. Fusce malesuada urna vel scelerisque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit ex mauris, vel ornare magna faucibus at. In volutpat ornare efficitur. Donec eget ultrices lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex mauris, accumsan pretium pretium in, consequat ut erat. Duis eleifend, ligula non tincidunt vestibulum, ex elit condimentum nunc, vel dapibus lorem ante at quam. Proin ut turpis sapien. Duis fringilla, velit ac egestas tincidunt, magna lectus imperdiet risus, eu condimentum nunc justo ac turpis. Nunc finibus massa vitae volutpat dictum. Praesent non finibus augue. Integer commodo turpis vitae ante tincidunt, nec porta sem porttitor. Nulla sed ultrices sem. Sed eget consequat turpis, et placerat nibh. Proin sed justo ut felis mattis sollicitudin et quis neque. Proin id ullamcorper nisi. Integer laoreet sollicitudin congue. Curabitur laoreet posuere nibh ac luctus. Cras lectus nisl, vestibulum vitae euismod sit amet, rutrum quis lectus. Duis fringilla fermentum leo. Duis eget eros eu urna sodales suscipit quis a leo. Nam facilisis orci sit amet dolor viverra convallis. Donec varius venenatis libero, vel lacinia dui vehicula nec. Sed gravida sed est et interdum. Proin a venenatis lacus, sed vulputate erat. Aliquam erat volutpat. Nunc tincidunt ante ut odio pretium rutrum. Nunc at metus quam. Donec volutpat sagittis mauris, in fermentum eros sollicitudin sit amet. Suspendisse bibendum tincidunt elit, in pellentesque turpis dignissim eget. Nam eget mauris facilisis, pellentesque nisi in, molestie nunc. Vestibulum nisi felis, hendrerit nec sapien ut, placerat hendrerit elit. Aliquam vel arcu dui. Suspendisse euismod augue nisl, ac vestibulum enim fringilla et. Nunc nibh augue, rhoncus in purus vel, convallis dictum felis. Pellentesque pellentesque et risus eu consectetur. Cras vel tellus sagittis, rutrum risus in, vehicula eros. Phasellus suscipit sit amet leo sit amet accumsan. Curabitur at commodo arcu. Aliquam et sapien feugiat, rutrum neque placerat, facilisis leo. Suspendisse ut mollis lacus, in tincidunt eros. Suspendisse laoreet scelerisque orci, sed mattis est vestibulum ut. Etiam imperdiet nulla lectus, eget imperdiet felis porta quis. Nulla eu efficitur purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id nisl id diam laoreet sagittis. Sed aliquam, turpis non porttitor fringilla, augue velit luctus nisi, ut mattis nunc tellus vitae risus. Duis varius suscipit nunc consectetur malesuada. Etiam fringilla dignissim nulla, sed feugiat nunc ultricies id. Nam lacinia nisi at tortor luctus consectetur eu non nunc. Sed nisl odio, interdum sed nulla id, volutpat convallis quam. Fusce malesuada urna vel scelerisque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit ex mauris, vel ornare magna faucibus at. In volutpat ornare efficitur. Donec eget ultrices lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex mauris, accumsan pretium pretium in, consequat ut erat. Duis eleifend, ligula non tincidunt vestibulum, ex elit condimentum nunc, vel dapibus lorem ante at quam. Proin ut turpis sapien. Duis fringilla, velit ac egestas tincidunt, magna lectus imperdiet risus, eu condimentum nunc justo ac turpis. Nunc finibus massa vitae volutpat dictum. Praesent non finibus augue. Integer commodo turpis vitae ante tincidunt, nec porta sem porttitor. Nulla sed ultrices sem. Sed eget consequat turpis, et placerat nibh. Proin sed justo ut felis mattis sollicitudin et quis neque. Proin id ullamcorper nisi. Integer laoreet sollicitudin congue. Curabitur laoreet posuere nibh ac luctus. Cras lectus nisl, vestibulum vitae euismod sit amet, rutrum quis lectus. Duis fringilla fermentum leo. Duis eget eros eu urna sodales suscipit quis a leo. Nam facilisis orci sit amet dolor viverra convallis. Donec varius venenatis libero, vel lacinia dui vehicula nec. Sed gravida sed est et interdum. Proin a venenatis lacus, sed vulputate erat. Aliquam erat volutpat. Nunc tincidunt ante ut odio pretium rutrum. Nunc at metus quam. Donec volutpat sagittis mauris, in fermentum eros sollicitudin sit amet. Suspendisse bibendum tincidunt elit, in pellentesque turpis dignissim eget. Nam eget mauris facilisis, pellentesque nisi in, molestie nunc. Vestibulum nisi felis, hendrerit nec sapien ut, placerat hendrerit elit. Aliquam vel arcu dui. Suspendisse euismod augue nisl, ac vestibulum enim fringilla et. Nunc nibh augue, rhoncus in purus vel, convallis dictum felis. Pellentesque pellentesque et risus eu consectetur. Cras vel tellus sagittis, rutrum risus in, vehicula eros. Phasellus suscipit sit amet leo sit amet accumsan. Curabitur at commodo arcu. Aliquam et sapien feugiat, rutrum neque placerat, facilisis leo. Suspendisse ut mollis lacus, in tincidunt eros. Suspendisse laoreet scelerisque orci, sed mattis est vestibulum ut. Etiam imperdiet nulla lectus, eget imperdiet felis porta quis. Nulla eu efficitur purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id nisl id diam laoreet sagittis. Sed aliquam, turpis non porttitor fringilla, augue velit luctus nisi, ut mattis nunc tellus vitae risus. Duis varius suscipit nunc consectetur malesuada. Etiam fringilla dignissim nulla, sed feugiat nunc ultricies id. Nam lacinia nisi at tortor luctus consectetur eu non nunc. Sed nisl odio, interdum sed nulla id, volutpat convallis quam. Fusce malesuada urna vel scelerisque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit ex mauris, vel ornare magna faucibus at. In volutpat ornare efficitur. Donec eget ultrices lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex mauris, accumsan pretium pretium in, consequat ut erat. Duis eleifend, ligula non tincidunt vestibulum, ex elit condimentum nunc, vel dapibus lorem ante at quam. Proin ut turpis sapien. Duis fringilla, velit ac egestas tincidunt, magna lectus imperdiet risus, eu condimentum nunc justo ac turpis. Nunc finibus massa vitae volutpat dictum. Praesent non finibus augue. Integer commodo turpis vitae ante tincidunt, nec porta sem porttitor. Nulla sed ultrices sem. Sed eget consequat turpis, et placerat nibh. Proin sed justo ut felis mattis sollicitudin et quis neque. Proin id ullamcorper nisi. Integer laoreet sollicitudin congue. Curabitur laoreet posuere nibh ac luctus. Cras lectus nisl, vestibulum vitae euismod sit amet, rutrum quis lectus. Duis fringilla fermentum leo. Duis eget eros eu urna sodales suscipit quis a leo. Nam facilisis orci sit amet dolor viverra convallis. Donec varius venenatis libero, vel lacinia dui vehicula nec. Sed gravida sed est et interdum. Proin a venenatis lacus, sed vulputate erat. Aliquam erat volutpat. Nunc tincidunt ante ut odio pretium rutrum. Nunc at metus quam. Donec volutpat sagittis mauris, in fermentum eros sollicitudin sit amet. Suspendisse bibendum tincidunt elit, in pellentesque turpis dignissim eget. Nam eget mauris facilisis, pellentesque nisi in, molestie nunc. Vestibulum nisi felis, hendrerit nec sapien ut, placerat hendrerit elit. Aliquam vel arcu dui. Suspendisse euismod augue nisl, ac vestibulum enim fringilla et. Nunc nibh augue, rhoncus in purus vel, convallis dictum felis. Pellentesque pellentesque et risus eu consectetur. Cras vel tellus sagittis, rutrum risus in, vehicula eros. Phasellus suscipit sit amet leo sit amet accumsan. Curabitur at commodo arcu. Aliquam et sapien feugiat, rutrum neque placerat, facilisis leo. Suspendisse ut mollis lacus, in tincidunt eros. Suspendisse laoreet scelerisque orci, sed mattis est vestibulum ut. Etiam imperdiet nulla lectus, eget imperdiet felis porta quis. Nulla eu efficitur purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id nisl id diam laoreet sagittis. Sed aliquam, turpis non porttitor fringilla, augue velit luctus nisi, ut mattis nunc tellus vitae risus. Duis varius suscipit nunc consectetur malesuada. Etiam fringilla dignissim nulla, sed feugiat nunc ultricies id. Nam lacinia nisi at tortor luctus consectetur eu non nunc. Sed nisl odio, interdum sed nulla id, volutpat convallis quam. Fusce malesuada urna vel scelerisque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit ex mauris, vel ornare magna faucibus at. In volutpat ornare efficitur. Donec eget ultrices lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex mauris, accumsan pretium pretium in, consequat ut erat. Duis eleifend, ligula non tincidunt vestibulum, ex elit condimentum nunc, vel dapibus lorem ante at quam. Proin ut turpis sapien. Duis fringilla, velit ac egestas tincidunt, magna lectus imperdiet risus, eu condimentum nunc justo ac turpis. Nunc finibus massa vitae volutpat dictum. Praesent non finibus augue. Integer commodo turpis vitae ante tincidunt, nec porta sem porttitor. Nulla sed ultrices sem. Sed eget consequat turpis, et placerat nibh. Proin sed justo ut felis mattis sollicitudin et quis neque. Proin id ullamcorper nisi. Integer laoreet sollicitudin congue. Curabitur laoreet posuere nibh ac luctus. Cras lectus nisl, vestibulum vitae euismod sit amet, rutrum quis lectus. Duis fringilla fermentum leo. Duis eget eros eu urna sodales suscipit quis a leo. Nam facilisis orci sit amet dolor viverra convallis. Donec varius venenatis libero, vel lacinia dui vehicula nec. Sed gravida sed est et interdum. Proin a venenatis lacus, sed vulputate erat. Aliquam erat volutpat. Nunc tincidunt ante ut odio pretium rutrum. Nunc at metus quam. Donec volutpat sagittis mauris, in fermentum eros sollicitudin sit amet. Suspendisse bibendum tincidunt elit, in pellentesque turpis dignissim eget. Nam eget mauris facilisis, pellentesque nisi in, molestie nunc. Vestibulum nisi felis, hendrerit nec sapien ut, placerat hendrerit elit. Aliquam vel arcu dui. Suspendisse euismod augue nisl, ac vestibulum enim fringilla et. Nunc nibh augue, rhoncus in purus vel, convallis dictum felis. Pellentesque pellentesque et risus eu consectetur. Cras vel tellus sagittis, rutrum risus in, vehicula eros. Phasellus suscipit sit amet leo sit amet accumsan. Curabitur at commodo arcu. Aliquam et sapien feugiat, rutrum neque placerat, facilisis leo. Suspendisse ut mollis lacus, in tincidunt eros. Suspendisse laoreet scelerisque orci, sed mattis est vestibulum ut. Etiam imperdiet nulla lectus, eget imperdiet felis porta quis. Nulla eu efficitur purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id nisl id diam laoreet sagittis. Sed aliquam, turpis non porttitor fringilla, augue velit luctus nisi, ut mattis nunc tellus vitae risus. Duis varius suscipit nunc consectetur malesuada. Etiam fringilla dignissim nulla, sed feugiat nunc ultricies id. Nam lacinia nisi at tortor luctus consectetur eu non nunc. Sed nisl odio, interdum sed nulla id, volutpat convallis quam. Fusce malesuada urna vel scelerisque.