HTML steht für "Hypertext Markup Language", damit ist es möglich Strukturierte Dokumente für den Webbrowser zu erstellen.

Es sollte innerhalb von HTML nur Definitionen für die Elemente eingetragen werden. Das Styling, und wenn nötig JavaScript, sollten in eigenen Dateien untergebracht werden. Eine Trennung dieser Elemente erleichtert das Erstellen und Pflegen komplexer Seiten.

Beim Erstellen großer Webprojekte wird heute meist ein CMS (Conten Managment System) eingesetzt, dies ermöglicht durch Rechtevergabe, entsprechend berechtigten Personen die Neuerstellung und Pfleege von Inhalt (Content).

Seit HTML 5 ist es zu einem kontinuierlichen Standard geworden, in früheren Versionen musste die benutzte HTML Version mit angegeben werden, dies ist jetzt nicht mehr erforderlich.

<!DOCTYPE html>
<html lang="de">
	<head>
   		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Titel der Seite | Name der Website</title>

		<link rel="stylesheet" href="../css/inner-proggrdl.css" type="text/css">
	</head>
  					
	<body>
		<!-- Sichtbarer Dokumentinhalt im body -->
		<p>
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, itaque.
		</p>
	</body>
</html>

Zudem sollten Sie sich überlegen, je nachdem wer Ihre Webseite besucht, wie weit Sie die Barierefreiheit implementieren wollen.

Einige wichtige Markup's

div

Definiert einen Block / Bereich der mit CSS formatiert werden muss. Mit Hilfe von Blöcken können entsprechende Formatierungen wie Floating, Flexboxen oder Grid's erreicht werden. Oder einfach nur Bereiche zusammengefasst werden.
Um spezielle Bereiche für Kopfzeile, Fußzeile, Navigation etc. zu definieren benutzen Sie bitte die entsprechenden Markup Befehle (header, footer, nav, main, aside, section, article, adress, h1-h6).

Paragraph: definiert einen Absatz wie in Word

Zeilenumbruch innerhalb eines Absatzes

h1-h6

Definieren Sie bis zu 6 Überschriftsebenen, ähnlich wie in Word.

Mit ul werden unsortierte Aufzählungen erstellt, Mit Hilfe von CSS kann das gewünschte Bullet Zeichen eingestellt werden.

Mit ol werden sortierte Aufzählung erstellt. Mit Hilfe von CSS kann dann definiert werden um welche Art Aufzählung es sich handelt.

Erstellen sie mit li die Einträge (List Items) einer unsortierten oder sortierten Liste

Erstellen Sie damit Verweise auf bestimmte Adressen. Dies können interne Links sein, zu Ankern innerhalb einer Seite oder zu einer weiteren eigenen Seite. Externe Verweise benutzen Sie um zu fremden Seiten wie Wikipedia oder Foren etc. zu springen.

span

Span Elemente haben keinen direkten Einfluss auf den Dokumentenfluss, weshalb sie sich für besondere Formatierungen innerhalb eines Fließtextes eignen. Beispiele dafür wären Hoch-/Tiefgestellt, einzelne Wörter oder Bereiche anders farbig, unterstreichungen etc.

table

Erstellen Sie Tabellen innerhalb Ihrer Seite, diese können auch wiederum Tabellen enthalten. Beachten Sie das Tabellen sich weniger bis gar nicht für responsive Design's eignen, benutzen Sie dafür das Grid-Layout.

Kommentare in HTML werden immer mit  abgeschlossen.