Ein kleiner HTML - Kurs

Code:

<b>Username:</b>
<b>Warum willst du mitmachen?:</b>
<b>Hast du zuvor schon Mal mit HTML gearbeitet?:</b>
<b>Kannst du schon etwas, wenn ja was?:</b>
<b>Was willst du lernen?:</b>

• Kupferwind (3)
  
• Asuka (4)
  
• Frostblick (2)
  
• Liebesstern (1)
  

Die erste Aufgabe ist ganz simpel und leicht. Sie besteht einfach darin, einen Text anders wirken zu lassen, als er es zu Anfang ist. Also kursiv, fett oder unterstrichen. Groß, klein oder farbig. Es ist euch übrigens erlaubt als Beispiel irgendwelche sinnlosen Texte zu schreiben, damit man auch sieht, wie es bei euch aussieht. Nachdem ihr alles geschafft habt, packt ihr euer Geschriebenes in einen Code, damit ich das überprüfen kann.

Fettschreiben.

Das Fettschreiben geht ziemlich einfach. Es besteht nur aus dem 3 stelligen Öffnen des Codes und dem 4 stelligen Schließen. Um fett zu schreiben, brauchen wir zu Anfang einmal eine solche Klammer: < danach benötigen wir ein kleines oder großes b und zu guter letzt eine schließende Klammer > Dasselbe passiert auch mit dem Schließen, nur dass ihr vor dem b ein solches Zeichen hinschreiben müsst: / Zwischen eurem ersten Teil, ohne diesen hier / und dem Schließteil, schreibt ihr euren Text.

Kursivschreiben.

Das geht genauso wie das Fettschreiben, nur dass ihr die b's mit i's vertauscht.

Unterstrichenschreiben.

Ebenfalls sehr leicht. Einfach b durch u eintauschen.

Größenverändert schreiben.

Das ist jetzt etwas schwerer. Zu aller erst kommt unsere liebe Klammer: < danach das fort font, direkt an die Klammer geschrieben. Dann ein Leerzeichen und das Wort size. Direkt hinter size ein = und hinter = ein " danach schreibt ihre eine Zahl 4, 7, 13 hinter das " und direkt an die Zahl die Buchstaben px. Hinter px kommt dann wieder so einer ". Dann kommt unsere andere Klammer >. Sou. Jetzt kommt euer Text. Danach schließt ihr den Code folgender Maßen. Unsere Klammer < der hier / das Wort font direkt an den / und dann die hier >.

Farbig schreiben.

Das farbig Schreiben ist nicht viel schwerer als das groß bzw. klein Schreiben. Das Wort size tauscht ihr mit color. Die Zahl und die Buchstaben px tauscht mit der Farbe. Zum Beispiel green, red oder yellow. Die Hexacodes erkläre ich später.

Viel Spaß :33

Code:

<b>Gut, die erste Aufgabe gemeistert :D</b>
<i>Miau, die auch.</i>
<u>Schaut euch meinen Ava an *-*</u>
<font size="29px">Hallo 8D</font><font color="cyan">Tschüss :3</font>

Code:

<b> Ich bin eine Salami! </b>
<i> Und hab Hunger auf Pizza *O* </i>

<font color="red"> Jetzt im Ernst: </font color="red"> <u> Gib mir Pizza! </u>

<font size="23px"> Chii! </font>

<font size="0.05px"> Ich bin immer noch ne Salami... </font>

Code:

<b>Currywurst!</b>
<i>Ich will Currywurst ;(</i>
<u>Warum bekomm ich keine Currywurst?</u>
<font size="13px">Will Currywurst!!!</font>
<font color="red">Alles ok. Hab meine Currywurst bekommen :D</font>

Nun kommen wir zu verschiedenen Schriftstellungen, also bleiben wir noch beim Anpassen der Schrift.

Textstellungen.

Wie einige wahrscheinlich wissen, gibt es auch Textstellungen. Ein paar wichtige werden hier erläutert. Einmal gibt es den center - Code, den es auch in den bekannten Codes die von forumieren hier in den Foren vorprogrammiert sind. Dieser fängt mit unserer beliebten Klammer an < daran folgt das Wort center und wird mit einer > solchen Klammer geschlossen. Hinter die > Klammer kommt dann euer Text. Hinter euren Text dann eine solche < Klammer, ein / das Wort center und die Klammer: >. Somit wäre der center Code fertig gebaut. Der Sinn davon ist, den Text zentriert zu haben. Also so:

Ich bin zentriert :3

Dann gibt es noch den Code, den einige bei diesen Klammern [ ] als list Code kennen. Dieser ist im HTML jedoch als Blockquote bekannt. Man beginnt mit der Klammer < worauf das Wort  blockquote folgt. Darauf folgt dann so eine Klammer > und schon ist die Öffnung des Codes fertig. Dann folgt euer Text und danach wird der Code geschlossen. Da ihr ja langsam begriffen haben solltet, wie das funktioniert, erläutere ich das hier jetzt mal nicht.
Als Beispiel sind alle Erläuterungs-Texte hier zu sehen, die unter 1. bzw. 2. Aufgabe stehen. Diese Texte sind nämlich mit einem Blockquoten Code verziert.

Lauftexte.

Wie ihr wahrscheinlich schon ein paar mal gesehen habt, gibt es diese Lauftexte, die von links nach rechts oder so verlaufen. Wie hier?

Höhö, wieder da, wieder weg, wieder da, wieder weg..

Das funktioniert mit dem so genannten marquee - Code. Da ihr wisst wie man die Codes macht, müsst ihr noch marquee zwischen die Klammern fügen. Schließen geht genauso. Von dem Webbrowser her, so wie es meistens ist, bewegt sich der Text automatisch von rechts nach links. Die Richtung kann man aber ändern. Und zwar indem man hinter das marquee einmal Leertaste drückt, dann das Wort direction schreibt ein = und direkt an das = das Wort right. Dann kommt wieder die Klammer. Dann geht der Text von links nach rechts.

Dann kann man noch die Schnelligkeit eines solchen Fließtextes bestimmen. In dem man hinter marquee (es steht wieder alleine) das Wort scrollamount ein = und eine Zahl; da müsst ihr experimentieren; schreibt. Hinter der Zahl einmal Leertaste und dann das Wort scrolldelay ein = und dann wieder eine Zahl. Dann die Klammer. Das amount ist für den Zustand der Pixel & das delay für die Verzögerung.

Außerdem kann man den Text auch wie einen Ping-Pong-Ball auf der Bildfläche hin und her laufen lassen.

Nämlich so :33

Dazu müsst ihr hinter das marquee (das wieder alleine ist) das Wort behavior schreiben. Direkt hinter behavior ein = und hinter das = das Wort alternate. Dann wieder die Klammer. Euren Text und den Code schließen. Dann habt ihr das Meisterwerk gemeistert.

Natürlich gibt es noch ein paar andere marquee Codes, aber die erkläre ich euch ein ander Mal. Zuerst aber, müsst ihr jetzt mal diese Aufgabe hier machen.

Dennoch bin ich für Fragen von allen jederzeit offen.

daher kannst du sie austragen

Code:

<center>Nebelwind gehört nicht mehr unserem Clan an,</center>
<blockquote>daher kannst du sie austragen</blockquote>
<marquee>und musst nicht mehr</marquee>
<marquee direction=right> auf sie warten... </marquee>
<marquee scrollamount=25 scrolldelay= 12>:)</marquee>
<marquee behavior=alternate>LoL... Pingschi, Pongschi, Pingschi, Pongschi</marquee>