1. HTML Essentials

Wikipedia sagt:

Die Hypertext Markup Language (engl. für Hypertext-Auszeichnungssprache), abgekürzt HTML, ist eine textbasierte Auszeichnungssprache zur Strukturierung digitaler Dokumente wie Texte mit Hyperlinks, Bildern und anderen Inhalten.

Ein HTML Grundgerüst:

<!DOCTYPE html>
<html>
	<head>
		Hier werden Scripte und Styles platziert oder verknüpft
	</head>
	<body>
		Hier steht der eigentliche Inhalt der Seite 
	</body>
</html>

HTML Tags als Klammern

<tagname>
	Hier steht der Inhalt
</tagname>

Beispiele

<div>
	rechteckiger Container ohne Ränder
</div>
<p>
	Textabschnitt
</p>
<span>
	Textmarkierung
</span>
<h1>
	Wichtige Überschrift
</h1>
<h4>
	Untergeordnete Überschrift
</h4>

Verschachtelung

<div>
	<h1>
		Überschrift
	</h1>
	<p>
		<span>Text</span>abschnitt
	</p>
</div>

Einzelstehende HTML Tags

<image/> (Bilder)
<br/> (erzwungene Zeilenumbrüche)

agenda