Grundlagen der HTML mark-up (wesentliche) des Textes

Der Zweck dieses Leitfadens ist es, dem Leser die Syntax der HTML Markup-Sprache ratsam sein für die gute web-Schriftsteller würde verdeutlichen, Ihnen die grundlegenden Regeln kennen: den Text auf dem Web, in der Tat, verwandelt sich in Hypertext nur dank der magischen Kräfte der Marke HTML-up ist, müssen wir daran denken, die grundlegende Struktur der einzelnen Web-Seite.

In der vorherigen Lektion sprachen wir über Ausrichtung, Schriftart-Auswahl, etc.. Mal sehen, jetzt, in eine sehr praktische Art und Weise, wie man eine lebenswichtige einer Text-Format für ihre Online-Publikation zu machen.

Wir verzichten hier die Analyse der Struktur einer Web-Seite (für Interessierte in suggersico lesen Sie hier ) und kommen ohne Umschweife auf die Formatierung der Texte.

Titel

Der Titel einer Website ist Inhalt und Header-Tags innerhalb <title> und </ title>, in der Header-Tags (H1, H2, H3, ..., h6).
Der Titel selbst, in der Regel, wird durch <h1> und </ h1> gekennzeichnet. Beispiel:

 



 <h1> Dies ist der Titel </ h1>

 

Der Untertitel ist innerhalb <h2> und </ h2> enthalten. Beispiel:

 



 <h2> Dies ist die Sub-Überschrift </ h2>

 

Alle anderen Titel (hierarchisch unter ihnen) wird die gleiche Weise mit h3, h4, h5 und h6 (je höher die Zahl hinter dem "h" nimmt die Bedeutung des Titels) definiert werden.

Die Absätze

Normalerweise wird der Text in eine HTML-Seite zwischen den Tags und </ p>, die jeweils öffnen und schließen einen Textabsatz enthalten. Beispiel:

 



 <p>







 Mein Text hier ... ...







 </ P>

 

Verwalten Sie die Ausrichtung

Um die horizontale Ausrichtung des Textes innerhalb eines Absatzes müssen Sie Style Sheets (CSS) durch den Einsatz Eigenschaft text-align.
Das Anwesen in Frage akzeptiert vier Werte:

• links (linksbündig; default)
• rechts (rechtsbündig)
• Mitte (Mitte-Ausrichtung)
• rechtfertigen (align gerechtfertigt)

Hier ein Beispiel:

 



 <p style="text-align:center">







 ... Beispiel der Text zentriert ...







 </ P>

 

Fett, kursiv und unterstrichen

Diese drei Aspekte des Textes gelingt, respektiert von den <b> tags (fett), MdEP (kursiv) und <u> (unterstrichen). Beispiel:

 <b> Teso fett </ b>







 <i> Teso kursiv </ i>







 <u> Teso unterstrichen </ u>

Bemerkenswert, dass der Tag ein Äquivalent in fett <strong> tags hat:

 



 <strong> Teso fett </ strong>

 

und kursiv tags in <em>:

 



 <em> Teso kursiv </ em>

 

Anlegen Webtipp

Ein Hyperlink (oder, häufiger, links) kann durch die <a> und seine href-Attribut eingefügt werden. Vedaimo ein Beispiel:

 



 <a href="http://www.sito.com/mario.html"> Mario Gehe zu Seite </ a>

 

Wie Sie in das href-Attribut sehen kann, ist in der Web-Adresse des Ziel-Seite, wenn Sie auf den verlinkten Text klicken öffnet angegeben.
Offensichtlich nlla verbietet, ein Bild anstelle von Text (wie in unserem Beispiel) verknüpft werden.

Bild einfügen

Zum Einfügen eines Bildes ist natürlich notwendig, dass diese verfügbar online sein, die ihre eigene URL erhält.
Um ein Bild verwendet wird, um <img> dies:

 



 <img src="http://www.sito.com/foto.jpg"/>

 

Wie Sie sehen können das src-Attribut enthält einen Verweis auf die Position unseres Bildes.

Offensichtlich ist die Information in dieser Lektion gegeben sind sehr einfache partielle und stellen das absolute Minimum. Und "nur durch eine gründliche Kenntnisse in HTML und CSS, dass wir in der Lage sein, unsere Inhalte in eine wirklich genaue und vollständige Format.

• <<Zurück Lektion
• Hilfe-Index
• Nächste Lektion>>