1. HTML
Einführung
HTML steht für Hypertext Markup Language und ist eine Grundlegende Auszeichnungssprache, zur Erstellung von Webseiten.
Stanndard Tags
Für einen Grundlegenden Aufbau einer HTML-Webseite werden zunächst einige Standard-Tags benötigt.
<!DOCTYPE html>: Legt den Dokumententyp der Datei fest.
<html>: Definiert den Start und das Ende der kompletten Webseite.
<head>: Hier können Informationen definiert werden, die für den Benutzer der Webseite nicht zwingend sichtbar sind, aber bspw. dem Browser helfen, die Daten korrekt darzustellen.
<body>: Enthält den eigentlichen Inhalt und die Struktur der Webseite.
Bilder (img-Tag)
Um Bilder einzufügen verwendet man den sogenannten
Code:
Ergebnis:
<img>-Tag.
Code:
<img src="lamp.jpg" alt="Lamp" height="50" width="50">
Ergebnis:
Notwendige Attribute
src: Gibt die Quelle an, von welcher ein Bild bezogen werden soll.
Optionale Attribute
alt: Gibt einen Alternativtext für das Bild an.
height: Gibt eine Höhe für das Bild an.
width: Gibt eine Breite für das Bild an.
Hyperlinks (a-Tag)
Um Links in eine Webseite einzufügen verwendet man den sogenannten
Code:
Ergebnis:
Link
<a>-Tag.
Code:
<a href="https://wikipedia.org">
Link
</a>
Ergebnis:
Link
Attribute
href: Definiert den Link für eine Verlinkung auf einer Webseite.
Überschriften (h-Tags)
Die
Code:
Ergebnis:
<h>-Tags werden meistens für Überschriften genutzt. Dabei gibt es verschiedene Größen. Der <h1>-Tag stellt dabei die größte Größe dar. Zudem gibt es auch noch <h2> und <h3>. Je größer die verwendete Nummer, desto kleiner wird die Überschrift dargestellt.
Code:
<h1>Überschrift (h1)</h1>
<h2>Überschrift (h2)</h2>
<h3>Überschrift (h3)</h3>
Ergebnis:
Überschrift (h1)
Überschrift (h2)
Überschrift (h3)
Weitere Tags
Es gibt auch weitere Tags, welche zur Formatierung dienen.
| Formatierung | Schreibweise |
|---|---|
| Absatz | <p>Absatz</p> |
| Fett (bold) | <b>Fett (bold)</b> |
| Kursiv (italic) | <i>Kursiv (italic)</i> |