HTML-Grundlagen und Web-Design

Alle HTML-Dokumente enthalten die folgenden Elemente, die die gesamte Struktur des Dokuments zu definieren:

 Ihr Titel geht hier  Der Körper des Dokuments goes here.

Wie aus den obigen Beispiel zeigt, dass HTML-Tags in der Regel paarweise verwendet beifügen, dass Teile des Dokuments. Der Tag beginnt, wie , Markiert den Beginn einer bestimmten Formatierung für diesen Abschnitt, dem schließenden Tag, wie Enthält einen Schrägstrich vor dem Tag-Namen und signalisiert das Ende der Formatierung für diesen Abschnitt. Hier ist eine Erklärung für jeden dieser Tags:

--: Dieser Tag muss immer erscheinen als das erste, was in einem HTML-Dokument. Es sagt dem Browser, dass die Datei ist eine HTML-Datei.

-- und : Diese Tags umschließen den Abschnitt des Dokuments genannt Header, die Informationen, die für das gesamte Dokument gilt, enthält.

-- </ html> </strong><strong>und </strong><strong>: Diese Tags umschließen den Titel des Dokuments. Jeder Text, der in ihnen erscheint, ist als Titel für Ihre HTML-Dokument verwendet werden. Dies ist auch der Text, der in der Titelleiste des Browsers angezeigt.

-- und : Diese Tags markieren den Anfang und das Ende des Teils des Dokuments, dass der Browser wird angezeigt, wenn jemand mal die Seite. Eine Menge Sachen fällt in der Regel zwischen diesen Tags.

--: Dieser Tag ist immer der letzte Tag in Ihrem Dokument.

Angeben von Font-Einstellungen

In den frühen Tagen des Web hat, HTML nicht eine Methode, die Sie aktivieren, damit Sie genau das Auftreten von Typ auf Ihren Webseiten zu kontrollieren. Jetzt aber bietet HTML verschiedene Methoden zur Steuerung Typ. HTML hat zwei Tags, die Sie steuern font-Einstellungen lassen: und. Der Tag können Sie die Einstellungen für die Schriftart für einen einzelnen Abschnitt des Textes, die Kontrolle der Erwägung, dass dem Tag der Standardschriftart für ein ganzes Dokument verwendeten Mengen. Beide Tags werden sofort von einem oder mehreren gefolgt Attribute, , die spezifische Informationen für den Tag bereitzustellen. Hier sind die wichtigsten Attribute des Tags und:

- Gesicht: Legt die Schriftart. - SIZE: Gibt die Schriftgröße auf einer Skala von 1 bis 7, wobei 7 der größte ist und 1 ist die kleinste. Die Standardgröße ist 3. - COLOR: Legt die Farbe des Textes. Hier ist ein Ausschnitt von HTML, dass die Schriftart, Größe setzt, und die Farbe für Text verwendet:

Das ist normal Fließtext mit der Schriftart durch die BASEFONT Tag festgelegt.

Das ist eine Überschrift

Nach der Position, kehrt den Text an die BASEFONT Einstellung.

Wenn Sie eine Linie zum Abbau in die nächste Zeile erzwingen wollen, können Sie den Absatz (

) Tag an diesem Punkt. Der

tag fügt außerdem eine zusätzliche Leerzeile Platz vor der neuen Zeile Text beginnt. Wenn Sie nicht möchten, dass die zusätzliche leere Zeile hinzufügen können, können Sie die
tag. Dieser Tag Kräfte auch einen Zeilenumbruch einfügen, aber nicht alle zusätzlichen Raum. Weder die

tag noch die
tag erfordert ein schließendes Tag.

Anfang Branchen

Füllen Sie Ihren Web-Seiten mit einem konstanten Strom von ununterbrochenen Text. Verwenden Sie stattdessen Überschriften und Absätze, um den Inhalt auf jeder Seite zu organisieren. Die HTML-Tags Position machen leichte Arbeit zu schaffen, Überschriften, die Sie Ihren Text in handliche Stücke zu brechen. Sie können bis zu sechs Ebenen, die auf Ihrem Web-Seiten, indem Sie die HTML-Tags

,

Und so weiter durch

. Der folgende Ausschnitt des HTML zeigt alle sechs Formatvorlagen für Überschriften im Einsatz:

Das ist eine Überschrift 1

Das ist eine Überschrift 2

Das ist eine Überschrift 3

Das ist eine Überschrift 4

Dies ist eine Rubrik 5

Das ist eine Überschrift 6

Dies ist ein normaler Text Absatz.

Formatieren von Text

Die folgenden Abschnitte zeigen Ihnen, wie Sie einfügen Formatierung Befehle, die Ausrichtung und Kontrolle ermöglichen Ihnen, fügen Sie fett, kursiv und Farbe in Ihre HTML-Dokumente.

Alignment

HTML nicht geben Ihnen viele Möglichkeiten zum Ausrichten von Text. Standardmäßig wird der Text links auf der Seite ausgerichtet. Aber Sie können die

tag, um Text angeben, die zentriert werden, wie in diesem Beispiel:

 Dieser Text ist zentriert.

Bold

Sie können den Tag zur Formatierung nutzen Sie Ihren Text in Fettschrift. Add a tag unmittelbar vor dem gewünschten Text in Fettschrift erscheinen. Dann drehen Sie den fett aus, indem Sie die End-Tag, wie im folgenden Beispiel gezeigt:

