Ein kleiner HTML - Kurs

• Weißfeder
  
• Blutseele
  
• Toke
  
• Ampferblüte
  
• Hagelwind
  
• Wasserfall
  
• Nachtschatten
  

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> dumb ways to die... </b>
<i> so many dumb ways to die...</i>
<u> Let's sing </u>
<font size="7"> Nightcore </font>
<font color="red"> Watch the City burn! </font>

Code:

<font size="14"px> Ich probiere es mal aus :3 </font>

<b> Ich glaube ich bekomme es schon hin</b>

<i> Oder sollte ich noch bissel mehr üben und es dann versuchen? </i>

<u> Ich glaube es geht schon :3 </u>

<font color="blackgreen"> Das muss doch okay sein..müp c: </font>

Code:

<font size="12px"> Jetzt aber ^^ </font>

Code:

<b>Bin ich so fett?</b>
<i>OMG! Ich bin kursiv o:</i>
<u>Das hier ist ein unterstrichener Text. Ich bin wichtig! c:</u>

<font size="12px">Groooß</font>

<font size="1px">Kleein :c</font>
<font color="#F08080">Die Farbe ist tunfischig o:</font>

Code:

<b>Möö</b>
<i>Pfu</i>
<u>ich hasse Sport .___.</u>
<font size="16px">Ich hasse Lehrer!</font>
<font size="2px">aber manche auch nicht</font>
<font color="#0489B1"><strong>Stark 83</strong></font>

Code:

<b>I'm ....</b>
<i>... going ...</i>
<u>... to ...</u>
<font size="12">...die</font>
<font color="#33FFFF"> !!!! </font>

Code:

<font color = "#990000">I'm going to die!!!</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.

Ein Fisch o3o
Hmh jetzt Fehlt mir ein text...

hab ich alles? o_o

Code:

<center>Gut Ok</center>
<blockquote><marquee direction=left>Ein Fisch o3o</marquee>
<marquee behavior=alternate scrollamount=3 scrolleday=3>Hmh jetzt Fehlt mir ein text...</marquee>
</blockquote>
<blockquote>hab ich alles? o_o</blockquote>

ich hasse lehrer x3

Code:

<center> i wonder what this red button do? </center>

<blockquote> ich hasse lehrer x3 </blockquote>

<marquee =right> was tun bei langeweile? </marquee>

<marquee behavior=alternate scrollamount=5 scrollaeday=5> ideen? </marquee>