HTML benötigt man für Inhalt und Struktur einer Website.
CSS benötigt man für Layout und Formatierung einer Website.
Ein CSS-code besteht aus Regeln. Regeln bestehen aus einem Selektor und einem Deklarationsblock. Ein Deklarationsblock besteht aus Deklarationen und wird durch geschwungene Klammern eingeschlossen. Eine Deklaration besteht aus Eigenschaft und Wert, die durch einen Doppelpunkt voneinander getrennt werden und werden von einem Strichpunkt abgeschlossen.
Auf eine Website gehören Bilder:
Auch Hyperlinks dürfen nicht fehlen: ORF
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non nibh ultrices enim pellentesque bibendum ac eget lectus. Cras laoreet, odio id pharetra laoreet, sem magna consequat ligula, non porta quam orci quis ipsum. In hac habitasse platea dictumst. Duis ornare arcu ac est maximus rutrum. Vestibulum diam eros, efficitur eget euismod id, venenatis vitae erat. Curabitur fringilla varius porttitor. Nullam eu tincidunt leo. Morbi massa eros, dignissim quis pulvinar et, scelerisque et dolor. Aliquam mollis dui vitae elit sodales egestas. Vestibulum tincidunt augue et purus blandit rhoncus. Curabitur ut orci ligula. Quisque neque ex, ultrices id magna eget, faucibus ultrices velit. Vivamus suscipit magna sit amet fringilla maximus. Cras pellentesque consectetur lectus quis cursus. Vivamus suscipit convallis vestibulum. Vivamus euismod volutpat tortor luctus vulputate. Sed ullamcorper elementum libero ac convallis. Donec id iaculis arcu. Sed mauris mi, vulputate sit amet sodales nec, scelerisque id elit. Quisque vitae sapien eu dui pharetra interdum. Quisque lobortis elit et erat euismod vulputate. Ut eget mauris sit amet sapien vulputate imperdiet. Etiam vitae venenatis lorem. Suspendisse rutrum vitae dolor et dictum. Nunc euismod enim massa, et tincidunt massa faucibus id. Proin faucibus imperdiet est rutrum auctor. Nullam gravida turpis ut interdum scelerisque. Vivamus sodales, orci ut euismod varius, turpis felis ornare quam, dictum cursus lorem lorem sit amet ligula. Maecenas tellus ante, dignissim vitae tellus quis, pharetra lacinia lacus. Vivamus fringilla tincidunt nulla ut ultrices. Aenean ac dolor dui. Etiam neque orci, vulputate quis dui ut, bibendum consectetur odio. Fusce ullamcorper felis erat, ac euismod est porttitor vel. Sed sem sapien, fermentum at turpis nec, viverra iaculis ligula. Nam convallis congue consequat. Praesent quis laoreet leo, ut rutrum nisl. Nam varius libero vestibulum, dapibus dui id, varius mi. Sed scelerisque placerat sapien a fringilla. Maecenas accumsan vitae urna non vulputate. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus nulla felis, placerat sit amet mi in, pretium venenatis velit. Nulla mollis auctor sollicitudin. Praesent felis eros, pulvinar quis pretium at, venenatis et tortor. Morbi tellus dolor, elementum mollis felis ut, suscipit pellentesque lectus. Nunc viverra dignissim augue, vitae suscipit odio luctus in. In tincidunt mi at gravida pretium. Duis non justo a ipsum vehicula dapibus vel a nibh. Vestibulum accumsan ligula at leo egestas, ac efficitur nibh aliquam. Curabitur ligula sem, suscipit nec efficitur ac, varius eu nunc. Quisque pharetra mauris augue, eget mattis ex laoreet eu. Vivamus egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non nibh ultrices enim pellentesque bibendum ac eget lectus. Cras laoreet, odio id pharetra laoreet, sem magna consequat ligula, non porta quam orci quis ipsum. In hac habitasse platea dictumst. Duis ornare arcu ac est maximus rutrum. Vestibulum diam eros, efficitur eget euismod id, venenatis vitae erat. Curabitur fringilla varius porttitor. Nullam eu tincidunt leo. Morbi massa eros, dignissim quis pulvinar et, scelerisque et dolor. Aliquam mollis dui vitae elit sodales egestas. Vestibulum tincidunt augue et purus blandit rhoncus. Curabitur ut orci ligula. Quisque neque ex, ultrices id magna eget, faucibus ultrices velit. Vivamus suscipit magna sit amet fringilla maximus. Cras pellentesque consectetur lectus quis cursus. Vivamus suscipit convallis vestibulum. Vivamus euismod volutpat tortor luctus vulputate. Sed ullamcorper elementum libero ac convallis. Donec id iaculis arcu. Sed mauris mi, vulputate sit amet sodales nec, scelerisque id elit. Quisque vitae sapien eu dui pharetra interdum. Quisque lobortis elit et erat euismod vulputate. Ut eget mauris sit amet sapien vulputate imperdiet. Etiam vitae venenatis lorem. Suspendisse rutrum vitae dolor et dictum. Nunc euismod enim massa, et tincidunt massa faucibus id. Proin faucibus imperdiet est rutrum auctor. Nullam gravida turpis ut interdum scelerisque. Vivamus sodales, orci ut euismod varius, turpis felis ornare quam, dictum cursus lorem lorem sit amet ligula. Maecenas tellus ante, dignissim vitae tellus quis, pharetra lacinia lacus. Vivamus fringilla tincidunt nulla ut ultrices. Aenean ac dolor dui. Etiam neque orci, vulputate quis dui ut, bibendum consectetur odio. Fusce ullamcorper felis erat, ac euismod est porttitor vel. Sed sem sapien, fermentum at turpis nec, viverra iaculis ligula. Nam convallis congue consequat. Praesent quis laoreet leo, ut rutrum nisl. Nam varius libero vestibulum, dapibus dui id, varius mi. Sed scelerisque placerat sapien a fringilla. Maecenas accumsan vitae urna non vulputate. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus nulla felis, placerat sit amet mi in, pretium venenatis velit. Nulla mollis auctor sollicitudin. Praesent felis eros, pulvinar quis pretium at, venenatis et tortor. Morbi tellus dolor, elementum mollis felis ut, suscipit pellentesque lectus. Nunc viverra dignissim augue, vitae suscipit odio luctus in. In tincidunt mi at gravida pretium. Duis non justo a ipsum vehicula dapibus vel a nibh. Vestibulum accumsan ligula at leo egestas, ac efficitur nibh aliquam. Curabitur ligula sem, suscipit nec efficitur ac, varius eu nunc. Quisque pharetra mauris augue, eget mattis ex laoreet eu. Vivamus egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non nibh ultrices enim pellentesque bibendum ac eget lectus. Cras laoreet, odio id pharetra laoreet, sem magna consequat ligula, non porta quam orci quis ipsum. In hac habitasse platea dictumst. Duis ornare arcu ac est maximus rutrum. Vestibulum diam eros, efficitur eget euismod id, venenatis vitae erat. Curabitur fringilla varius porttitor. Nullam eu tincidunt leo. Morbi massa eros, dignissim quis pulvinar et, scelerisque et dolor. Aliquam mollis dui vitae elit sodales egestas. Vestibulum tincidunt augue et purus blandit rhoncus. Curabitur ut orci ligula. Quisque neque ex, ultrices id magna eget, faucibus ultrices velit. Vivamus suscipit magna sit amet fringilla maximus. Cras pellentesque consectetur lectus quis cursus. Vivamus suscipit convallis vestibulum. Vivamus euismod volutpat tortor luctus vulputate. Sed ullamcorper elementum libero ac convallis. Donec id iaculis arcu. Sed mauris mi, vulputate sit amet sodales nec, scelerisque id elit. Quisque vitae sapien eu dui pharetra interdum. Quisque lobortis elit et erat euismod vulputate. Ut eget mauris sit amet sapien vulputate imperdiet. Etiam vitae venenatis lorem. Suspendisse rutrum vitae dolor et dictum. Nunc euismod enim massa, et tincidunt massa faucibus id. Proin faucibus imperdiet est rutrum auctor. Nullam gravida turpis ut interdum scelerisque. Vivamus sodales, orci ut euismod varius, turpis felis ornare quam, dictum cursus lorem lorem sit amet ligula. Maecenas tellus ante, dignissim vitae tellus quis, pharetra lacinia lacus. Vivamus fringilla tincidunt nulla ut ultrices. Aenean ac dolor dui. Etiam neque orci, vulputate quis dui ut, bibendum consectetur odio. Fusce ullamcorper felis erat, ac euismod est porttitor vel. Sed sem sapien, fermentum at turpis nec, viverra iaculis ligula. Nam convallis congue consequat. Praesent quis laoreet leo, ut rutrum nisl. Nam varius libero vestibulum, dapibus dui id, varius mi. Sed scelerisque placerat sapien a fringilla. Maecenas accumsan vitae urna non vulputate. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus nulla felis, placerat sit amet mi in, pretium venenatis velit. Nulla mollis auctor sollicitudin. Praesent felis eros, pulvinar quis pretium at, venenatis et tortor. Morbi tellus dolor, elementum mollis felis ut, suscipit pellentesque lectus. Nunc viverra dignissim augue, vitae suscipit odio luctus in. In tincidunt mi at gravida pretium. Duis non justo a ipsum vehicula dapibus vel a nibh. Vestibulum accumsan ligula at leo egestas, ac efficitur nibh aliquam. Curabitur ligula sem, suscipit nec efficitur ac, varius eu nunc. Quisque pharetra mauris augue, eget mattis ex laoreet eu. Vivamus egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non nibh ultrices enim pellentesque bibendum ac eget lectus. Cras laoreet, odio id pharetra laoreet, sem magna consequat ligula, non porta quam orci quis ipsum. In hac habitasse platea dictumst. Duis ornare arcu ac est maximus rutrum. Vestibulum diam eros, efficitur eget euismod id, venenatis vitae erat. Curabitur fringilla varius porttitor. Nullam eu tincidunt leo. Morbi massa eros, dignissim quis pulvinar et, scelerisque et dolor. Aliquam mollis dui vitae elit sodales egestas. Vestibulum tincidunt augue et purus blandit rhoncus. Curabitur ut orci ligula. Quisque neque ex, ultrices id magna eget, faucibus ultrices velit. Vivamus suscipit magna sit amet fringilla maximus. Cras pellentesque consectetur lectus quis cursus. Vivamus suscipit convallis vestibulum. Vivamus euismod volutpat tortor luctus vulputate. Sed ullamcorper elementum libero ac convallis. Donec id iaculis arcu. Sed mauris mi, vulputate sit amet sodales nec, scelerisque id elit. Quisque vitae sapien eu dui pharetra interdum. Quisque lobortis elit et erat euismod vulputate. Ut eget mauris sit amet sapien vulputate imperdiet. Etiam vitae venenatis lorem. Suspendisse rutrum vitae dolor et dictum. Nunc euismod enim massa, et tincidunt massa faucibus id. Proin faucibus imperdiet est rutrum auctor. Nullam gravida turpis ut interdum scelerisque. Vivamus sodales, orci ut euismod varius, turpis felis ornare quam, dictum cursus lorem lorem sit amet ligula. Maecenas tellus ante, dignissim vitae tellus quis, pharetra lacinia lacus. Vivamus fringilla tincidunt nulla ut ultrices. Aenean ac dolor dui. Etiam neque orci, vulputate quis dui ut, bibendum consectetur odio. Fusce ullamcorper felis erat, ac euismod est porttitor vel. Sed sem sapien, fermentum at turpis nec, viverra iaculis ligula. Nam convallis congue consequat. Praesent quis laoreet leo, ut rutrum nisl. Nam varius libero vestibulum, dapibus dui id, varius mi. Sed scelerisque placerat sapien a fringilla. Maecenas accumsan vitae urna non vulputate. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus nulla felis, placerat sit amet mi in, pretium venenatis velit. Nulla mollis auctor sollicitudin. Praesent felis eros, pulvinar quis pretium at, venenatis et tortor. Morbi tellus dolor, elementum mollis felis ut, suscipit pellentesque lectus. Nunc viverra dignissim augue, vitae suscipit odio luctus in. In tincidunt mi at gravida pretium. Duis non justo a ipsum vehicula dapibus vel a nibh. Vestibulum accumsan ligula at leo egestas, ac efficitur nibh aliquam. Curabitur ligula sem, suscipit nec efficitur ac, varius eu nunc. Quisque pharetra mauris augue, eget mattis ex laoreet eu. Vivamus egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non nibh ultrices enim pellentesque bibendum ac eget lectus. Cras laoreet, odio id pharetra laoreet, sem magna consequat ligula, non porta quam orci quis ipsum. In hac habitasse platea dictumst. Duis ornare arcu ac est maximus rutrum. Vestibulum diam eros, efficitur eget euismod id, venenatis vitae erat. Curabitur fringilla varius porttitor. Nullam eu tincidunt leo. Morbi massa eros, dignissim quis pulvinar et, scelerisque et dolor. Aliquam mollis dui vitae elit sodales egestas. Vestibulum tincidunt augue et purus blandit rhoncus. Curabitur ut orci ligula. Quisque neque ex, ultrices id magna eget, faucibus ultrices velit. Vivamus suscipit magna sit amet fringilla maximus. Cras pellentesque consectetur lectus quis cursus. Vivamus suscipit convallis vestibulum. Vivamus euismod volutpat tortor luctus vulputate. Sed ullamcorper elementum libero ac convallis. Donec id iaculis arcu. Sed mauris mi, vulputate sit amet sodales nec, scelerisque id elit. Quisque vitae sapien eu dui pharetra interdum. Quisque lobortis elit et erat euismod vulputate. Ut eget mauris sit amet sapien vulputate imperdiet. Etiam vitae venenatis lorem. Suspendisse rutrum vitae dolor et dictum. Nunc euismod enim massa, et tincidunt massa faucibus id. Proin faucibus imperdiet est rutrum auctor. Nullam gravida turpis ut interdum scelerisque. Vivamus sodales, orci ut euismod varius, turpis felis ornare quam, dictum cursus lorem lorem sit amet ligula. Maecenas tellus ante, dignissim vitae tellus quis, pharetra lacinia lacus. Vivamus fringilla tincidunt nulla ut ultrices. Aenean ac dolor dui. Etiam neque orci, vulputate quis dui ut, bibendum consectetur odio. Fusce ullamcorper felis erat, ac euismod est porttitor vel. Sed sem sapien, fermentum at turpis nec, viverra iaculis ligula. Nam convallis congue consequat. Praesent quis laoreet leo, ut rutrum nisl. Nam varius libero vestibulum, dapibus dui id, varius mi. Sed scelerisque placerat sapien a fringilla. Maecenas accumsan vitae urna non vulputate. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus nulla felis, placerat sit amet mi in, pretium venenatis velit. Nulla mollis auctor sollicitudin. Praesent felis eros, pulvinar quis pretium at, venenatis et tortor. Morbi tellus dolor, elementum mollis felis ut, suscipit pellentesque lectus. Nunc viverra dignissim augue, vitae suscipit odio luctus in. In tincidunt mi at gravida pretium. Duis non justo a ipsum vehicula dapibus vel a nibh. Vestibulum accumsan ligula at leo egestas, ac efficitur nibh aliquam. Curabitur ligula sem, suscipit nec efficitur ac, varius eu nunc. Quisque pharetra mauris augue, eget mattis ex laoreet eu. Vivamus egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non nibh ultrices enim pellentesque bibendum ac eget lectus. Cras laoreet, odio id pharetra laoreet, sem magna consequat ligula, non porta quam orci quis ipsum. In hac habitasse platea dictumst. Duis ornare arcu ac est maximus rutrum. Vestibulum diam eros, efficitur eget euismod id, venenatis vitae erat. Curabitur fringilla varius porttitor. Nullam eu tincidunt leo. Morbi massa eros, dignissim quis pulvinar et, scelerisque et dolor. Aliquam mollis dui vitae elit sodales egestas. Vestibulum tincidunt augue et purus blandit rhoncus. Curabitur ut orci ligula. Quisque neque ex, ultrices id magna eget, faucibus ultrices velit. Vivamus suscipit magna sit amet fringilla maximus. Cras pellentesque consectetur lectus quis cursus. Vivamus suscipit convallis vestibulum. Vivamus euismod volutpat tortor luctus vulputate. Sed ullamcorper elementum libero ac convallis. Donec id iaculis arcu. Sed mauris mi, vulputate sit amet sodales nec, scelerisque id elit. Quisque vitae sapien eu dui pharetra interdum. Quisque lobortis elit et erat euismod vulputate. Ut eget mauris sit amet sapien vulputate imperdiet. Etiam vitae venenatis lorem. Suspendisse rutrum vitae dolor et dictum. Nunc euismod enim massa, et tincidunt massa faucibus id. Proin faucibus imperdiet est rutrum auctor. Nullam gravida turpis ut interdum scelerisque. Vivamus sodales, orci ut euismod varius, turpis felis ornare quam, dictum cursus lorem lorem sit amet ligula. Maecenas tellus ante, dignissim vitae tellus quis, pharetra lacinia lacus. Vivamus fringilla tincidunt nulla ut ultrices. Aenean ac dolor dui. Etiam neque orci, vulputate quis dui ut, bibendum consectetur odio. Fusce ullamcorper felis erat, ac euismod est porttitor vel. Sed sem sapien, fermentum at turpis nec, viverra iaculis ligula. Nam convallis congue consequat. Praesent quis laoreet leo, ut rutrum nisl. Nam varius libero vestibulum, dapibus dui id, varius mi. Sed scelerisque placerat sapien a fringilla. Maecenas accumsan vitae urna non vulputate. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus nulla felis, placerat sit amet mi in, pretium venenatis velit. Nulla mollis auctor sollicitudin. Praesent felis eros, pulvinar quis pretium at, venenatis et tortor. Morbi tellus dolor, elementum mollis felis ut, suscipit pellentesque lectus. Nunc viverra dignissim augue, vitae suscipit odio luctus in. In tincidunt mi at gravida pretium. Duis non justo a ipsum vehicula dapibus vel a nibh. Vestibulum accumsan ligula at leo egestas, ac efficitur nibh aliquam. Curabitur ligula sem, suscipit nec efficitur ac, varius eu nunc. Quisque pharetra mauris augue, eget mattis ex laoreet eu. Vivamus egestas.