HTML-basic tags


Schriften-Tags

Jeder Dokument beginnt mit einer Überschrift. Sie können verschiedene Größen für Ihre Überschriften zu verwenden. HTML hat auch sechs Ebenen von Überschriften, welche die Elemente zu verwenden <h1>, <h2>, <h3>, <h4>, <h5>, und <h6>. Während der Anzeige jeder Position, Browser fügt eine zeile vor und eine Zeile nach dieser Überschrift.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Heading Example</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

HTML Heading Tags

Absatz-Tag

Das <p> -Tag bietet eine Möglichkeit, Ihren Text in verschiedene Absätze zu strukturieren. Jeder Absatz des Textes sollte gehen zwischen einer Öffnung <p> und eine Schließ </p> Zu den im folgenden Beispiel dargestellt:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Paragraph Example</title>
</head>
<body>
<p>Hier ist eine erste Absatz des Textes.</p>
<p>Hier ist eine zweite Absatz des Textes.</p>
<p>Hier ist ein drittel Absatz des Textes.</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Hier ist eine erste Absatz des Textes.

Hier ist eine zweite Absatz des Textes.

Hier ist ein drittel Absatz des Textes.

Leitungsbruch Tag

wann immer Sie die zu verwenden <br /> Element, irgendetwas folgende es beginnt von der nächsten Zeile . Dieser tag ist ein Beispiel für eine leer -Element,wo Sie nicht brauchen, Öffnen und Schließen-Tags, da gibt es nichts zu gehen dazwischen diese.

Das<br /> -Tag hat einen Raum zwischen den Zeichen br und der vorwärts Schrägstrich. Wenn Sie diesen Raum weglassen, wird älteren Browsern Probleme machen den Zeilenumbruch zu haben, während, wenn Sie vermissen den vorwärts Schrägstrich charakter und eben benutzen Sie <br> es ist nicht gültig in XHTML

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Line Break  Example</title>
</head>
<body>
<p>Hello<br />
You delivered your assignment ontime.<br />
Thanks<br />
Mahnaz</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Hello
You delivered your assignment ontime.
Thanks
Mahnaz

Zentrierung Inhalt

Sie können zu verwenden <center> -Tag, keine Inhalte in der Mitte der Seite oder einer Tabellenzelle setzen

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Centring Content Example</title>
</head>
<body>
<p>Dieser Text ist nicht in der Zentrum.</p>
<center>
<p>Dieser Text ist in der Zentrum.</p>
</center>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Dieser Text ist nicht in der Zentrum.

Dieser Text ist in der Zentrum.

Horizontale Linien

Horizontale Linien werden verwendet, um visuell aufzubrechen Abschnitte eines Dokuments. Das <hr> -Tag erzeugt eine Linie von der aktuellen Position im Dokument, um den rechten Rand und bricht die Zeile entsprechend.

Zum Beispiel können Sie eine Linie zwischen zwei Absätzen, wie in der unten gegebenen Beispiel zu geben:

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Horizontal Line Example</title>
</head>
<body>
<p>This is paragraph one and should be on top</p>
<hr />
<p>This is paragraph two and should be at bottom</p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

This is paragraph one and should be on top

This is paragraph two and should be at bottom

Wieder <hr /> -Tag ist ein Beispiel für die leer -Element,wo sie dem Sie nicht brauchen, Öffnen und Schließen-Tags, da gibt es nichts zu gehen in zwischen ihnen.

Das <hr /> Element einen Raum zwischen den Zeichen hr und der vorwärts Schrägstrich.Wenn Sie diesen Raum weglassen, wird älteren Browsern Probleme machen den Zeilenumbruch zu haben, während, wenn Sie vermissen den vorwärts Schrägstrich charakter und eben benutzen Sie <br> es ist nicht gültig in XHTML.

Formatierung beibehalten

Manchmal möchten Sie Ihren Text, um folgen das genaue Format, von wie es ist geschrieben im HTML-Dokument . In jene Fällen können Sie die vorformatierte Tag<pre>.

Jeder Text zwischen der Öffnung <pre> Tag-und die Schließ</pre> Tag wird die Formatierung des Quelldokuments zu bewahren.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Preserve Formatting Example</title>
</head>
<body>
<pre>
function testFunction( strText ){
   alert (strText)
}
</pre>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

function testFunction( strText ){
   alert (strText)
}

Versuchen Sie es mit denselben Code ohne Haltung sie innen<pre>...</pre> Tags

kein Brechen Leerzeichen

Angenommen, Sie möchten Gebrauch die Phrase "12 Angry Men." Hier du würde nicht wollen, ein Browser, um Split den "12, Angry" und "Men" über zwei Zeilen:

An example of this technique appears in the movie "12 Angry Men."

In den Fällen, in denen Sie nicht möchten, dass der Client-Browser, um Text zu brechen, sollten Sie ein geschütztes Leerzeichen Einheit &nbsp;statt einer normalen Raum. zum Beispiel, wenn die Codierung der "12 Angry Men" in einem Absatz, sollten Sie so etwas wie ähnlich den folgenden Code verwenden .

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Nonbreaking Spaces Example</title>
</head>
<body>
<p>An example of this technique appears in the movie "12&nbsp;Angry&nbsp;Men."</p>
</body>
</html>
Advertisements