In diesem Schritt vertiefen wir uns in die Welt der Textformatierung und Layouts mit HTML und CSS. Wir werden sehen, wie wir Textgestaltungssprüche verwenden können, um Text zu formatieren, und wie CSS uns dabei hilft, die Layoutstruktur der Webseiten zu gestalten. Lassen Sie uns mit einer einfachen Beispiel-Seite beginnen, die Textformatierung demonstriert.
<!-- html -->
<!DOCTYPE html>
<html>
<head>
<title>Textformatierung und Layout</title>
<style>
.emphasis { font-weight: bold; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }
</style>
</head>
<body>
<p>Das ist ein einfacher Text.</p>
<p class="emphasis">Dies ist ein fettgedruckter Text.</p>
<p class="underline">Dies ist ein unterstrichener Text.</p>
<p class="italic">Dies ist kursivgeschrieben.</p>
</body>
</html>