[HTML] Kennenlernen von HTML

Lua

Hallo,

Einige können gar kein HTML, deshalb will ich denen helfen, sich mit HTML anfreunden zu können. Ich bin nämlich gerne für Anfänger hier, deshalb sind meine Tut´s auch meistens mit einem Thema, die die anderen, oder viele, schon können. +g+

Erste Texte in HTML

Damit du später einmal Texte schreiben kannst, wollen wir das nun einmal üben. Du öffnest Front Page oder einen anderen HTML-Editor wo du zwischen HTML und Normal auswählen kannst.
Unser Text ist: Heute ist Freitag.
Diesen gestalten wir nun verschieden aus.

Als ersters wollen wir diesen Satz fett schreiben. Der HTML-Code dafür lautet und Warum zwei? Weil zwischen diesen beiden Codes dein Text stehen soll. Denn bei beginnt er, und bei hört er auf. Euer Ergebnis sollte nun so aussehen:
Heute ist Freitag.
In HTML: Heute ist Freitag.
Klappt es? Super. +lob+ Einen Schritt haben wir schonmal geschafft. Natürlich kannst du auch nur ein Wort fett gedruckt schreiben.
Beispiel: Heute ist Freitag.
In HTML: Heute ist Freitag.
Genau das Gleiche gilt auch für die Arten der Schrift kursiv und unterstrichen.
Der HTML-Code für kursiv ist:
Heute ist Freitag.
Eben das gleiche, nur mit einem anderen Buchstaben.
b [engl. bold] = fett
i [engl. italic] = kursiv
u [engl. underlined] = unterstrichen

Natürlich kann man einen Satz auch fett und unterstrichen schreiben. Dieser lautet dann so: Heute ist Freitag.
In HTML: Heute ist Freitag.
Das ist ebenfalls sehr leicht, oder?

Das Grundgerüst

Dieses solltet ihr auch kennen, damit ihr euch bei den vielen Codes zurrecht findet. Jede HTML Datei beginnt mit einem <html> und einem <body> - Tag. Der <html>-Tag "zeigt" dem Browser, oder versichert ihm, dass es sich hier um eine HTML-Datei handelt. Im <body>-Tag kannst du vieles wie Hintergrundfarben, Hintergrundbild, Textfarben und anderes bestimmen.
Natürlich muss die Datei auch wieder enden, und zwar so:
</body></html>

Ich hoffe, euch hat der Tut weiter geholfen. Sobald ich wieder etwas mehr Zeit habe, wird er auch erweitert. Wenn ihr Fragen habt, schreibt sie ruhig hier rein. Es wäre auch nett, wenn ihr mir mitteilen würde, wenn euch der Tut weitergeholfen hat.

NiNa

Elincia

also ich find s gut und fände es toll wenn entweder du, oder jemand anders dran weitermachen könnte??

Stacy

Der Tut ist ja noch ziemlich "leer", wäre also schön, wenn du weitermachen würdest.

Des weiteren ist dieser Text sehr gut geschrieben. *lob*

Sally12

ich find den tut auch toll!
*daumenhoch*
fänd´s aufjedenfall klasse, wenn du weiter machen würdest !!!

Leila

Schrift formatieren

Ihr könnt aber auch Schriftart, Schriftgröße und Schriftfarbe einstellen.

Für Schrift braucht ihr zunächst einmal die Ankündigung, dass ein Text eingefügt wird. Dieser lautet wie folgt:

code:
1:	<font>Hier der Text</font>

Das / im zweiten Befehl zeigt an, dass der Befehl hier geschlossen ist.

Wollt ihr jetzt eine andere Schriftart haben, so müsst ihr die in der ersten Klammer hinter font eingeben, das ganze sieht so aus (ich nehme als Beispiel einfach Comic Sans MS):

code:
1:	<font face="Comic Sans MS">Text</font>

Wichtig ist, dass ihr die Anführungszeichen " nicht vergesst!

So, für Schriftfarbe gilt: Entweder Farbcode oder englischen Farbnamen angeben. das ganze kommt, wie die Angebe der Schriftart hinter font in die Klammer, wenn eine Schriftart noch dazu angegeben werden soll, kommt sie davor:

code:
1:	<font color="red">Ein roter Text!</font>

Wichtig ist die Amerikanisch-Englische Bezeichnung, also nicht colour, sondern color!

Für Schriftgröße rechnet man nicht mit 10, 12, 14 usw. sondern mit 1, 2, 3, 4 % 5. 1entspricht etwa 8 in Word, 2=10, 3=14 usw, beste Größe, mit der man nichts falch macht, ist 2! Im Code sieht das ganze dann so aus:

code:
1:	<font size="2">Text, der in Word in etwa in Größe 10 geschrieben wäre!</font>

Man kann das ganze natürlich auch noch kombinieren:

code:
1:	<font face="Comic Sans MS" size="2" color="red">Roter Text in Comic Sans MS, in Word ca. größe 10!</font>

So, das wars zu Schriftgröße, -Farbe & -Art!

anna933

Also, ich habs zwar noch nicht ausprobiert, verstehe es aber (wohlgemerkt: ich kann (bis auf das) kein HTML)! ALso, ich finde es gut verständlich und fände es schön, wenn jemand das ganze etwas fortsetzten könnte!

Xenia

Hier findet ihr alles zum Thema html:

http://de.selfhtml.org/

luria

könnte vieleicht jedemand diesen therad fortsetzten?Ich finde ihn nähmlich sehr intressant.Ich bin zwar nich mehr ganz anfänger,aber trotzdem mach ich noch haufen fehler.*gg*

Leila

was wüsstet ihr denn alle gerne? Vorschläge per PN, ich setzt dann ein paar neue Sachen rein.

Kleiner Engel

Gutes Tutorial *Orden schenk*

Forensoftware: Burning Board, entwickelt von WoltLab GmbH