====== Basiselemente ====== ===== Dokumenttyp ===== Jedes HTML-Dokument sollte mit einer Document Type Declaration beginnen: Damit erkennt der Browser, dass diese Datei ein HTML-Dokument ist und versucht dieses optimal darzustellen. Dieses Tag darf außerdem nur einmal und zwar ganz oben im ganzen Dokument vorkommen! ===== html, head & body -Tag ===== Der HTML-Tag beinhält anschließend das eigentliche HTML-Dokument. Wobei der Head-Bereich nur Metainformationen und der Body-Bereich alle sichtbaren Elemente des Dokuments beinhält. Page Title ===== Überschriften ===== In HTML sind insgesamt 6 verschiedene (//

bis

//) Überschriften definiert

Wichtig

 definiert die wichtigste und größte Überschrift
Nicht ganz so wichtig
 definiert die unwichtigste und kleinste Überschrift Bsp.: Code vs. Browseransicht {{:inf:inf5ai_202324:07_webentwicklung:7_03:pasted:20240423-133049.png}} ===== Paragraphen ===== HTML Paragraphen werden wie folgt mit //

Inhalt

// definiert: {{:inf:inf5ai_202324:07_webentwicklung:7_03:pasted:20240423-133516.png}} ===== Links ===== HTML Links werden wie folgt mit //Text// definiert und verkörpern die Grundidee des Internets. {{:inf:inf5ai_202324:07_webentwicklung:7_03:pasted:20240423-133649.png}} Dabei ist das Ziel des Links im Attribut **href** definiert. Attribute beinhalten zusätzliche Informationen für den jeweiligen Tag. ===== Bilder ===== Bilder werden wie folgt mit // definiert: {{:inf:inf5ai_202324:07_webentwicklung:7_03:pasted:20240423-133859.png}} Das Attribut //src// beinhaltet wiederum den Pfad der Bildquelle. Das Bild muss dabei im Webverzeichnis des Webservers liegen, damit es angezeigt werden kann. Das Attribut //alt// definiert einen alternativen Text, der dann angezeigt wird, wenn das Bild nicht eingeblendet werden kann. ===== Verschachtelte Elemente ===== Elemente können auch verschachtelt werden (d.h. ein Element beinhält ein anderes Element). Z.B.: Das Body-Element beinhaltet viele andere Tags wie

,

,...