Sie sehen ein Logo der Firma SRIS

HTML für Anfänger

HTML (=Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache. HTML-Dokumente werden in Webbrowsern dargestellt. Die meisten Internetseiten werden mit HTML geschrieben. Erkennen kann man solche Seiten, an den Endungen „.htm“ und „.html“. HTML schreiben zu lernen, ist nicht allzu schwer. Daher ist HTML für Anfänger gut geeignet.

HTML - Lektion 1 - Seitenaufbau

Wir möchten Ihnen jetzt anhand eines Beispieles den Seitenaufbau einer HTML-Seite zeigen:

<html>

      <head>
          <title>Seitentitel</title>
          <meta name=“robots“ content=“index“>
      </head>

      <body>
          <p>Hello world, HTML für Anfänger </p>
      </body>

</html>

Erklärung dazu:

Am Anfang und am Ende eines HTML-Dokumentes, steht immer das <html>-Tag. Dazwischen befindet sich immer der <head> und der   <body>-Bereich. Im <head>-Bereich, steht der <title>-Tag, dieser beschreibt kurz und treffend die Internetseite. Weiterhin befinden sich hier die meta-Angaben. Darauf wollen wir in diesem Artikel nicht weiter eingehen. Im <body>-Bereich, befindet sich der eigentliche Inhalt der Webseite.


HTML - Lektion 2 – HTML Befehle Übersicht

Nun möchten wir Ihnen mit Hilfe unserer HTML Befehle Übersicht die wichtigsten HTML-Tags erklären.

Das Element <p>

Ein Textabschnitt beginnt mit <p> und endet mit </p>. Innerhalb des <p>-Elements können Sie eine Vielzahl von Elementen benutzen um Ihren Text zu gestalten. Diese möchten wir Ihnen nun in unserer HTML Befehle Übersicht aufzeigen:

<u> unterstreicht Ihren Text
<b> hebt Ihren Text dick hervor
<strong> hebt Ihren Text ebenfalls dick hervor (stärkere Gewichtung)
<i> stellt Ihren Text kursiv
<em> stellt Ihren Text ebenfalls kursiv (stärkere Gewichtung)
<br> erzwingt einen Zeilenumbruch

Nun ein kleines Beispiel zum Thema HTML für Anfänger:

so erscheint es dann im Browser

Hier ist ein kleines Beispiel zu oben gelernten HTML Wir stellen nun folgenden Passus kursiv: HTML für Anfänger. Dies können wir auch so machen und markieren den Passus als noch wichtiger HTML für Anfänger. Wir können den Text auch fetter erscheinen lassen. Das geht so: HTML Befehle Übersicht. Oder wir machen es so, und geben dem Passus auch noch mehr Gewichtung: HTML Befehle Übersicht.

Das Element <h>

Das Element <h> benutzen Sie für Überschriften. Sie können <h1> bis <h6> einsetzen. Wobei <h1> immer die Hauptüberschrift sein sollte. Nun ein kleines Beispiel:

so erscheint es dann im Browser

HTML für Anfänger

Das ist ein Artikel zum Thema HTML

HTML Befehle Übersicht

Hier finden Sie verschiedene HTML Befehle

weitere Themen

HTML ist eine Auszeichnungssprache


So setzen Sie links auf andere Webseiten

Sie können natürlich von Ihrer Internetseite auf andere Internetpräsenzen verlinken. Im ersten Beispiel sehen Sie einen Link ohne weitere Informationen. Im zweiten Beispiel finden Sie einen Link mit dem title-Attribut. Dieses Attribut kommentiert den Link und wird bei den meisten Browsern angezeigt, wenn Sie mit der Maus darüber gehen. Im dritten Beispiel geben wir den Link noch ein „nofollow“ mit. Diesen Link werden die Suchmaschinen nicht weiter verfolgen.

so erscheint es dann im Browser
SRIS
SRIS
SRIS

So erstellen Sie Tabellen

Mit HTML haben Sie natürlich auch die Möglichkeit Tabellen zu erstellen. Dafür benötigen Sie folgende Elemente:
<table> : damit leiten Sie eine Tabelle ein
</table>: damit beenden Sie eine Tabelle

<tr> : damit leiten Sie eine Tabellenzeile ein
</tr>: damit beenden Sie eine Tabellenzeile

<th>: damit leiten Sie eine, meist fett dargestellte, Kopfzeile ein
</th>: damit beenden Sie eine Kopfzeile

<td>: damit leiten Sie eine Datenzelle ein
</td>: damit beenden Sie eine Datenzelle

border=1: mit diesem Wert, geben Sie die dicke der Tabellenumrandung an
Nun möchten wir Ihnen ein Beispiel zeigen:

so erscheint es dann im Browser

Überschrift 1 Überschrift 2
Inhalt A Inhalt A1
Inhalt B Inhalt B1

So erstellen Sie Listen

Mit HTML können Sie auch Listen erstellen. Dafür benötigen Sie folgende Elemente:
<ul>: damit beginnen Sie eine Aufzählungsliste
</ul>: damit beenden Sie eine Aufzählungsliste

<li>: damit beginnen Sie einen Listenpunkt
</li>: damit beenden Sie einen Listenpunkt

ein Beispiel dazu:

so erscheint es dann im Browser


Wir hoffen wir konnten Ihnen mit diesem Artikel einen ersten kurzen Überblick verschaffen. Dies war natürlich nur ein kleiner Teil der Auszeichnungssprache HTML Wir wünschen Ihnen viel Spaß beim ausprobieren.