Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Tutorials und FAQ (https://www.gegen-bilderklau.net/board.php?boardid=45)
----- [HTML] Kennenlernen von HTML (https://www.gegen-bilderklau.net/thread.php?threadid=4282)
Geschrieben von Lua am 11.03.2005 um 18:04:
Kennenlernen von HTML
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 <b> und </b> Warum zwei? Weil zwischen diesen beiden Codes dein Text stehen soll. Denn bei <b> beginnt er, und bei </b> hört er auf. Euer Ergebnis sollte nun so aussehen:
Heute ist Freitag.
In HTML: <b>Heute ist Freitag.</b>
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 <b>ist</b> Freitag.
Genau das Gleiche gilt auch für die Arten der Schrift kursiv und unterstrichen.
Der HTML-Code für kursiv ist:
<i>Heute ist Freitag.</i>
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: <u><b>Heute ist Freitag.</u></b>
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
Geschrieben von Elincia am 12.08.2005 um 16:15:
also ich find s gut und fände es toll wenn entweder du, oder jemand anders dran weitermachen könnte??
Geschrieben von Stacy am 20.08.2005 um 16:43:
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*
Geschrieben von Sally12 am 23.08.2005 um 16:19:
klasse
ich find den tut auch toll!
*daumenhoch*
fänd´s aufjedenfall klasse, wenn du weiter machen würdest !!!
Geschrieben von Leila am 11.09.2005 um 12:15:
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!
Geschrieben von anna933 am 16.09.2005 um 21:05:
gut!
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!
Geschrieben von luria am 02.11.2005 um 15:40:
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*
Geschrieben von Leila am 06.03.2006 um 09:15:
was wüsstet ihr denn alle gerne? Vorschläge per PN, ich setzt dann ein paar neue Sachen rein.
Geschrieben von Kleiner Engel am 06.03.2006 um 15:58:
Gutes Tutorial *Orden schenk*
Forensoftware: Burning Board, entwickelt von WoltLab GmbH