HTML Und Css Kurs || Schneesturm

Blockquotentexte kann man eh in die Pfeife rauchen :D

Code:

<center>Zentriert</center>

<blockquote>Blockquotentexte kann man eh in die Pfeife rauchen :D</blockquote>

<div style="text-align:right>Rechts wieder</div>
<div style="text-align:left>Links wieder</div>

BILDER GESTALTEN

Man fügt ein Bild ein, also so:


Code:

<img src="BILDURL">

Aber man kann es noch verbessern.

Die Weite bzw. Höhe des Bildes veränderst du so:


Code:

width="BREITE"
height="HÖHE"

Das fügst du hinter der "Bildurl" ein mit einem Leerzeichen.

Text und Bild gehen ebenfalls. Da musst du nur hinter dem "Bildurl" mit Abstand

Code:

align="left"

eingeben und den Text ohne Ausrichtung hinter den Code schreiben.

Code:

<img src="http://img16.imageshack.us/img16/1517/hopebig.png"><br><img src="http://img16.imageshack.us/img16/1517/hopebig.png" align="right"><br> <img src="http://img16.imageshack.us/img16/1517/hopebig.png" align="left"><br><img src="http://img16.imageshack.us/img16/1517/hopebig.png" width="20px" height="30px">
<br><img src="http://img16.imageshack.us/img16/1517/hopebig.png" width="60px" height="90px">

Code:

<img src="http://i44.servimg.com/u/f44/16/84/10/38/img_0010.jpg" width="300pxl" heigth="200pxl"><br>

<img src="http://i44.servimg.com/u/f44/16/84/10/38/img_0010.jpg" heigth="300pxl" width="200pxl"><br>

<img src="http://i44.servimg.com/u/f44/16/84/10/38/img_0010.jpg" align="right">

Code:

<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg">
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"width="10">
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"width="20">
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"width="30">
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"width="40">
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"width="100">

---
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"height="10">
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"height="20">
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"height="30">
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"height="40">
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"height="100">
---
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"align="right">
<img src="http://i68.servimg.com/u/f68/14/18/98/86/fcb10.jpg"align="left">

Code:

<img src="http://i42.tinypic.com/2zxtt9g.jpg">

<img src="http://i42.tinypic.com/2zxtt9g.jpg" align="left">

<img src="http://i42.tinypic.com/2zxtt9g.jpg" align="right">

<img src="http://i42.tinypic.com/2zxtt9g.jpg"width=“200“>

<img src="http://i42.tinypic.com/2zxtt9g.jpg"height=”300”>

<img src="http://i42.tinypic.com/2zxtt9g.jpg"height="300"witdth="100">

Stille in der Unruhe der Welt

UND ICH GLAUB DARAN DASS ES BESSER IST WENN ICH ES FÜHLEN KANN FÜR DIESEN EINEN AUGENBLICK SIND ALLE MEINE TRÄUME WEG / GLASPERLENSPIEL - ECHT

Code:

<center><div style="font-family:georgia"><font size="6">Stille in der Unruhe der Welt</font><br><div style="font-family:arial italic"><font size="1" width="350px">UND ICH GLAUB DARAN DASS ES BESSER IST WENN ICH ES FÜHLEN KANN FÜR DIESEN EINEN AUGENBLICK SIND ALLE MEINE TRÄUME WEG </font><br><img src="http://s3.imgimg.de/uploads/Stille5403df03png.png"></div></center>

Code:

<img src="http://i49.servimg.com/u/f49/16/09/11/87/ayo110.png">
_____________________________

<img src="http://i49.servimg.com/u/f49/16/09/11/87/ayo110.png" width="40">
_____________________________

<img src="http://i49.servimg.com/u/f49/16/09/11/87/ayo110.png" height="70">
_____________________________

<img src="http://i49.servimg.com/u/f49/16/09/11/87/ayo110.png" width="60" height="80"

<img src="http://i49.servimg.com/u/f49/16/09/11/87/ayo110.png"  align="right"<br> LaLaLaLaLaLa

~~*Zulirana*~~ schrieb:

Stimmt ebend nicht...das links & rechts funktioniert nicht, alles klebt iwie links bei mir o.o oder hab ichn Grafikfehler?

Code:

<img src="http://i42.tinypic.com/2zxtt9g.jpg" align="left">

<img src="http://i42.tinypic.com/2zxtt9g.jpg" align="right">

Code:

<blockquote><img src="http://t1.gstatic.com/images?q=tbn:ANd9GcTeuxn05YuXszVR1Tncn59-NaHXNsYrA9dPwSZK6StoG8wOG03b" width="400px" height="300px"></blockquote>
<center><img src="http://t1.gstatic.com/images?q=tbn:ANd9GcTeuxn05YuXszVR1Tncn59-NaHXNsYrA9dPwSZK6StoG8wOG03b" width="100px" height="75px"></center>
<div style="text-align:right"><img src="http://t1.gstatic.com/images?q=tbn:ANd9GcTeuxn05YuXszVR1Tncn59-NaHXNsYrA9dPwSZK6StoG8wOG03b" width="200px" height="100px"></div>

SCHRIFTEN WEITER AUSBAUEN
So, weil Samtstern es so gerne möchte: wir arbeiten jetzt mit divs!
Der Anfang ist mal das hier:


Code:

<div style="...">

in die ... schreibst du dann das Gewünschte hinein. SChließen tut du die divs mit

Code:

</div>


Den Schriftartenstil änderst du mit font-family:
Dort schreibst du dann deine gewünschte Schriftart hinein, z.B Georgia. Nach deiner Schriftart schließt du das mit ;
Also z.B: Georgia;

Um den Abstand der Zeichen zu bestimmen schreibst du einmal

Code:

letter-spacing:

hinter die : schreibst du dann mindestens 2px rein (1px funktioniert nicht). Schließen tust du es, wie alle anderen mit ;

Um den Abstand der Wörter zu bestimmen schreibst du word-spacing, es handelt sich wie die gleiche Situation wie im letter-spacing. Man schreibt mindestens 2px rein.

Unterstrichen kannst du übrigens auch designen. Du schreibst in die ... folgendes:

Code:

border-bottom: ART PIXEL #HEXAFARBE;

In Arten gibt es: dashed, dotted, solid. Natürlich noch viel mehr aber das sind die Hauptstile.

Um die Farbe einer Schrift zu bestimmen schreibt man einfach nur color:
Dahinter schreibst du dann wieder eine Hexafarbe oder einfach white, black, pink etc. und schließt es mit ;


Zum Schluss mag ich noch dass ihr kompiniert. ihr müsst mindestens 3 Stile auf einmal in ein div setzen. Z.B

Code:

<div style="BORDER; COLOR; SCHRIFTART">

In die gewünschten sachen müsst ihr natürlich die Codes einsetzen ^^
Die ; habe ich hier schon gesetzt. Sie dienen als Trennungszeichen und sollte sie nie vergessen, ebenfalls die Rechtschreibung nicht!


LG, Schneesturm