Grundaufbau
Bei Fragen bitte hier klickenGrundaufbau einer HTML Datei:
Jede HTML (Hypertext Markup Language)Datei ist in Tags (=Tägs) aufgebaut.
Jeder Tag hat einen Anfangs-und Endtag. Der Endtag ist meistens sehr ähnlich wie der Anfangstag. Der Unterschied ist nur der, das beim Endtag unmittelbar nach der spitzen öffnungsklammer ein / stehen muss.
Hier ein Beispiel:
Anfangstag: <html>
EndTag: </html>
Aussehen einer HTML Datei:
Jede HTML Datei hat das selbe Grundgerüst:
<html>
<head>
<title> Hier kommt der Titel eurer HTML Datei rein </title>
</head>
<body>
Hier kommt der Inhat eurer Datei rein
</body>
</html>
Ich bin ein Unterstrichener Satz<head>
<title> Hier kommt der Titel eurer HTML Datei rein </title>
</head>
<body>
Hier kommt der Inhat eurer Datei rein
</body>
</html>
Wie ihr sehen könnt hat jeder Anfangs Tag auch sein Endtag, die hier farbig markiert sind.
Erklährung:
Ein AnfagsTag öffnet ein Befehl der ( wenn er nicht vorher durch ein EndTag unterbrochen wird ) bis zum ende der datei weitergeführt wird.
Beispiel: DIeser Satz soll Unterstrichen dargestellt werden:
Ich bin ein Unterstrichener Satz
Tags hierfür sind <U> bzw. </U>
So sieht das ganze dann im HTML Editor aus:
<U>Ich bin ein Unterstrichener Satz</U>
Und so sieht fertig aus:
Erklährung:
Ein AnfagsTag öffnet ein Befehl der ( wenn er nicht vorher durch ein EndTag unterbrochen wird ) bis zum ende der datei weitergeführt wird.
Beispiel: DIeser Satz soll Unterstrichen dargestellt werden:
Ich bin ein Unterstrichener Satz
Tags hierfür sind <U> bzw. </U>
So sieht das ganze dann im HTML Editor aus:
<U>Ich bin ein Unterstrichener Satz</U>
Und so sieht fertig aus:
Weitere Codes zur Textbearbeitung sind :
<B> </B> für einen Fett geschriebenen Satz
<I> </I> für einen Kurisv geschriebenen Satz
<S> </S> für einen
Groß oder Klein geschrieben?
Eigentlich ist es völlig egal ob ihr einen Tag Groß ( <B> </B> ) oder Klein ( <b> </b> ) schreibt. Macht es einfach so wie ihr am besten zurcht kommt.
Denn: ihr seit die einzigen, die sich in eurem Code zurecht finden müsst weil ihr müsst verstehen was ihr da schreibt nicht die anderen, die nur das ergebnis sehen
Unsichtbare Kommentare:
Unsichtbare Kommentare sind dazu gut, dass ihr auch in eurem Code Notizen machen könnt. z.B. könnt ihr euch das Datum notieren, wann ihr die Seite erstellt habt oder twas anderes.
Hier ist der Code für ein Unsichtbares kommentar :
<!--Dies ist ein unsichtbarer Kommentar-->
<font size="3">Das ist ein Text der größe 3</font>
Das ist ein Text der größe 3wieviele - ( das ist ein normaler Bindestrich ) ihr macht is euch überlassen. Sie dienen nur dazu, dass ihr eure Kommentare in dem Code durcheinander sofort finden könnt.
Die Schrift:
Wenn ihr eure Schriftgröße-Farbe oder anderes verändern wollt, aber nicht wie z.B. bei Word sofort auswählen könnt komm die <font> Tags ins Spiel.
Mit diesen <font> Tags kannst du alles in deinen Sätzen verändern und variieren wie di willst.
Das geht so:
Wenn ihr z.B. "Diesen Satz" größer bzw. kleiner darstellen wollt müsst ihr folgendes eingeben:
<font size="n">Dieser Satz wird in der größe "n" angezeigt ( size bedeutet größe und "n" steht hier für eine beliebige Zahl )</font>
Hier seht ihr wieder Anfangs-und Endtag sehen ziemlich gleich aus.
Hier ein paar größenbeispiele:
Die Schrift:
Wenn ihr eure Schriftgröße-Farbe oder anderes verändern wollt, aber nicht wie z.B. bei Word sofort auswählen könnt komm die <font> Tags ins Spiel.
Mit diesen <font> Tags kannst du alles in deinen Sätzen verändern und variieren wie di willst.
Das geht so:
Wenn ihr z.B. "Diesen Satz" größer bzw. kleiner darstellen wollt müsst ihr folgendes eingeben:
<font size="n">Dieser Satz wird in der größe "n" angezeigt ( size bedeutet größe und "n" steht hier für eine beliebige Zahl )</font>
Hier seht ihr wieder Anfangs-und Endtag sehen ziemlich gleich aus.
Hier ein paar größenbeispiele:
<font size="3">Das ist ein Text der größe 3</font>
<font size="5">Das ist ein Text der größe 5</font>
Das ist ein Text der größe 5
wenn ihr ein Text in der größsten bzw. kleinsten größe anzeigen lassen wollt sind die codes hierfür <h1> </h1> (für den größten) bzw. <h6> </h6> (für den kleinsten)
So siehst aus:
Das ist der größste Text
Das ist der kleinste Text
(wer is nicht lesen kann hier steht: Das ist der kleinste Text)
Die Schriftfarbe:
Auch hier kommen wieder die <font> Tags zum einsatz
Der Code für die Schriftfarbe lautet: <font color="#000000">Das ist ein schwarzer Text</font>
Das ist ein schwarzer Text
Im Farbenverzeichnis könnt ihr euch alle codes für die einzelnen Farben abschreiben