Die wichtigsten HTML-Tags die jeder kennen sollte

Der erste und wichtigste HTML-Tag (a)

Link <a href="http://domain.de" target="_blank">Meine tolle Domain </a>

Das Attribut target=”_blank” öffnet ein neues Fenster, das ist wichtig, damit die eigene Website geöffnet bleibt.
Ein weiteres wichtiges Attribut ist titel=”Der Linktitel mit *Keywords” (Leerzeichen vor und nach dem Attribut nicht vergessen

Schriftformatierung

Bold, gekennzeichnet mit “b” <strong>Fett</strong>

Kursiv oder italic, gekennzeichnet mit “i” <em>Schräg</em>

Bilder

Image <img src="https://publizieren-im-netz.de/img/images.jpp" alt="Der Wald die Bäume" />
Bei diesem Image-Tag wird deutlich, wie einfach HTML im Grunde funktioniert. Der Befehl (Tag) wird eröffnet mit img, es wird gefragt nach der Quelle des Bildes, also wo sich das Bild befindet, nach src und zuletzt gibt es den berühmten Alt-Tag, den “alternativen Text”, der angezeigt wird, wenn das Bild aus irgendwelchen Gründen nicht dargestellt werden kann. Das wars auch schon.

Aufzählungs-Listen

Jede Liste wird eingerahmt von <ul>Ungeordnete Liste</ul>
oder von “ordered lists” <ol>geordnete Liste</ol>
Die einzelnden Aufzählungspunkte werden dann im Listen-Tag <li>li</li> eingerahmt

So, wie wir arbeiten – nämlich mit XHTML – ist es wichtig, dass stets der schließende Tag </tag> (/Slash) den Befehlt abschließt. Das heißt, dass der Image-Tag (img) ein ” />” am Ende benötigt, da er kein eigenes schließenden Tag (</a>) besitzt.

Zusammenfassung der wichtigsten HTMLTags

<a href="http://domain.de" target="_blank">Meine tollte Domain </a>
<strong>Fett</strong>
<em>Schräg</em>
<img src="https://publizieren-im-netz.de/img/images.jpp" alt="Der Wald die Bäume" />
<ul>Ungeordnete Liste</ul> oder <ol>geordnete Liste</ol>
<ul><li>li</li></ul>

Wichtig

In HTML sind die Zeichen und deren Position stets sehr wichtig, da es sich um eine “Programmiersprache” handelt, in der jede Zeichenfolge eine Bedeutung hat bzw. eine falsche Zeichenfolge Fehler erzeugen kann.
Wichtig sind die “Tüddelchen”, die Anführungszeichen. Wie beim Schreiben benutzen wir stets zwei davon, das abschließende Anführungszeichen ist extrem wichtig.
Auch die Leerzeichen sind sehr, sehr wichtig. Beispiel: <img src="" /> zwischen IMG und SRC.
Auch die beiden spitzen Klammern machen HTML erst zu einer “Auszeichnungssprache” und funktionabel. Also: Nie die abschließende Klammer vergessen: >

Design bzw. gestaltet wird das Aussehen dieser Tags natürlich mittels CSS. Aber Cascading Stylesheets bekommen wir nächste Woche. Erst einmal ist es wichtig, diese wenigen, einfachen HTMLTags sicher zu beherrschen und beim Veröffentlichen unserer Inhalte durch ein CMS sinnvoll einzusetzen. Viel Spaß dabei!

*Keyword im weitesten Sinne jene Wörter, für die die Website optimiert ist und das wiederum sind jene Suchbegriffe, die der User bei Google eingibt, um auf die eigene Seite zu gelangen.

Ich bin gespannt auf Ihre Meinung

Kommentare

    Webdesign-Angebote per Newsletter bestellen:

    Es werden keine Daten an Dritte weitergegeben, Sie können sich jederzeit abmeldet. Der Absender ist Mark Max Henckel über newsletter@publizieren-im-netz.de, der Newsletter kommt in unregelmäßigen Abständen vielleicht einmal im Monat. Weitere Information zum Datenschutz unter https://publizieren-im-netz.de/datenschutz/

    Expertentesten

    Weitere Beiträge

    Alle Beiträge ansehen