Das ist fetter Text.

Geizig in Ihre Nutzung der tag. Gelegentliche Verwendung von fett ist in Ordnung, aber wenn Sie Übernutzung Fettformatierung, wird Ihr Text schwer zu lesen.

Italic

Sie können den Tag zur Formatierung nutzen Sie Ihren Text in Kursivschrift. Fügen Sie einen Tag unmittelbar vor dem gewünschten Text in kursiv erscheinen. Drehen Sie dann die kursiv aus, indem Sie die End-Tag, wie im folgenden Beispiel gezeigt:

Das ist kursiver Text.

Gelegentliche Verwendung von kursiv ist okay, aber versuchen Sie nicht zu übertreiben.

Farbe

Sie können die Farben angeben, in verschiedenen HTML-Tags. Zum Beispiel, BGCOLOR hat ein Attribut, das können Sie festlegen, die Hintergrundfarbe für Ihre Seite. Das COLOR-Attribut in einem Tag setzt die Textfarbe. Standard-HTML-Farbe definiert 14 Namen, die Sie verwenden können, um eine vordefinierte Farbe gesetzt: schwarz, silber, grau, weiß, braun, PURPLE, Fuchsia, grün, hellgrün, oliv, gelb, marine, blaugrün, und AQUA. Der einfachste Weg, um Farbe eingestellt ist, dass eine dieser Farben Namen zu verwenden. Zum Beispiel, gelb-Text zu erstellen, können Sie einen Tag wie diesen:

Dieser Text ist gelb.

Erstellen von Listen

Durch die Verwendung von HTML können Sie zwei grundlegende Arten von Listen für Ihre Web-Seite.

--Aufzählungen: Mehr formell bekannt als ungeordnete Listen. In einer Liste mit Aufzählungszeichen ein Aufzählungszeichen (in der Regel einen Punkt) markiert jeden Eintrag in der Liste.

--Nummerierte Listen: Mehr formell bekannt als geordnete Listen. Eine Reihe Marken jedes Element in einer nummerierten Liste. Der Web-Browser sorgt dafür, herauszufinden, welche Nummer für jeden Posten den Einsatz in der Liste.

Aufzählungen

Eine Aufzählung, oder ungeordnet, erfordert dieser Liste drei Tags: --  markiert den Beginn der ungeordnete Liste. --  markiert den Beginn jedes Element in der Liste. Keine entsprechenden 
 Tag erforderlich ist. -- 
 markiert das Ende der gesamten Liste. Hier ist ein Ausschnitt des HTML-Sets, die bis eine Aufzählung:  Die Einwohner von Oz 
 The Scarecrow 
 The Tin Man 
 Der feige Löwe 
 Munchkins 
 The Wizard 
 The Wicked Witch of the West 
 Glenda

Nummerierte Listen Eine nummerierte oder bestellt, muss eine Liste dieser drei Tags:

--  markiert den Beginn der geordneten Liste. --  markiert den Beginn jedes Element in der Liste. Keine entsprechenden 
 Tag erforderlich ist. -- 
 markiert das Ende der gesamten Liste. Hier ist ein HTML-Schnipsel, die eine nummerierte Liste erstellt:  Schritte für eine Pizza bestellt 
 Pick up Telefon 
 Nummer wählen 
 Bestellung ausführen 
 Auflegen Telefon

Horizontale Linien einfügen

Horizontale Regelungen horizontale Zeilen, die Sie hinzufügen können visuelle bricht auf Ihrem Web-Seiten zu erstellen. Um eine Regel zu einer Seite hinzuzufügen, verwenden Sie die

tag (kein End-Tag wird benötigt). Sie können die Höhe, Breite Kontrolle und Ausrichtung der Regel, indem Sie die Größe, Breite und ALIGN-Attributen. Zum Beispiel:

In diesem Beispiel ist die Regel, die Hälfte der Breite der Seite, sechs Punkte in der Höhe, und zentriert auf der Seite. Viele Web-Designer bevorzugen Grafiken verwenden, anstatt die

tag zu schaffen horizontalen Vorschriften. Weil die verschiedenen Web-Browser zeigt die

Tag anders, mit einem Bild für eine Regel können Sie genau steuern, wie die Regel auf dem Bildschirm erscheint. Um ein Bild der Regel verwenden Gehen Sie folgendermaßen vor:

1. Geben Sie eine Bild-Regel () Tag, an denen Ihnen normalerweise ein

tag zu schaffen, eine horizontale Linie:

2. Für die Quelle (SRC) Attribut in der tag, den Namen desdie Grafik-Datei, die das Bild Regel, die Sie verwenden möchten:

3. Fügen Sie ein WIDTH Attribut, das die Anzahl der Pixel, die Sie wollen, dass die angibtRegel zu überspannen oder einen Prozentsatz der Bildschirmbreite:

4. Legen Sie eine
Tag unmittelbar nach der Regel, um einen Zeilenumbruch zu erzwingen,wie folgt aus:

Ein Artikel eingereicht von Justine Mccain

Disclaimer:Unsere Website ist nicht verantwortlich für den Inhalt dieses Artikels. Webarticles ist eine kostenlose Informationsquelle.
Wichtig: Dieser Artikel "HTML-Grundlagen und Web-Design" wurde durch ein automatisches Software übersetzt. Wir fühlen uns leid für alle Rechtschreibfehler, die möglicherweise aufgetreten sind. Vielen Dank für Ihr Verständnis.