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. Eine Regel besteht aus einem Selektor und einem Deklarationsblock. Eine Deklaration besteht aus Deklarationen und ist durch eine geschwungene Klammer. Eine Deklaration besteht aus Eigenschaften und Wert, die durch einen Doppelpunkt voneinander getrennt werden 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. Nam eget nisl id nibh elementum feugiat. Mauris purus ipsum, fermentum quis ligula ut, dignissim blandit sapien. Praesent tempus sed tortor tincidunt dignissim. Curabitur dictum, ex non gravida bibendum, sapien velit pretium nunc, sed euismod leo lectus eget ex. Phasellus sodales ligula ipsum. In nec malesuada tellus. Aliquam faucibus lobortis tempor. Proin a scelerisque nibh. Morbi at felis at nunc bibendum tincidunt. Aenean nulla urna, malesuada sed ornare non, eleifend ac ligula. Nunc sollicitudin laoreet nulla vel mollis. Donec placerat ut velit eu maximus. Quisque varius arcu et ornare cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras ut neque nunc. Nulla eu ipsum massa. Nullam ut cursus sapien. Phasellus blandit fringilla nunc. Nam placerat blandit metus nec fringilla. Nunc rutrum lectus vitae eros volutpat, sed venenatis tortor elementum. Phasellus gravida metus purus, eget tristique metus posuere vitae. Sed euismod quis purus sit amet pharetra. Etiam sed diam convallis, rhoncus tellus vulputate, tempus nibh. Suspendisse ornare turpis quis elit imperdiet, eu lacinia ipsum interdum. Nullam mollis euismod turpis, at ullamcorper magna vehicula eget. Fusce eget dolor dictum sapien semper interdum id non tellus. Nulla porta ipsum a consectetur suscipit. Vivamus viverra urna id posuere bibendum. Quisque neque urna, lobortis at condimentum et, tincidunt ut eros. Fusce blandit, leo nec ultricies vestibulum, nulla sem scelerisque est, ac consequat nisl magna sit amet elit. Nulla malesuada pellentesque felis, vel efficitur ante suscipit eu. Ut fermentum justo orci, sit amet faucibus felis feugiat ac. Nullam sagittis vel mi eu condimentum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec gravida eget elit at porttitor. Sed ullamcorper non augue nec sodales. Donec vulputate consequat tempor. Praesent libero tellus, ornare vel ante ut, convallis venenatis odio. Aenean volutpat, nisi in accumsan vulputate, odio turpis finibus tortor, et vehicula ex nunc id nisl. Nam varius libero vel sollicitudin pellentesque. Fusce mauris dui, porta ac ante sit amet, lacinia mattis massa. Vivamus vel nisi ut leo blandit luctus sed ac sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In sed felis arcu. Ut non tristique arcu. Maecenas vitae quam pellentesque, aliquet lorem eget, pharetra justo. Morbi egestas, velit non mattis hendrerit, elit turpis convallis risus, a consectetur velit orci sit amet libero. Maecenas eu tempor ipsum. Vivamus sodales tincidunt rhoncus. Aliquam vel elit tincidunt, condimentum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget nisl id nibh elementum feugiat. Mauris purus ipsum, fermentum quis ligula ut, dignissim blandit sapien. Praesent tempus sed tortor tincidunt dignissim. Curabitur dictum, ex non gravida bibendum, sapien velit pretium nunc, sed euismod leo lectus eget ex. Phasellus sodales ligula ipsum. In nec malesuada tellus. Aliquam faucibus lobortis tempor. Proin a scelerisque nibh. Morbi at felis at nunc bibendum tincidunt. Aenean nulla urna, malesuada sed ornare non, eleifend ac ligula. Nunc sollicitudin laoreet nulla vel mollis. Donec placerat ut velit eu maximus. Quisque varius arcu et ornare cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras ut neque nunc. Nulla eu ipsum massa. Nullam ut cursus sapien. Phasellus blandit fringilla nunc. Nam placerat blandit metus nec fringilla. Nunc rutrum lectus vitae eros volutpat, sed venenatis tortor elementum. Phasellus gravida metus purus, eget tristique metus posuere vitae. Sed euismod quis purus sit amet pharetra. Etiam sed diam convallis, rhoncus tellus vulputate, tempus nibh. Suspendisse ornare turpis quis elit imperdiet, eu lacinia ipsum interdum. Nullam mollis euismod turpis, at ullamcorper magna vehicula eget. Fusce eget dolor dictum sapien semper interdum id non tellus. Nulla porta ipsum a consectetur suscipit. Vivamus viverra urna id posuere bibendum. Quisque neque urna, lobortis at condimentum et, tincidunt ut eros. Fusce blandit, leo nec ultricies vestibulum, nulla sem scelerisque est, ac consequat nisl magna sit amet elit. Nulla malesuada pellentesque felis, vel efficitur ante suscipit eu. Ut fermentum justo orci, sit amet faucibus felis feugiat ac. Nullam sagittis vel mi eu condimentum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec gravida eget elit at porttitor. Sed ullamcorper non augue nec sodales. Donec vulputate consequat tempor. Praesent libero tellus, ornare vel ante ut, convallis venenatis odio. Aenean volutpat, nisi in accumsan vulputate, odio turpis finibus tortor, et vehicula ex nunc id nisl. Nam varius libero vel sollicitudin pellentesque. Fusce mauris dui, porta ac ante sit amet, lacinia mattis massa. Vivamus vel nisi ut leo blandit luctus sed ac sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In sed felis arcu. Ut non tristique arcu. Maecenas vitae quam pellentesque, aliquet lorem eget, pharetra justo. Morbi egestas, velit non mattis hendrerit, elit turpis convallis risus, a consectetur velit orci sit amet libero. Maecenas eu tempor ipsum. Vivamus sodales tincidunt rhoncus. Aliquam vel elit tincidunt, condimentum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget nisl id nibh elementum feugiat. Mauris purus ipsum, fermentum quis ligula ut, dignissim blandit sapien. Praesent tempus sed tortor tincidunt dignissim. Curabitur dictum, ex non gravida bibendum, sapien velit pretium nunc, sed euismod leo lectus eget ex. Phasellus sodales ligula ipsum. In nec malesuada tellus. Aliquam faucibus lobortis tempor. Proin a scelerisque nibh. Morbi at felis at nunc bibendum tincidunt. Aenean nulla urna, malesuada sed ornare non, eleifend ac ligula. Nunc sollicitudin laoreet nulla vel mollis. Donec placerat ut velit eu maximus. Quisque varius arcu et ornare cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras ut neque nunc. Nulla eu ipsum massa. Nullam ut cursus sapien. Phasellus blandit fringilla nunc. Nam placerat blandit metus nec fringilla. Nunc rutrum lectus vitae eros volutpat, sed venenatis tortor elementum. Phasellus gravida metus purus, eget tristique metus posuere vitae. Sed euismod quis purus sit amet pharetra. Etiam sed diam convallis, rhoncus tellus vulputate, tempus nibh. Suspendisse ornare turpis quis elit imperdiet, eu lacinia ipsum interdum. Nullam mollis euismod turpis, at ullamcorper magna vehicula eget. Fusce eget dolor dictum sapien semper interdum id non tellus. Nulla porta ipsum a consectetur suscipit. Vivamus viverra urna id posuere bibendum. Quisque neque urna, lobortis at condimentum et, tincidunt ut eros. Fusce blandit, leo nec ultricies vestibulum, nulla sem scelerisque est, ac consequat nisl magna sit amet elit. Nulla malesuada pellentesque felis, vel efficitur ante suscipit eu. Ut fermentum justo orci, sit amet faucibus felis feugiat ac. Nullam sagittis vel mi eu condimentum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec gravida eget elit at porttitor. Sed ullamcorper non augue nec sodales. Donec vulputate consequat tempor. Praesent libero tellus, ornare vel ante ut, convallis venenatis odio. Aenean volutpat, nisi in accumsan vulputate, odio turpis finibus tortor, et vehicula ex nunc id nisl. Nam varius libero vel sollicitudin pellentesque. Fusce mauris dui, porta ac ante sit amet, lacinia mattis massa. Vivamus vel nisi ut leo blandit luctus sed ac sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In sed felis arcu. Ut non tristique arcu. Maecenas vitae quam pellentesque, aliquet lorem eget, pharetra justo. Morbi egestas, velit non mattis hendrerit, elit turpis convallis risus, a consectetur velit orci sit amet libero. Maecenas eu tempor ipsum. Vivamus sodales tincidunt rhoncus. Aliquam vel elit tincidunt, condimentum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget nisl id nibh elementum feugiat. Mauris purus ipsum, fermentum quis ligula ut, dignissim blandit sapien. Praesent tempus sed tortor tincidunt dignissim. Curabitur dictum, ex non gravida bibendum, sapien velit pretium nunc, sed euismod leo lectus eget ex. Phasellus sodales ligula ipsum. In nec malesuada tellus. Aliquam faucibus lobortis tempor. Proin a scelerisque nibh. Morbi at felis at nunc bibendum tincidunt. Aenean nulla urna, malesuada sed ornare non, eleifend ac ligula. Nunc sollicitudin laoreet nulla vel mollis. Donec placerat ut velit eu maximus. Quisque varius arcu et ornare cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras ut neque nunc. Nulla eu ipsum massa. Nullam ut cursus sapien. Phasellus blandit fringilla nunc. Nam placerat blandit metus nec fringilla. Nunc rutrum lectus vitae eros volutpat, sed venenatis tortor elementum. Phasellus gravida metus purus, eget tristique metus posuere vitae. Sed euismod quis purus sit amet pharetra. Etiam sed diam convallis, rhoncus tellus vulputate, tempus nibh. Suspendisse ornare turpis quis elit imperdiet, eu lacinia ipsum interdum. Nullam mollis euismod turpis, at ullamcorper magna vehicula eget. Fusce eget dolor dictum sapien semper interdum id non tellus. Nulla porta ipsum a consectetur suscipit. Vivamus viverra urna id posuere bibendum. Quisque neque urna, lobortis at condimentum et, tincidunt ut eros. Fusce blandit, leo nec ultricies vestibulum, nulla sem scelerisque est, ac consequat nisl magna sit amet elit. Nulla malesuada pellentesque felis, vel efficitur ante suscipit eu. Ut fermentum justo orci, sit amet faucibus felis feugiat ac. Nullam sagittis vel mi eu condimentum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec gravida eget elit at porttitor. Sed ullamcorper non augue nec sodales. Donec vulputate consequat tempor. Praesent libero tellus, ornare vel ante ut, convallis venenatis odio. Aenean volutpat, nisi in accumsan vulputate, odio turpis finibus tortor, et vehicula ex nunc id nisl. Nam varius libero vel sollicitudin pellentesque. Fusce mauris dui, porta ac ante sit amet, lacinia mattis massa. Vivamus vel nisi ut leo blandit luctus sed ac sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In sed felis arcu. Ut non tristique arcu. Maecenas vitae quam pellentesque, aliquet lorem eget, pharetra justo. Morbi egestas, velit non mattis hendrerit, elit turpis convallis risus, a consectetur velit orci sit amet libero. Maecenas eu tempor ipsum. Vivamus sodales tincidunt rhoncus. Aliquam vel elit tincidunt, condimentum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget nisl id nibh elementum feugiat. Mauris purus ipsum, fermentum quis ligula ut, dignissim blandit sapien. Praesent tempus sed tortor tincidunt dignissim. Curabitur dictum, ex non gravida bibendum, sapien velit pretium nunc, sed euismod leo lectus eget ex. Phasellus sodales ligula ipsum. In nec malesuada tellus. Aliquam faucibus lobortis tempor. Proin a scelerisque nibh. Morbi at felis at nunc bibendum tincidunt. Aenean nulla urna, malesuada sed ornare non, eleifend ac ligula. Nunc sollicitudin laoreet nulla vel mollis. Donec placerat ut velit eu maximus. Quisque varius arcu et ornare cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras ut neque nunc. Nulla eu ipsum massa. Nullam ut cursus sapien. Phasellus blandit fringilla nunc. Nam placerat blandit metus nec fringilla. Nunc rutrum lectus vitae eros volutpat, sed venenatis tortor elementum. Phasellus gravida metus purus, eget tristique metus posuere vitae. Sed euismod quis purus sit amet pharetra. Etiam sed diam convallis, rhoncus tellus vulputate, tempus nibh. Suspendisse ornare turpis quis elit imperdiet, eu lacinia ipsum interdum. Nullam mollis euismod turpis, at ullamcorper magna vehicula eget. Fusce eget dolor dictum sapien semper interdum id non tellus. Nulla porta ipsum a consectetur suscipit. Vivamus viverra urna id posuere bibendum. Quisque neque urna, lobortis at condimentum et, tincidunt ut eros. Fusce blandit, leo nec ultricies vestibulum, nulla sem scelerisque est, ac consequat nisl magna sit amet elit. Nulla malesuada pellentesque felis, vel efficitur ante suscipit eu. Ut fermentum justo orci, sit amet faucibus felis feugiat ac. Nullam sagittis vel mi eu condimentum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec gravida eget elit at porttitor. Sed ullamcorper non augue nec sodales. Donec vulputate consequat tempor. Praesent libero tellus, ornare vel ante ut, convallis venenatis odio. Aenean volutpat, nisi in accumsan vulputate, odio turpis finibus tortor, et vehicula ex nunc id nisl. Nam varius libero vel sollicitudin pellentesque. Fusce mauris dui, porta ac ante sit amet, lacinia mattis massa. Vivamus vel nisi ut leo blandit luctus sed ac sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In sed felis arcu. Ut non tristique arcu. Maecenas vitae quam pellentesque, aliquet lorem eget, pharetra justo. Morbi egestas, velit non mattis hendrerit, elit turpis convallis risus, a consectetur velit orci sit amet libero. Maecenas eu tempor ipsum. Vivamus sodales tincidunt rhoncus. Aliquam vel elit tincidunt, condimentum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget nisl id nibh elementum feugiat. Mauris purus ipsum, fermentum quis ligula ut, dignissim blandit sapien. Praesent tempus sed tortor tincidunt dignissim. Curabitur dictum, ex non gravida bibendum, sapien velit pretium nunc, sed euismod leo lectus eget ex. Phasellus sodales ligula ipsum. In nec malesuada tellus. Aliquam faucibus lobortis tempor. Proin a scelerisque nibh. Morbi at felis at nunc bibendum tincidunt. Aenean nulla urna, malesuada sed ornare non, eleifend ac ligula. Nunc sollicitudin laoreet nulla vel mollis. Donec placerat ut velit eu maximus. Quisque varius arcu et ornare cursus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras ut neque nunc. Nulla eu ipsum massa. Nullam ut cursus sapien. Phasellus blandit fringilla nunc. Nam placerat blandit metus nec fringilla. Nunc rutrum lectus vitae eros volutpat, sed venenatis tortor elementum. Phasellus gravida metus purus, eget tristique metus posuere vitae. Sed euismod quis purus sit amet pharetra. Etiam sed diam convallis, rhoncus tellus vulputate, tempus nibh. Suspendisse ornare turpis quis elit imperdiet, eu lacinia ipsum interdum. Nullam mollis euismod turpis, at ullamcorper magna vehicula eget. Fusce eget dolor dictum sapien semper interdum id non tellus. Nulla porta ipsum a consectetur suscipit. Vivamus viverra urna id posuere bibendum. Quisque neque urna, lobortis at condimentum et, tincidunt ut eros. Fusce blandit, leo nec ultricies vestibulum, nulla sem scelerisque est, ac consequat nisl magna sit amet elit. Nulla malesuada pellentesque felis, vel efficitur ante suscipit eu. Ut fermentum justo orci, sit amet faucibus felis feugiat ac. Nullam sagittis vel mi eu condimentum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec gravida eget elit at porttitor. Sed ullamcorper non augue nec sodales. Donec vulputate consequat tempor. Praesent libero tellus, ornare vel ante ut, convallis venenatis odio. Aenean volutpat, nisi in accumsan vulputate, odio turpis finibus tortor, et vehicula ex nunc id nisl. Nam varius libero vel sollicitudin pellentesque. Fusce mauris dui, porta ac ante sit amet, lacinia mattis massa. Vivamus vel nisi ut leo blandit luctus sed ac sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In sed felis arcu. Ut non tristique arcu. Maecenas vitae quam pellentesque, aliquet lorem eget, pharetra justo. Morbi egestas, velit non mattis hendrerit, elit turpis convallis risus, a consectetur velit orci sit amet libero. Maecenas eu tempor ipsum. Vivamus sodales tincidunt rhoncus. Aliquam vel elit tincidunt, condimentum.