Glöckner Nick    Diplom-Ingenieur für Energie- und Versorgungstechnik (FH)
Letzte Änderung: 28.Apr 26

Kleine HTML-Hilfe

Listen  -  Links  -  robots.txt  -  Meta Tag "Robots"  -  htaccess  -  Weiterführende Links


Eine der besten Hilfen zu HTML bietet die Webseite SELFHTML.

Der HTML-Befehl steht in Klammern: <Befehl> und der Bereich, für den der Befehl gilt, erhält einen Anfangs- und einen Endbefehl: <Befehl>Text</Befehl>. Der Endbefehl ist derselbe wie der Startbefehl, jedoch mit einem vorgestellten Schrägstrich. Beispiel:
Dieser Text ist kursiv.
sieht als HTML-Quelltext so aus: 

<i>Dieser Text ist kursiv.</i>
Beim Befehl für Zeilenende: <br> oder Absatz: <p> kann der Abschlußbefehl weggelassen werden. Die Groß- oder Kleinschreibung ist irrelevant.

Ausgewählte Elemente

<br> Zeilenende (break)
<p>  Absatz (paragraph)

<b>  fett (bold)
<i>  kursiv (italic)
<u>  unterstrichen (underline)

<h1> Überschrift 1 (headline 1), Groß
<h2> Überschrift 2 (headline 2), Mittel
<h3> Überschrift 3 (headline 3), Klein

Ausgewählte Attribute

<class> Universalattribut; Das class-Attribut ordnet ein Element einer oder mehreren Klassen zu. <name> Das name-Attribut legt einen Namen fest, der von auswertenden Programmen verwendet wird. <action> Das action-Attribut verweist auf eine URL, an die die eingegebenen Formular-Daten beim Klicken auf den submit-Button gesendet werden.

Listen

<ul>  Liste ohne Numerierung
<ol>  Liste mit Numerierung
<li>  Element der Liste
Mehr Infos bei SELFHTML ->Listen

Links

<a href="URL">Text</a> Der Befehl verlinkt eine Internetadresse (URL).
Bespiel:
Eine der besten Hilfen zu HTML bietet die Webseite SELFHTML.
sieht als HTML-Quelltext so aus: 
<i>Eine der besten Hilfen zu HTML bietet die Webseite <a href="https://wiki.selfhtml.org/wiki/SELFHTML">SELFHTML</a>.</i>
Es gibt interne Links (innerhalb der eigenen Webseite) und externe Links (z.B. zu SELFHTML oder zur Wikipedia). Damit die eigene Webseite nicht "weg" ist, ist es bei externen Links oft ratsam, diese in einem neuen Fenster zu öffnen. Dies wird mit dem Zusatzbefehl target="_blank" bewerkstelligt: 
<a href="https://wiki.selfhtml.org/wiki/SELFHTML" target="_blank">SELFHTML</a>
Mehr Infos bei SELFHTML ->Verweise, Verlinkung

Anweisungen an Suchmaschinen mit Hilfe der robots.txt und Meta Tags

In welcher Art Suchmaschinen der Zugang, die Indexierung oder gar die Speicherung der ganzen Seite gestattet wird, ist eine wichtige Sache. Die großen Suchmaschinen haben erklärt sich an die folgenden Konventionen zu halten, eine Gewähr für alle Suchmaschinen gibt es jedoch nicht.

robots.txt

In der robots.txt können global Verzeichnisse und/oder einzelne Dateien für Suchmaschinen gesperrt werden. Der aktuelle Stand kann am Besten in der Datei selbst eingesehen werden: robots.txt.

Mehr Infos bei SelfHTML: robots.txt - Robots kontrollieren

Meta Tag "robots"

Im HTML-Code selbst können im <head> ebenfalls Anweisungen für Suchmaschinen gesetzt werden, z.B.: 
<META NAME="Robots" CONTENT="INDEX,FOLLOW,NOARCHIVE">

Dieser Metatag ist im jeweiligen Verzeichnis zu finden, z.B. /familie/... Wenn für eine Seite der Meta-Tag geändert werden soll, wäre die einfachste Methode, die .inc Datei zu kopieren, umzubenennen, die Änderungen vorzunehmen und den Aufruf in der Hauptdatei zu ändern zu z.B.: 

<!--#include virtual="/familie/templates/kopf-familie-index.inc" -->

Mehr Infos bei SelfHTML: Meta Tags

htaccess

In ein via htaccess (Datei im Wurzelverzeichnis) und Passwort gesichertes Verzeichnis kommt eine (normale) Suchmaschine nicht hinein. Es bedarf des richtigen Passworts. Dieser Zugangsschutz sollte allerdings nicht überbewertet werden: lediglich das Passwort ist verschlüsselt, nicht der gesamte Inhalt und die Verschlüsselungsstufe ist eher als niedrig anzusehen.

Desweiteren kann in der htaccess eingestellt werden, wie auf z.B. falsch eingegebene URLs (Uniform Resource Locator, Webseitenadresse) reagiert wird: 

ErrorDocument 404 http://www.nick-gloeckner.de/
Die momentane Einstellung bewirkt eine Umleitung auf die Startseite, statt die Ausgabe einer Fehlermeldung.

Mehr Infos bei

Weiterführende Links