Html Grundstruktur

Erstmal ein Grundsatz. Html ist eine Anwendersprache und keine, wie so oft falsch verstanden, eine Programmiersprache. Das ist wenn du halbwegs mit Englisch durch die Schule gekommen bist dann ist html einfach.

Es ist auch so das eine Webseite ohne Css, Php oder sonstiges auskommt aber nicht ohne Html da dies die Grundstruktur jeder Webseite ist.

 

Grundstruktur:

Html kann man sich vorstellen wie beim Grundgerüst eines Hauses. Es hat immer ein Dach, einen Wohnbereich und eine Tür mindestens. Anderst ist es nicht bei Html. Wenn wir jetzt die Index.html aus dem Webverzeichnis öffnen, müssten wir ein Gerüst sehen das dem unten folgenden ähnelt.

 

Das Gerüst:


<html>          <--Wir beginnen mit Html zu schreiben.

<head>          <--Der Html Kopf wird geöffnet.

<title>         <--Wir öffnen den Seitentitel.

Seitentitel     <--Benennen den Seitentitel.

</title>        <--Und schließen den Seitentitel.

</head>         <--Der Html Kopf wird geschlossen.

<body>          <--Wir öffnen den Body oder auch Content Part.
 
Content Inhalt  <--Ein Beispielinhalt.

</body>         <--Wir schließen den Body

</html>         <--Wir schließen das schreiben in Html ab.

Dieses Grundgerüst wird immer genommen da verschiedene Scripte und Codes hier Ihren speziellen Platz benötigen. Zb Nur im Head Bereich werden Javascript oder Jquery Sources (Zielquellen) geladen.

Wenn du dieses Beispiel jetzt auf deinen Webspace hochladen würdest, würdest du folgendes Ergebnis erhalten. Im Reiter deines Browsers steht der Seitentitel hier einfach Seitentitel.

Auf der Seite selbst wäre lediglich ein Content Inhalt  zu lesen.

 

Hier auch nochmal kurz die wichtigsten Html Befehle zum Schrift ändern aufgelistet.


<b>Dieser Text erscheint fett geschrieben</b>
<i>Dieser Text erscheint kursiv</i>
<u>Dieser Text erscheint unterstrichen</u>

<h1>Dieser Text erscheint als Überschrift</h1>  <--Von h1-h12 in verschiedenen Größen

&nbsp; <--Gilt als Absatz, ist aber nicht gerne gesehen in Kombination mit Css.

So die grundlegende Funktion von Html sollte so jetzt verstanden sein. Dann kann es mit Css weiter gehen 🙂

Werbung

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert