HTML benötigt man für Inhalt und Struktur einer Website.
CSS benötigt man für Layout und Formatierung einer Website.
CSS Code besteht aus Regeln. Eine Regel besteht aus einem Deklarationsblock und einem Selektor. Ein Deklarationsblock besteht aus Deklarationen und ist durch geschwungene Klammern eingeschlossen. Eine Deklaration besteht aus Eingenschaft und Wert, die mit einem Doppelpunkt voneinander getrennt werden und von einem Strichpunkt abgeschlossen sind.
Auf eine Website gehören Bilder:
Auch Hyperlinks dürfen nicht fehlen: ORF
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula ultrices felis, at tempor mauris ullamcorper eu. Nulla in neque nec mauris laoreet dictum vitae at felis. Suspendisse ornare efficitur mauris et placerat. Fusce dignissim, tortor eu fermentum mattis, enim elit tincidunt dui, quis ultricies eros sapien a lorem. Aenean eu diam quis augue mattis interdum sit amet ac turpis. Nullam sagittis velit enim, eget dignissim sapien eleifend a. In vulputate, ligula sit amet facilisis iaculis, eros purus vehicula tellus, vitae luctus ipsum sapien dignissim risus. Morbi vel iaculis neque. Phasellus sed interdum eros. Suspendisse potenti. Praesent pretium lacinia sem in tincidunt. Nunc non sodales nisl. Mauris in suscipit arcu. Donec purus nibh, luctus quis tortor vitae, scelerisque imperdiet mauris. Vestibulum pharetra ipsum sit amet velit aliquet egestas. Nullam sed orci sodales, mollis elit vitae, lobortis leo. Quisque fermentum feugiat imperdiet. Integer non ex sit amet libero mattis mattis quis at libero. Quisque luctus lacinia sem sed vulputate. Integer sagittis justo elit, et scelerisque diam scelerisque vitae. Quisque eu egestas lacus. Fusce augue quam, blandit et faucibus nec, dapibus quis nunc. Mauris arcu justo, aliquet vel ultricies sit amet, ultricies at arcu. Sed pretium nunc et nulla pretium, sed maximus enim mollis. Aliquam viverra lectus vel tellus fringilla sagittis. Phasellus vitae finibus libero. Praesent ullamcorper enim vitae mi dignissim pulvinar. Nam lacus nibh, aliquet vel fermentum in, rhoncus quis magna. Cras ullamcorper neque dolor, quis blandit metus ultricies in. Donec rhoncus turpis non tortor viverra, sed consequat lorem pretium. Maecenas hendrerit ultricies rhoncus. Integer egestas bibendum augue eget ullamcorper. Proin et tempor sem, sit amet sagittis augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus lacus mi, ultricies non semper eget, pulvinar sed turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et neque consequat, tincidunt nulla ut, facilisis magna. Donec quis iaculis nisi. Phasellus gravida, enim sit amet consectetur luctus, ante tellus malesuada elit, id mattis erat elit a odio. Aenean et eros id elit malesuada mattis id et turpis. Etiam pharetra libero a sapien dignissim dapibus. Nulla feugiat dui sed arcu bibendum malesuada sit amet quis leo. Quisque turpis enim, hendrerit cursus feugiat a, malesuada vel risus. Sed dapibus mi in tellus rutrum sodales eu eu nisl. Aliquam in convallis lorem, eget interdum erat. Mauris tincidunt egestas ante, vitae finibus lorem volutpat a. Ut ullamcorper non sapien vel feugiat. Aenean volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula ultrices felis, at tempor mauris ullamcorper eu. Nulla in neque nec mauris laoreet dictum vitae at felis. Suspendisse ornare efficitur mauris et placerat. Fusce dignissim, tortor eu fermentum mattis, enim elit tincidunt dui, quis ultricies eros sapien a lorem. Aenean eu diam quis augue mattis interdum sit amet ac turpis. Nullam sagittis velit enim, eget dignissim sapien eleifend a. In vulputate, ligula sit amet facilisis iaculis, eros purus vehicula tellus, vitae luctus ipsum sapien dignissim risus. Morbi vel iaculis neque. Phasellus sed interdum eros. Suspendisse potenti. Praesent pretium lacinia sem in tincidunt. Nunc non sodales nisl. Mauris in suscipit arcu. Donec purus nibh, luctus quis tortor vitae, scelerisque imperdiet mauris. Vestibulum pharetra ipsum sit amet velit aliquet egestas. Nullam sed orci sodales, mollis elit vitae, lobortis leo. Quisque fermentum feugiat imperdiet. Integer non ex sit amet libero mattis mattis quis at libero. Quisque luctus lacinia sem sed vulputate. Integer sagittis justo elit, et scelerisque diam scelerisque vitae. Quisque eu egestas lacus. Fusce augue quam, blandit et faucibus nec, dapibus quis nunc. Mauris arcu justo, aliquet vel ultricies sit amet, ultricies at arcu. Sed pretium nunc et nulla pretium, sed maximus enim mollis. Aliquam viverra lectus vel tellus fringilla sagittis. Phasellus vitae finibus libero. Praesent ullamcorper enim vitae mi dignissim pulvinar. Nam lacus nibh, aliquet vel fermentum in, rhoncus quis magna. Cras ullamcorper neque dolor, quis blandit metus ultricies in. Donec rhoncus turpis non tortor viverra, sed consequat lorem pretium. Maecenas hendrerit ultricies rhoncus. Integer egestas bibendum augue eget ullamcorper. Proin et tempor sem, sit amet sagittis augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus lacus mi, ultricies non semper eget, pulvinar sed turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et neque consequat, tincidunt nulla ut, facilisis magna. Donec quis iaculis nisi. Phasellus gravida, enim sit amet consectetur luctus, ante tellus malesuada elit, id mattis erat elit a odio. Aenean et eros id elit malesuada mattis id et turpis. Etiam pharetra libero a sapien dignissim dapibus. Nulla feugiat dui sed arcu bibendum malesuada sit amet quis leo. Quisque turpis enim, hendrerit cursus feugiat a, malesuada vel risus. Sed dapibus mi in tellus rutrum sodales eu eu nisl. Aliquam in convallis lorem, eget interdum erat. Mauris tincidunt egestas ante, vitae finibus lorem volutpat a. Ut ullamcorper non sapien vel feugiat. Aenean volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula ultrices felis, at tempor mauris ullamcorper eu. Nulla in neque nec mauris laoreet dictum vitae at felis. Suspendisse ornare efficitur mauris et placerat. Fusce dignissim, tortor eu fermentum mattis, enim elit tincidunt dui, quis ultricies eros sapien a lorem. Aenean eu diam quis augue mattis interdum sit amet ac turpis. Nullam sagittis velit enim, eget dignissim sapien eleifend a. In vulputate, ligula sit amet facilisis iaculis, eros purus vehicula tellus, vitae luctus ipsum sapien dignissim risus. Morbi vel iaculis neque. Phasellus sed interdum eros. Suspendisse potenti. Praesent pretium lacinia sem in tincidunt. Nunc non sodales nisl. Mauris in suscipit arcu. Donec purus nibh, luctus quis tortor vitae, scelerisque imperdiet mauris. Vestibulum pharetra ipsum sit amet velit aliquet egestas. Nullam sed orci sodales, mollis elit vitae, lobortis leo. Quisque fermentum feugiat imperdiet. Integer non ex sit amet libero mattis mattis quis at libero. Quisque luctus lacinia sem sed vulputate. Integer sagittis justo elit, et scelerisque diam scelerisque vitae. Quisque eu egestas lacus. Fusce augue quam, blandit et faucibus nec, dapibus quis nunc. Mauris arcu justo, aliquet vel ultricies sit amet, ultricies at arcu. Sed pretium nunc et nulla pretium, sed maximus enim mollis. Aliquam viverra lectus vel tellus fringilla sagittis. Phasellus vitae finibus libero. Praesent ullamcorper enim vitae mi dignissim pulvinar. Nam lacus nibh, aliquet vel fermentum in, rhoncus quis magna. Cras ullamcorper neque dolor, quis blandit metus ultricies in. Donec rhoncus turpis non tortor viverra, sed consequat lorem pretium. Maecenas hendrerit ultricies rhoncus. Integer egestas bibendum augue eget ullamcorper. Proin et tempor sem, sit amet sagittis augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus lacus mi, ultricies non semper eget, pulvinar sed turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et neque consequat, tincidunt nulla ut, facilisis magna. Donec quis iaculis nisi. Phasellus gravida, enim sit amet consectetur luctus, ante tellus malesuada elit, id mattis erat elit a odio. Aenean et eros id elit malesuada mattis id et turpis. Etiam pharetra libero a sapien dignissim dapibus. Nulla feugiat dui sed arcu bibendum malesuada sit amet quis leo. Quisque turpis enim, hendrerit cursus feugiat a, malesuada vel risus. Sed dapibus mi in tellus rutrum sodales eu eu nisl. Aliquam in convallis lorem, eget interdum erat. Mauris tincidunt egestas ante, vitae finibus lorem volutpat a. Ut ullamcorper non sapien vel feugiat. Aenean volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula ultrices felis, at tempor mauris ullamcorper eu. Nulla in neque nec mauris laoreet dictum vitae at felis. Suspendisse ornare efficitur mauris et placerat. Fusce dignissim, tortor eu fermentum mattis, enim elit tincidunt dui, quis ultricies eros sapien a lorem. Aenean eu diam quis augue mattis interdum sit amet ac turpis. Nullam sagittis velit enim, eget dignissim sapien eleifend a. In vulputate, ligula sit amet facilisis iaculis, eros purus vehicula tellus, vitae luctus ipsum sapien dignissim risus. Morbi vel iaculis neque. Phasellus sed interdum eros. Suspendisse potenti. Praesent pretium lacinia sem in tincidunt. Nunc non sodales nisl. Mauris in suscipit arcu. Donec purus nibh, luctus quis tortor vitae, scelerisque imperdiet mauris. Vestibulum pharetra ipsum sit amet velit aliquet egestas. Nullam sed orci sodales, mollis elit vitae, lobortis leo. Quisque fermentum feugiat imperdiet. Integer non ex sit amet libero mattis mattis quis at libero. Quisque luctus lacinia sem sed vulputate. Integer sagittis justo elit, et scelerisque diam scelerisque vitae. Quisque eu egestas lacus. Fusce augue quam, blandit et faucibus nec, dapibus quis nunc. Mauris arcu justo, aliquet vel ultricies sit amet, ultricies at arcu. Sed pretium nunc et nulla pretium, sed maximus enim mollis. Aliquam viverra lectus vel tellus fringilla sagittis. Phasellus vitae finibus libero. Praesent ullamcorper enim vitae mi dignissim pulvinar. Nam lacus nibh, aliquet vel fermentum in, rhoncus quis magna. Cras ullamcorper neque dolor, quis blandit metus ultricies in. Donec rhoncus turpis non tortor viverra, sed consequat lorem pretium. Maecenas hendrerit ultricies rhoncus. Integer egestas bibendum augue eget ullamcorper. Proin et tempor sem, sit amet sagittis augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus lacus mi, ultricies non semper eget, pulvinar sed turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et neque consequat, tincidunt nulla ut, facilisis magna. Donec quis iaculis nisi. Phasellus gravida, enim sit amet consectetur luctus, ante tellus malesuada elit, id mattis erat elit a odio. Aenean et eros id elit malesuada mattis id et turpis. Etiam pharetra libero a sapien dignissim dapibus. Nulla feugiat dui sed arcu bibendum malesuada sit amet quis leo. Quisque turpis enim, hendrerit cursus feugiat a, malesuada vel risus. Sed dapibus mi in tellus rutrum sodales eu eu nisl. Aliquam in convallis lorem, eget interdum erat. Mauris tincidunt egestas ante, vitae finibus lorem volutpat a. Ut ullamcorper non sapien vel feugiat. Aenean volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula ultrices felis, at tempor mauris ullamcorper eu. Nulla in neque nec mauris laoreet dictum vitae at felis. Suspendisse ornare efficitur mauris et placerat. Fusce dignissim, tortor eu fermentum mattis, enim elit tincidunt dui, quis ultricies eros sapien a lorem. Aenean eu diam quis augue mattis interdum sit amet ac turpis. Nullam sagittis velit enim, eget dignissim sapien eleifend a. In vulputate, ligula sit amet facilisis iaculis, eros purus vehicula tellus, vitae luctus ipsum sapien dignissim risus. Morbi vel iaculis neque. Phasellus sed interdum eros. Suspendisse potenti. Praesent pretium lacinia sem in tincidunt. Nunc non sodales nisl. Mauris in suscipit arcu. Donec purus nibh, luctus quis tortor vitae, scelerisque imperdiet mauris. Vestibulum pharetra ipsum sit amet velit aliquet egestas. Nullam sed orci sodales, mollis elit vitae, lobortis leo. Quisque fermentum feugiat imperdiet. Integer non ex sit amet libero mattis mattis quis at libero. Quisque luctus lacinia sem sed vulputate. Integer sagittis justo elit, et scelerisque diam scelerisque vitae. Quisque eu egestas lacus. Fusce augue quam, blandit et faucibus nec, dapibus quis nunc. Mauris arcu justo, aliquet vel ultricies sit amet, ultricies at arcu. Sed pretium nunc et nulla pretium, sed maximus enim mollis. Aliquam viverra lectus vel tellus fringilla sagittis. Phasellus vitae finibus libero. Praesent ullamcorper enim vitae mi dignissim pulvinar. Nam lacus nibh, aliquet vel fermentum in, rhoncus quis magna. Cras ullamcorper neque dolor, quis blandit metus ultricies in. Donec rhoncus turpis non tortor viverra, sed consequat lorem pretium. Maecenas hendrerit ultricies rhoncus. Integer egestas bibendum augue eget ullamcorper. Proin et tempor sem, sit amet sagittis augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus lacus mi, ultricies non semper eget, pulvinar sed turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et neque consequat, tincidunt nulla ut, facilisis magna. Donec quis iaculis nisi. Phasellus gravida, enim sit amet consectetur luctus, ante tellus malesuada elit, id mattis erat elit a odio. Aenean et eros id elit malesuada mattis id et turpis. Etiam pharetra libero a sapien dignissim dapibus. Nulla feugiat dui sed arcu bibendum malesuada sit amet quis leo. Quisque turpis enim, hendrerit cursus feugiat a, malesuada vel risus. Sed dapibus mi in tellus rutrum sodales eu eu nisl. Aliquam in convallis lorem, eget interdum erat. Mauris tincidunt egestas ante, vitae finibus lorem volutpat a. Ut ullamcorper non sapien vel feugiat. Aenean volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula ultrices felis, at tempor mauris ullamcorper eu. Nulla in neque nec mauris laoreet dictum vitae at felis. Suspendisse ornare efficitur mauris et placerat. Fusce dignissim, tortor eu fermentum mattis, enim elit tincidunt dui, quis ultricies eros sapien a lorem. Aenean eu diam quis augue mattis interdum sit amet ac turpis. Nullam sagittis velit enim, eget dignissim sapien eleifend a. In vulputate, ligula sit amet facilisis iaculis, eros purus vehicula tellus, vitae luctus ipsum sapien dignissim risus. Morbi vel iaculis neque. Phasellus sed interdum eros. Suspendisse potenti. Praesent pretium lacinia sem in tincidunt. Nunc non sodales nisl. Mauris in suscipit arcu. Donec purus nibh, luctus quis tortor vitae, scelerisque imperdiet mauris. Vestibulum pharetra ipsum sit amet velit aliquet egestas. Nullam sed orci sodales, mollis elit vitae, lobortis leo. Quisque fermentum feugiat imperdiet. Integer non ex sit amet libero mattis mattis quis at libero. Quisque luctus lacinia sem sed vulputate. Integer sagittis justo elit, et scelerisque diam scelerisque vitae. Quisque eu egestas lacus. Fusce augue quam, blandit et faucibus nec, dapibus quis nunc. Mauris arcu justo, aliquet vel ultricies sit amet, ultricies at arcu. Sed pretium nunc et nulla pretium, sed maximus enim mollis. Aliquam viverra lectus vel tellus fringilla sagittis. Phasellus vitae finibus libero. Praesent ullamcorper enim vitae mi dignissim pulvinar. Nam lacus nibh, aliquet vel fermentum in, rhoncus quis magna. Cras ullamcorper neque dolor, quis blandit metus ultricies in. Donec rhoncus turpis non tortor viverra, sed consequat lorem pretium. Maecenas hendrerit ultricies rhoncus. Integer egestas bibendum augue eget ullamcorper. Proin et tempor sem, sit amet sagittis augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus lacus mi, ultricies non semper eget, pulvinar sed turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et neque consequat, tincidunt nulla ut, facilisis magna. Donec quis iaculis nisi. Phasellus gravida, enim sit amet consectetur luctus, ante tellus malesuada elit, id mattis erat elit a odio. Aenean et eros id elit malesuada mattis id et turpis. Etiam pharetra libero a sapien dignissim dapibus. Nulla feugiat dui sed arcu bibendum malesuada sit amet quis leo. Quisque turpis enim, hendrerit cursus feugiat a, malesuada vel risus. Sed dapibus mi in tellus rutrum sodales eu eu nisl. Aliquam in convallis lorem, eget interdum erat. Mauris tincidunt egestas ante, vitae finibus lorem volutpat a. Ut ullamcorper non sapien vel feugiat. Aenean volutpat.