CSS und HTML
Ein starkes Duo für Webdesign
CSS (Cascading Style Sheets) und HTML (HyperText Markup Language) sind die Grundbausteine des modernen Webdesigns. Während HTML die Struktur und den Inhalt einer Webseite definiert, sorgt CSS für das visuelle Erscheinungsbild und das Layout.
HTML: Die Struktur
HTML verwendet Tags, um verschiedene Elemente auf einer Webseite zu definieren, wie Überschriften, Absätze, Bilder und Links. Zum Beispiel:
<!DOCTYPE html>
<html>
<head>
<title>Meine Webseite</title>
</head>
<body>
<h1>Willkommen auf meiner Webseite</h1>
<p>Dies ist ein Beispieltext.</p>
</body>
</html>
CSS: Das Styling
CSS wird verwendet, um das Aussehen dieser HTML-Elemente zu gestalten. Es kann entweder direkt im HTML-Dokument eingebettet oder in einer separaten Datei gespeichert werden. Ein einfaches Beispiel für CSS:
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: #333;
text-align: center;
}
p {
color: #666;
line-height: 1.6;
}
Integration von CSS in HTML
Um CSS in HTML zu integrieren, kann man das <style>-Tag im <head>-Bereich verwenden oder eine externe CSS-Datei verlinken:
<!DOCTYPE html>
<html>
<head>
<title>Meine Webseite</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: #333;
text-align: center;
}
p {
color: #666;
line-height: 1.6;
}
</style>
</head>
<body>
<h1>Willkommen auf meiner Webseite</h1>
<p>Dies ist ein Beispieltext.</p>
</body>
</html>
Oder durch Verlinkung einer externen CSS-Datei:
<!DOCTYPE html>
<html>
<head>
<title>Meine Webseite</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Willkommen auf meiner Webseite</h1>
<p>Dies ist ein Beispieltext.</p>
</body>
</html>
Brauchen Sie Hilfe?
Wir helfen Ihnen gerne weiter. Zögern Sie nicht, uns zu kontaktieren!
Wir freuen uns darauf, Ihnen bei Ihren Anliegen zu helfen und Ihre Webprojekte zum Erfolg zu führen.
