HTML: Unterschied zwischen den Versionen
(Die Seite wurde neu angelegt: „ '''HTML''' (engl. Abk. von „Hypertext Markup Language“) ist eine textbasierte Auszeichnungssprache zur Erstellung von Websites. Die, mit Hilfe von HTML be…“) |
|||
| (15 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
'''HTML''' (engl. Abk. von | '''HTML''' (engl. Abk. von ''Hypertext Markup Language'') ist eine textbasierte Auszeichnungssprache zur Erstellung von Websites. Die, mit Hilfe von HTML beschriebene Struktur, wird von einem Webbrowser interpretiert und optisch gut erkennbar angezeigt. | ||
== Geschichte == | == Geschichte == | ||
Der britische Physiker und Informatiker Timothy Berners-Lee entwickelte in den Jahren 1989-1990 die erste, sehr einfache HTML-Version zum schnellen, strukturierten Austausch von Forschungsergebnissen unter den Wissenschaftlern des CERN (Europäische Organisation für Kernforschung). In den 90-er Jahren wurde die HTML-Grundversion stets verbessert und weiterentwickelt, so dass bereits 1997 die Version HTML4 zur Verfügung stand. Diese erlaubte beispielsweise eine Trennung der Inhalte von Formatierungen. Die HTML5-Version ist seit Oktober 2014 verfügbar. Die aktuellste Entwicklung: Seit dem 15. September 2016 empfiehlt das W3-Konsortium die HTML5.1-Version als Standard (https://www.w3.org/TR/html51/) | Der britische Physiker und Informatiker Timothy Berners-Lee entwickelte in den Jahren 1989-1990 die erste, sehr einfache HTML-Version zum schnellen, strukturierten Austausch von Forschungsergebnissen unter den Wissenschaftlern des CERN (Europäische Organisation für Kernforschung). In den 90-er Jahren wurde die HTML-Grundversion stets verbessert und weiterentwickelt, so dass bereits 1997 die Version HTML4 zur Verfügung stand. Diese erlaubte beispielsweise eine Trennung der Inhalte von Formatierungen. Die HTML5-Version ist seit Oktober 2014 verfügbar. Die aktuellste Entwicklung: Seit dem 15. September 2016 empfiehlt das W3-Konsortium die HTML5.1-Version als Standard (https://www.w3.org/TR/html51/). | ||
== Grundstruktur == | == Grundstruktur == | ||
Mit Hilfe von HTML-TAGs werden Bereiche festgelegt, die auf bestimmte Weise angezeigt werden sollen. Der HTML-TAG beginnt mit einem Anfangs-TAG <befehl> und endet mit einem End-TAG </befehl> | Mit Hilfe von HTML-TAGs werden Bereiche festgelegt, die auf bestimmte Weise angezeigt werden sollen. Der HTML-TAG beginnt mit einem Anfangs-TAG <befehl> und endet mit einem End-TAG </befehl> | ||
Eine vereinfachte Ansicht eines HTML-Dokuments | '''Eine vereinfachte Ansicht eines HTML-Dokuments:''' | ||
<html> | <html><p></p> | ||
<head> | <head> | ||
<title> aussagekräftiger Titel der Seite</title> | <title> aussagekräftiger Titel der Seite</title> | ||
(<description> nähere Beschreibung</description>) | (<description> nähere Beschreibung</description>) | ||
</head> | </head> | ||
<body> Inhalt | <body> Inhalt | ||
</body> | </body> | ||
</html> | </html> | ||
== HTML und Suchmaschinenoptimierung – SEO == | == HTML und Suchmaschinenoptimierung – SEO == | ||
Für die | Für die [[Onpage Optimierung]] einer Webseite spielen beispielsweise die Elemente <title> und <description> im <head> eine große Rolle. Hier werden Elemente, wie der Titel der Seite und eine Seiten-Beschreibung festgelegt. An dieser Stelle eingefügte Keywords können dazu beitragen, dass die Website von Suchmaschinen besser gefunden wird. Es ist außerdem sinnvoll, die im Vorfeld sorgfältig ausgewählten [[Keyword]]s in den ersten 100-150 Worten im <body> zu platzieren und hervorzuheben. | ||
Die Verwendung der Überschrift <nowiki> <h2> </nowiki>ist der wichtigste h-TAG, der das Ranking verbessert. | |||
Es gibt noch zahlreiche weitere Möglichkeiten, das Finden der Website durch die Google-Suchmaschinen zu optimieren. | Es gibt noch zahlreiche weitere Möglichkeiten, das Finden der Website durch die Google-Suchmaschinen zu optimieren. | ||
== Beispiele für HTML-Befehle (engl. HTML-TAGs) == | |||
Einige Beispiele für HTML-Befehle | |||
'''Text strukturieren''' | |||
Hauptüberschrift: <nowiki><h1> … </h1></nowiki> | |||
Absatz: <nowiki><p> … </p></nowiki> | |||
Trennlinie: <nowiki><hr></nowiki> | |||
Text hervorheben | '''Text hervorheben''' | ||
Schrift fett: <nowiki><strong> … </strong></nowiki> | |||
Schrift kursiv: <nowiki><i> … </i></nowiki> oder <nowiki><em> … </em></nowiki> | |||
Schrift klein: <nowiki><small> … </small></p></nowiki> | |||
== Quellen == | == Quellen == | ||
Aktuelle Version vom 14. November 2016, 19:59 Uhr
HTML (engl. Abk. von Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache zur Erstellung von Websites. Die, mit Hilfe von HTML beschriebene Struktur, wird von einem Webbrowser interpretiert und optisch gut erkennbar angezeigt.
Geschichte
Der britische Physiker und Informatiker Timothy Berners-Lee entwickelte in den Jahren 1989-1990 die erste, sehr einfache HTML-Version zum schnellen, strukturierten Austausch von Forschungsergebnissen unter den Wissenschaftlern des CERN (Europäische Organisation für Kernforschung). In den 90-er Jahren wurde die HTML-Grundversion stets verbessert und weiterentwickelt, so dass bereits 1997 die Version HTML4 zur Verfügung stand. Diese erlaubte beispielsweise eine Trennung der Inhalte von Formatierungen. Die HTML5-Version ist seit Oktober 2014 verfügbar. Die aktuellste Entwicklung: Seit dem 15. September 2016 empfiehlt das W3-Konsortium die HTML5.1-Version als Standard (https://www.w3.org/TR/html51/).
Grundstruktur
Mit Hilfe von HTML-TAGs werden Bereiche festgelegt, die auf bestimmte Weise angezeigt werden sollen. Der HTML-TAG beginnt mit einem Anfangs-TAG <befehl> und endet mit einem End-TAG </befehl>
Eine vereinfachte Ansicht eines HTML-Dokuments:
<html>
<head>
<title> aussagekräftiger Titel der Seite</title>
(<description> nähere Beschreibung</description>)
</head>
<body> Inhalt
</body>
</html>
HTML und Suchmaschinenoptimierung – SEO
Für die Onpage Optimierung einer Webseite spielen beispielsweise die Elemente <title> und <description> im <head> eine große Rolle. Hier werden Elemente, wie der Titel der Seite und eine Seiten-Beschreibung festgelegt. An dieser Stelle eingefügte Keywords können dazu beitragen, dass die Website von Suchmaschinen besser gefunden wird. Es ist außerdem sinnvoll, die im Vorfeld sorgfältig ausgewählten Keywords in den ersten 100-150 Worten im <body> zu platzieren und hervorzuheben.
Die Verwendung der Überschrift <h2> ist der wichtigste h-TAG, der das Ranking verbessert.
Es gibt noch zahlreiche weitere Möglichkeiten, das Finden der Website durch die Google-Suchmaschinen zu optimieren.
Beispiele für HTML-Befehle (engl. HTML-TAGs)
Einige Beispiele für HTML-Befehle
Text strukturieren
Hauptüberschrift: <h1> … </h1>
Absatz: <p> … </p>
Trennlinie: <hr>
Text hervorheben
Schrift fett: <strong> … </strong>
Schrift kursiv: <i> … </i> oder <em> … </em>
Schrift klein: <small> … </small></p>