HTML benötigt man für Inhalt und Struktur einer Webseite.
CSS benötigt man für Layout und Formatierung einer Webseite.
CSS-Code besteht aus Regeln. Regeln bestehen aus einem Selektor und ein Deklarationsblock. Ein Deklarationsblock besteht aus Deklarationen und ist durch geschwungene Klammern eingeschlossen. Eine Deklaration besteht aus Eigenschaft und Wert, und die sind mit einem Doppelpunkt voneinander getrennt und von einem Strichpunkt abgeschlossen werden.
Auf eine Website gehören Bilder:
Auch Hyperlinks dürfen nicht fehlen: ORF
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium nunc a tortor auctor condimentum. Curabitur mattis, est ac semper cursus, lorem purus efficitur orci, at condimentum risus nunc eu sapien. Nullam est lacus, fermentum dictum felis in, iaculis maximus elit. Vivamus porta eleifend ex. Sed suscipit est eget blandit rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent ultricies justo feugiat tortor convallis, at gravida justo ultrices. Duis nec velit nibh. Quisque blandit leo et consequat dictum. Etiam quis venenatis lorem. Mauris rutrum elit sit amet ex accumsan, vitae sagittis massa cursus. Duis finibus pellentesque ex. Nam pretium non sapien quis ultricies. Vivamus ut tellus lacinia dui hendrerit ultricies nec eget dui. Donec laoreet nisl tortor, eu suscipit ante fermentum in. Nulla varius quis eros vitae ullamcorper. Nam rhoncus orci sem, id cursus quam pretium fermentum. Nunc aliquet diam at diam aliquet semper non in libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque sollicitudin vitae risus dapibus facilisis. Donec vitae eleifend ligula, ut dignissim urna. Aliquam erat volutpat. Suspendisse congue ipsum sed venenatis facilisis. Proin vitae nisi nec dolor pellentesque mollis. Maecenas in sollicitudin magna. Suspendisse varius elit vitae velit venenatis, ac convallis mauris condimentum. Nulla interdum nulla quam, et consectetur sapien commodo sit amet. Sed dignissim, mauris nec porta hendrerit, dui lacus sodales massa, nec pulvinar ligula urna nec magna. Duis interdum lobortis mi ut viverra. Curabitur porttitor lectus eget ligula scelerisque, et gravida sem commodo. Aenean pharetra malesuada nibh sit amet luctus. Donec venenatis erat fringilla nulla dignissim cursus. Nam ac venenatis arcu. Duis blandit ipsum sem, id efficitur justo suscipit at. Quisque et sapien justo. In tristique cursus risus, nec interdum magna dignissim nec. Nunc luctus dui vitae ligula sagittis, non ultricies diam molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut rutrum sem. Duis non commodo arcu, id feugiat lorem. Phasellus molestie mattis consequat. Vivamus metus dolor, fermentum tincidunt quam in, placerat luctus mauris. Quisque eget quam facilisis, fermentum nisl at, gravida lacus. Ut faucibus metus vel finibus rutrum. Sed elementum eu justo a tempus. Quisque laoreet porttitor est. Fusce sodales augue eu est finibus, ac pretium eros feugiat. Morbi interdum mauris et nisi viverra, non fermentum turpis sodales. Nam cursus posuere urna, a vehicula massa. Aliquam pretium lectus consequat, fringilla tortor at, ullamcorper nunc. Pellentesque ultrices neque ut elit maximus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium nunc a tortor auctor condimentum. Curabitur mattis, est ac semper cursus, lorem purus efficitur orci, at condimentum risus nunc eu sapien. Nullam est lacus, fermentum dictum felis in, iaculis maximus elit. Vivamus porta eleifend ex. Sed suscipit est eget blandit rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent ultricies justo feugiat tortor convallis, at gravida justo ultrices. Duis nec velit nibh. Quisque blandit leo et consequat dictum. Etiam quis venenatis lorem. Mauris rutrum elit sit amet ex accumsan, vitae sagittis massa cursus. Duis finibus pellentesque ex. Nam pretium non sapien quis ultricies. Vivamus ut tellus lacinia dui hendrerit ultricies nec eget dui. Donec laoreet nisl tortor, eu suscipit ante fermentum in. Nulla varius quis eros vitae ullamcorper. Nam rhoncus orci sem, id cursus quam pretium fermentum. Nunc aliquet diam at diam aliquet semper non in libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque sollicitudin vitae risus dapibus facilisis. Donec vitae eleifend ligula, ut dignissim urna. Aliquam erat volutpat. Suspendisse congue ipsum sed venenatis facilisis. Proin vitae nisi nec dolor pellentesque mollis. Maecenas in sollicitudin magna. Suspendisse varius elit vitae velit venenatis, ac convallis mauris condimentum. Nulla interdum nulla quam, et consectetur sapien commodo sit amet. Sed dignissim, mauris nec porta hendrerit, dui lacus sodales massa, nec pulvinar ligula urna nec magna. Duis interdum lobortis mi ut viverra. Curabitur porttitor lectus eget ligula scelerisque, et gravida sem commodo. Aenean pharetra malesuada nibh sit amet luctus. Donec venenatis erat fringilla nulla dignissim cursus. Nam ac venenatis arcu. Duis blandit ipsum sem, id efficitur justo suscipit at. Quisque et sapien justo. In tristique cursus risus, nec interdum magna dignissim nec. Nunc luctus dui vitae ligula sagittis, non ultricies diam molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut rutrum sem. Duis non commodo arcu, id feugiat lorem. Phasellus molestie mattis consequat. Vivamus metus dolor, fermentum tincidunt quam in, placerat luctus mauris. Quisque eget quam facilisis, fermentum nisl at, gravida lacus. Ut faucibus metus vel finibus rutrum. Sed elementum eu justo a tempus. Quisque laoreet porttitor est. Fusce sodales augue eu est finibus, ac pretium eros feugiat. Morbi interdum mauris et nisi viverra, non fermentum turpis sodales. Nam cursus posuere urna, a vehicula massa. Aliquam pretium lectus consequat, fringilla tortor at, ullamcorper nunc. Pellentesque ultrices neque ut elit maximus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium nunc a tortor auctor condimentum. Curabitur mattis, est ac semper cursus, lorem purus efficitur orci, at condimentum risus nunc eu sapien. Nullam est lacus, fermentum dictum felis in, iaculis maximus elit. Vivamus porta eleifend ex. Sed suscipit est eget blandit rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent ultricies justo feugiat tortor convallis, at gravida justo ultrices. Duis nec velit nibh. Quisque blandit leo et consequat dictum. Etiam quis venenatis lorem. Mauris rutrum elit sit amet ex accumsan, vitae sagittis massa cursus. Duis finibus pellentesque ex. Nam pretium non sapien quis ultricies. Vivamus ut tellus lacinia dui hendrerit ultricies nec eget dui. Donec laoreet nisl tortor, eu suscipit ante fermentum in. Nulla varius quis eros vitae ullamcorper. Nam rhoncus orci sem, id cursus quam pretium fermentum. Nunc aliquet diam at diam aliquet semper non in libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque sollicitudin vitae risus dapibus facilisis. Donec vitae eleifend ligula, ut dignissim urna. Aliquam erat volutpat. Suspendisse congue ipsum sed venenatis facilisis. Proin vitae nisi nec dolor pellentesque mollis. Maecenas in sollicitudin magna. Suspendisse varius elit vitae velit venenatis, ac convallis mauris condimentum. Nulla interdum nulla quam, et consectetur sapien commodo sit amet. Sed dignissim, mauris nec porta hendrerit, dui lacus sodales massa, nec pulvinar ligula urna nec magna. Duis interdum lobortis mi ut viverra. Curabitur porttitor lectus eget ligula scelerisque, et gravida sem commodo. Aenean pharetra malesuada nibh sit amet luctus. Donec venenatis erat fringilla nulla dignissim cursus. Nam ac venenatis arcu. Duis blandit ipsum sem, id efficitur justo suscipit at. Quisque et sapien justo. In tristique cursus risus, nec interdum magna dignissim nec. Nunc luctus dui vitae ligula sagittis, non ultricies diam molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut rutrum sem. Duis non commodo arcu, id feugiat lorem. Phasellus molestie mattis consequat. Vivamus metus dolor, fermentum tincidunt quam in, placerat luctus mauris. Quisque eget quam facilisis, fermentum nisl at, gravida lacus. Ut faucibus metus vel finibus rutrum. Sed elementum eu justo a tempus. Quisque laoreet porttitor est. Fusce sodales augue eu est finibus, ac pretium eros feugiat. Morbi interdum mauris et nisi viverra, non fermentum turpis sodales. Nam cursus posuere urna, a vehicula massa. Aliquam pretium lectus consequat, fringilla tortor at, ullamcorper nunc. Pellentesque ultrices neque ut elit maximus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium nunc a tortor auctor condimentum. Curabitur mattis, est ac semper cursus, lorem purus efficitur orci, at condimentum risus nunc eu sapien. Nullam est lacus, fermentum dictum felis in, iaculis maximus elit. Vivamus porta eleifend ex. Sed suscipit est eget blandit rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent ultricies justo feugiat tortor convallis, at gravida justo ultrices. Duis nec velit nibh. Quisque blandit leo et consequat dictum. Etiam quis venenatis lorem. Mauris rutrum elit sit amet ex accumsan, vitae sagittis massa cursus. Duis finibus pellentesque ex. Nam pretium non sapien quis ultricies. Vivamus ut tellus lacinia dui hendrerit ultricies nec eget dui. Donec laoreet nisl tortor, eu suscipit ante fermentum in. Nulla varius quis eros vitae ullamcorper. Nam rhoncus orci sem, id cursus quam pretium fermentum. Nunc aliquet diam at diam aliquet semper non in libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque sollicitudin vitae risus dapibus facilisis. Donec vitae eleifend ligula, ut dignissim urna. Aliquam erat volutpat. Suspendisse congue ipsum sed venenatis facilisis. Proin vitae nisi nec dolor pellentesque mollis. Maecenas in sollicitudin magna. Suspendisse varius elit vitae velit venenatis, ac convallis mauris condimentum. Nulla interdum nulla quam, et consectetur sapien commodo sit amet. Sed dignissim, mauris nec porta hendrerit, dui lacus sodales massa, nec pulvinar ligula urna nec magna. Duis interdum lobortis mi ut viverra. Curabitur porttitor lectus eget ligula scelerisque, et gravida sem commodo. Aenean pharetra malesuada nibh sit amet luctus. Donec venenatis erat fringilla nulla dignissim cursus. Nam ac venenatis arcu. Duis blandit ipsum sem, id efficitur justo suscipit at. Quisque et sapien justo. In tristique cursus risus, nec interdum magna dignissim nec. Nunc luctus dui vitae ligula sagittis, non ultricies diam molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut rutrum sem. Duis non commodo arcu, id feugiat lorem. Phasellus molestie mattis consequat. Vivamus metus dolor, fermentum tincidunt quam in, placerat luctus mauris. Quisque eget quam facilisis, fermentum nisl at, gravida lacus. Ut faucibus metus vel finibus rutrum. Sed elementum eu justo a tempus. Quisque laoreet porttitor est. Fusce sodales augue eu est finibus, ac pretium eros feugiat. Morbi interdum mauris et nisi viverra, non fermentum turpis sodales. Nam cursus posuere urna, a vehicula massa. Aliquam pretium lectus consequat, fringilla tortor at, ullamcorper nunc. Pellentesque ultrices neque ut elit maximus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium nunc a tortor auctor condimentum. Curabitur mattis, est ac semper cursus, lorem purus efficitur orci, at condimentum risus nunc eu sapien. Nullam est lacus, fermentum dictum felis in, iaculis maximus elit. Vivamus porta eleifend ex. Sed suscipit est eget blandit rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent ultricies justo feugiat tortor convallis, at gravida justo ultrices. Duis nec velit nibh. Quisque blandit leo et consequat dictum. Etiam quis venenatis lorem. Mauris rutrum elit sit amet ex accumsan, vitae sagittis massa cursus. Duis finibus pellentesque ex. Nam pretium non sapien quis ultricies. Vivamus ut tellus lacinia dui hendrerit ultricies nec eget dui. Donec laoreet nisl tortor, eu suscipit ante fermentum in. Nulla varius quis eros vitae ullamcorper. Nam rhoncus orci sem, id cursus quam pretium fermentum. Nunc aliquet diam at diam aliquet semper non in libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque sollicitudin vitae risus dapibus facilisis. Donec vitae eleifend ligula, ut dignissim urna. Aliquam erat volutpat. Suspendisse congue ipsum sed venenatis facilisis. Proin vitae nisi nec dolor pellentesque mollis. Maecenas in sollicitudin magna. Suspendisse varius elit vitae velit venenatis, ac convallis mauris condimentum. Nulla interdum nulla quam, et consectetur sapien commodo sit amet. Sed dignissim, mauris nec porta hendrerit, dui lacus sodales massa, nec pulvinar ligula urna nec magna. Duis interdum lobortis mi ut viverra. Curabitur porttitor lectus eget ligula scelerisque, et gravida sem commodo. Aenean pharetra malesuada nibh sit amet luctus. Donec venenatis erat fringilla nulla dignissim cursus. Nam ac venenatis arcu. Duis blandit ipsum sem, id efficitur justo suscipit at. Quisque et sapien justo. In tristique cursus risus, nec interdum magna dignissim nec. Nunc luctus dui vitae ligula sagittis, non ultricies diam molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut rutrum sem. Duis non commodo arcu, id feugiat lorem. Phasellus molestie mattis consequat. Vivamus metus dolor, fermentum tincidunt quam in, placerat luctus mauris. Quisque eget quam facilisis, fermentum nisl at, gravida lacus. Ut faucibus metus vel finibus rutrum. Sed elementum eu justo a tempus. Quisque laoreet porttitor est. Fusce sodales augue eu est finibus, ac pretium eros feugiat. Morbi interdum mauris et nisi viverra, non fermentum turpis sodales. Nam cursus posuere urna, a vehicula massa. Aliquam pretium lectus consequat, fringilla tortor at, ullamcorper nunc. Pellentesque ultrices neque ut elit maximus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium nunc a tortor auctor condimentum. Curabitur mattis, est ac semper cursus, lorem purus efficitur orci, at condimentum risus nunc eu sapien. Nullam est lacus, fermentum dictum felis in, iaculis maximus elit. Vivamus porta eleifend ex. Sed suscipit est eget blandit rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent ultricies justo feugiat tortor convallis, at gravida justo ultrices. Duis nec velit nibh. Quisque blandit leo et consequat dictum. Etiam quis venenatis lorem. Mauris rutrum elit sit amet ex accumsan, vitae sagittis massa cursus. Duis finibus pellentesque ex. Nam pretium non sapien quis ultricies. Vivamus ut tellus lacinia dui hendrerit ultricies nec eget dui. Donec laoreet nisl tortor, eu suscipit ante fermentum in. Nulla varius quis eros vitae ullamcorper. Nam rhoncus orci sem, id cursus quam pretium fermentum. Nunc aliquet diam at diam aliquet semper non in libero. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque sollicitudin vitae risus dapibus facilisis. Donec vitae eleifend ligula, ut dignissim urna. Aliquam erat volutpat. Suspendisse congue ipsum sed venenatis facilisis. Proin vitae nisi nec dolor pellentesque mollis. Maecenas in sollicitudin magna. Suspendisse varius elit vitae velit venenatis, ac convallis mauris condimentum. Nulla interdum nulla quam, et consectetur sapien commodo sit amet. Sed dignissim, mauris nec porta hendrerit, dui lacus sodales massa, nec pulvinar ligula urna nec magna. Duis interdum lobortis mi ut viverra. Curabitur porttitor lectus eget ligula scelerisque, et gravida sem commodo. Aenean pharetra malesuada nibh sit amet luctus. Donec venenatis erat fringilla nulla dignissim cursus. Nam ac venenatis arcu. Duis blandit ipsum sem, id efficitur justo suscipit at. Quisque et sapien justo. In tristique cursus risus, nec interdum magna dignissim nec. Nunc luctus dui vitae ligula sagittis, non ultricies diam molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut rutrum sem. Duis non commodo arcu, id feugiat lorem. Phasellus molestie mattis consequat. Vivamus metus dolor, fermentum tincidunt quam in, placerat luctus mauris. Quisque eget quam facilisis, fermentum nisl at, gravida lacus. Ut faucibus metus vel finibus rutrum. Sed elementum eu justo a tempus. Quisque laoreet porttitor est. Fusce sodales augue eu est finibus, ac pretium eros feugiat. Morbi interdum mauris et nisi viverra, non fermentum turpis sodales. Nam cursus posuere urna, a vehicula massa. Aliquam pretium lectus consequat, fringilla tortor at, ullamcorper nunc. Pellentesque ultrices neque ut elit maximus.