Homepage HTML Codes CSS Cascading Style Sheets

Beim Gestalten von Webseiten wird sehr oft CSS verwand, das den strukturierten Aufbau einer HTML Seite vereinfacht. Hierbei kann der CSS Code direkt in der HTML oder XML Seite eingebaut werden oder man erstellt ein extra Dokument welches auf *.css.

CSS CSS Anweisungen oder Dateien dienen zum vereinfachten Gestalten von HTML-Code, bzw. damit durch eine Anweisungen die Darstellung im Bworser auf allen seiten gleich ist.
Möglichkeiten <!DOCTYPE HTML PUBLIC „*-//W3C//DTD HTML 4.01 Transitional//EN“>

< html >
< head >
< title >
CSS-Styles < /title >
< link rel=„stylesheet“ type=„text/css“ href=„css.css“ > /* eingebundene CSS-Datei */
< style type=„text/css“>
/* … hier sind dateispezifische Formate erlaubt … */

< /style >
/* direkt im header eingetrangene CSS-Anweisung  */

<
/head >
<
body >
<
/body >
<
/html >
Beispielcode einer CSS-Datei /* CSS für Seiten */body {
margin: 20px;

font-family: Verdana, Arial, Helvetica, Betstream Vera Sans;
font-size: 11px;
background: #FFFFFF;
}table {
font-size
: 11px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, Betstream Vera Sans;
}

a:link {
font-size
: 11px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, Betstream Vera Sans;
color: #000000;
}

a:visited {
font-size
: 11px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, Betstream Vera Sans;
color: #000000;
}

a:active {
font-size
: 11px;
font-weight: bold;

font-family: Verdana, Arial, Helvetica, Betstream Vera Sans;
color: #000000;
}

a:hover {
text-decoration: underline;
}

/* Ende CSS für Seiten */

Beispiel Bild zeigt Quelltext als HTML SeiteKlicken Sie auf das Bild um die gesamte Seite dargestellt zu bekommen.

Klicken Sie auf das Bild um die gesamte Seite dargestellt zu bekommen.

Viel Spaß beim Testen und Probieren.

Klicken Sie auf das Bild um die gesamte Seite dargestellt zu bekommen.

Artikel zu Download: Artikel Homepage HTML Codes CSS Cascading Style Sheets (357)

Weitere Beiträge in dieser Reihe sind:

Teil 1 HTML Grundgerüst einer Webseite

Teil 2 HTML Code für Linkeinträge oder Verweise auf einer Webseite einfügen

Teil 3 Homepage HTML Codes Bilder oder Fotos einfügen

Teil 4 Homepage HTML Codes Tabellen einfügen

Teil 5 Homepage HTML Codes Listenpunkte bzw. Aufzählung einfügen

Teil 6 Homepage HTML Codes Frameset und was ein Frameset ist

Teil 7 Homepage HTML Codes Formulare erstellen und Formular Elemente

Teil 8 Homepage HTML Codes Bildwechsel erzeugen, beim Drüberfahren mit der Maus. Mouse Over Effekt

Teil 9 Homepage HTML Codes Browser Kennzeichnung mit Java Script

Über Michael Bergler 683 Artikel
Mein Name ist Michael Bergler ich stamme aus Sachsen und habe seit 10 Jahren die Leidenschaft mich mit HTML, PHP, Bildbearbeitung und Perl zu beschäftigen. Seit 2011 lebe ich in Chemnitz und arbeite als Selbständiger in dem Bereich Informationstechnologie (IT), Büroservice und Telefonmarketing. In meinem Blog, online seit Dezember 2010, geht es um die Ausbildung zum IT-Systemkaufmann, Games und alles rund um den PC. Von daher lag es nah eine Umschulung 2006 – 2009 in dem Beruf IT-Systemkaufmann zu absolvieren, welche ich dann auch im Januar 2009 erfolgreich abgeschlossen habe. Ich bin in Leipzig geboren und in der Umgebung von Dresden aufgewachsen.

Ersten Kommentar schreiben

Kommentar verfassen