So formatieren Sie Websites

von

Eine effektive Website muss ihren Lesern Inhalte durch attraktive Formatierung vermitteln. Eine schlechte Formatierung kann dazu führen, dass eine Website unattraktiv oder sogar unlesbar wird. Mit Hypertext Markup Language (HTML) können Sie die Formatierung einer Website so steuern, dass sie genau so angezeigt wird, wie Sie es wünschen. Darüber hinaus können Sie mit Cascading Style Sheets (CSS) eine Website mithilfe eines externen Stylesheets formatieren. Diese Technik ist nützlich, wenn Sie dasselbe Styling auf mehrere Seiten Ihrer Site anwenden möchten.

HTML-Formatierung

1


Erstellen Sie Tabellen, um die verschiedenen Elemente Ihrer Webseite zu positionieren. Verwenden Sie ein Tag, um die Tabelle selbst zu beginnen. Verwenden Sie ein Tag, um eine Tabellenzeile zu beginnen, und a

Tag, um eine Zelle mit Tabellendaten in der Zeile zu erstellen. Tabellendatenzellen können normalerweise als Spalten einer Tabelle betrachtet werden. Experimentieren Sie mit den Parametern für Höhe, Breite, Abstand und Abstand einzelner Zeilen und Datenzellen, um Ihre Elemente angemessen zu positionieren.

2


Fügen Sie innerhalb der Tags Texteffekte und Schriftstile für Elemente hinzu, die den Text enthalten. Wenn Sie beispielsweise den Text innerhalb eines Absatzelements formatieren möchten:

Dies würde den Inhalt des Absatzes in der Schriftart Comic Sans rendern.

3

Fügen Sie Ihrer gesamten Website im Tag mithilfe des Attributs bgcolor einen Hintergrund hinzu. Zum Beispiel:

Dadurch wird der Hintergrund der gesamten Seite rosafarben dargestellt.

CSS und externe Stylesheets

1

Öffnen Sie ein neues Textdokument im Editor.

2

Formatieren Sie jedes Element in Ihrem neuen Dokument. Verwenden Sie das Element-Tag gefolgt von einer offenen Klammer, um Stile für dieses Element einzuführen. Zum Beispiel:

p {

Schriftfamilie: „comic sans ms“;

Hintergrundfarbe :: # CC3366;

}

Jeder Absatz in Ihrem HTML-Dokument hat die Schriftart Comic Sans und eine rosafarbene Hintergrundfarbe.

3

Verwenden Sie eine ID oder Klasse, wenn Sie Stile einführen möchten, die für mehrere verschiedene Elementtypen oder in Einzelfällen verwendet werden. Eine ID kann nur einmal verwendet werden und wird durch das Symbol „#“ eingeleitet. Eine Klasse kann mehrfach verwendet werden und wird mit dem „.“ Symbol. Zum Beispiel:

.comicrose {

Schriftfamilie: „comic sans ms“;

Hintergrundfarbe :: # CC3366;

}

Mit dieser Klasse können Sie ein Element mit Comic Sans und einem rosafarbenen Hintergrund stylen, wo immer Sie seine Klasse nennen. Zum Beispiel im HTML-Code für Ihre Seite:

formatiert einen Absatz wie beschrieben.

4

Verknüpfen Sie ein externes Stylesheet im Abschnitt Ihres HTML-Codes. Zum Beispiel:

.

Dieser Link führt zu einem externen Stylesheet namens pagestyles.css.