html: Grundlagen

Grundlagen

Dateiendung:
Eine html Datei wird immer mit der Dateiendung .html abgespeichert.
Wobei in eine php Datei, Dateiendung .php auch normales html geschrieben werden kann.
Also kann man im Prinzip auch die Dateiendung .php verwenden.
Gerüstbau:
<html>
<head>
</head>
<body>
</body>
</html>
Alles was auf der Seite angezeigt werden soll, kommt in den body.
Alles was im header steht, wird nicht angezeigt.
Ausgabe:
Für eine Ausgabe schreibt man einfach einen Text in den Bereich body.
<html>
<head>
</head>
<body>
Erste Ausgabe
</body>
</html>
Ansehen
Überschrift:
Eine Überschrift wird auch im Bereich body geschrieben ( h1 - h6 ).
<html>
<head>
</head>
<body>
<h1>Erste Überschrift</h1>
</body>
</html>
Wobei h1 als Haupt Titel genommen werden sollte.
Sekundär Titel h2 danach h3 u.s.w.
Ansehen
Link:
Ein Link wird zur Weiterleitung auf eine weitere Website genutzt.
<html>
<head>
</head>
<body>
<a href="https://elekdstj.de">Erster Link</a>
</body>
</html>
<!DOCTYPE> Declaration:
Daruter wird dem Browser gesagt um welche html Version es sich handelt.
Für die aktuelle HTML 5 Version wird folgendes verwendet.
<!DOCTYPE html>
Zeilenunbruch:
Einen Zeilenubruch wird mit br erstellt.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
Erste Zeile <br>
Zweite Zeile <br>
Dritte Zeile <br>
</body>
</html>
Ansehen
Unterstrichen:
Mit u wird ein Text unterstrichen.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<u>unterstrichener Text</u>
</body>
</html>
Ansehen
Hyperlink einfügen:
Ein Link leitet auf eine ander Website hin oder auch Seiten von deiner Domain oder anderen.
Dies wird oft gebraucht z.B. beim Hauptmenü oder auch Seitenmenü.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a href="https://meine-website.ch">Sichtbarer Text</a>
</body>
</html>
Marc Disch Blog