Wie formatiere ich Websites?

Eine effektive Website muss den Lesern durch attraktive Formatierung Inhalte vermitteln. Eine schlechte Formatierung kann eine Website unansehnlich oder sogar unlesbar machen. Mit Hypertext Markup Language (HTML) können Sie die Formatierung einer Website so steuern, dass sie genau wie gewünscht erscheint. Außerdem können Sie mit Cascading Style Sheets (CSS) eine Website mit einem externen Stylesheet formatieren. Diese Technik ist nützlich, wenn Sie dasselbe Styling auf mehreren Seiten Ihrer Website anwenden möchten.

HTML-Formatierung

Erstellen Sie Tabellen, um die verschiedenen Elemente Ihrer Webseite zu positionieren. Verwenden ein

Tag, um die Tabelle selbst zu beginnen. Verwenden ein tag, um eine Tabellenzeile zu beginnen, und a

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

Fügen Sie Texteffekte und Schriftschnitt für die 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 darstellen.

Fügen Sie Ihrer gesamten Website im Tag einen Hintergrund hinzu, indem Sie das Attribut bgcolor verwenden. Zum Beispiel:

Dadurch wird der Hintergrund der gesamten Seite in einer Rosenfarbe dargestellt.

CSS und externe Stylesheets

Öffnen Sie ein neues Textdokument in Notepad.

Formatieren Sie jedes Element in Ihrem neuen Dokument. Verwenden Sie das Elementtag 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.

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 "#" eingeführt. Eine Klasse kann mehrfach verwendet werden und wird mit "." Bezeichnet. Symbol. Zum Beispiel:

.comicrose {

Schriftfamilie: "Comic Sans ms";

Hintergrundfarbe :: # CC3366;

}

Mit dieser Klasse können Sie ein Element mit Comic Sans und einem Rosenhintergrund gestalten, wo immer Sie seine Klasse nennen. Beispielsweise im HTML-Code für Ihre Seite

formatiert einen Absatz wie beschrieben.

Verknüpfen Sie mit einem externen Stylesheet im Abschnitt Ihres HTML-Codes. Zum Beispiel:

Dieser Link enthält ein externes Stylesheet namens pagestyles.css.