[HTML] Alle Codes + Funktionen

Blau = Code
Rot = Beschreibung/Funktion

Allgemeines:

Code:

[COLOR="Blue"]<!--       -->

[/COLOR]
Damit k�nnen ganze Passagen ausgeklammert werden und werden vom Browser nicht mehr angezeigt. Sehr sch�ne M�glichkeit, um Dinge auszuprobieren!!!
So werden Kommentare im HTML-Code vermerkt, die auf der im Browser angezeigten Seite nicht sichtbar, aber beim Erstellen und Erweitern hilfreich sind.

Code:

[COLOR="Blue"]<hr />

[/COLOR]
Damit k�nnen Trennlinien eingezogen werden. Farbe, L�nge und St�rke k�nnen bestimmt werden.
(e: hr = horizontal ruler = horizontale Linie)

Code:

[COLOR="Blue"]<html> 		</html>

[/COLOR]
Anfang und Ende des HTML-Codes.
(e: html=hypertext markup language)

Code:

[COLOR="Blue"]<head> 		</head>

[/COLOR]
Der Kopfbereich, in dem allgemeine Angaben gemacht werden, die nicht im Browserfenster angezeigt werden.
(e: head=kopf)

Code:

[COLOR="Blue"]<body> 		</body>

[/COLOR]
ab hier kommt unser eigentlicher Inhalt, der im Gegensatz zum head-Bereich im Browserfenster angezeigt wird.
(e: body=K�rper)

Code:

[COLOR="Blue"]<title> 		</title>

[/COLOR]
Wichtig! Titel hat mehrere wichtige Funktionen:
- Titelzeile des Anzeigefensters
- Namen von gesetzten Lesezeichen/Bookmark
- Liste der bereits besuchten Seiten
- und f�r die Eintragung bei Suchmaschinen
(e: title=Titel)

Schriftattribute:

Spoiler

Code:

[COLOR="Blue"]<b>  	  	</b>  [/COLOR]

Schrift wird fett angezeigt
(e: b=bold=fett)

Code:

[COLOR="Blue"]<i> 		</i> [/COLOR]

kursive Schrift
(e: i=italic)

Code:

[COLOR="Blue"]<u> 		</u> 	[/COLOR]

unterstrichene Schrift - sehr mit Vorsicht zu genie�en,
da der Surfer bei unterstrichenen Passagen von Links ausgeht!
(e: u=underlined=unterstrichen)

Code:

[COLOR="Blue"]<sup> 		</sup> [/COLOR]

hochgestellte Schrift.
(e: sup=superscript, zu Deutsch hochstellen)

Code:

[COLOR="Blue"]<sub> 		</sub> [/COLOR]

tiefgestellte Schrift.
(e: sub=subscript, zu Deutsch tiefstellen)

Code:

[COLOR="Blue"]<tt> 		</tt> [/COLOR]

bewirkt Schrift mit gleichen Abst�nden (dicktengleich)
(e: tt=teletyper=Fernschreiber)

Schriftgr�sse:

Spoiler

Code:

[COLOR="Blue"]
<h1> .. <h6>  	  	</h1> .. </h6>[/COLOR]

Leitet eine �berschrift ein (reagiert wie Absatz!) x kann einen Wert von 1 bis 6 annehmen. Die gr��te �berschrift ist 1, die kleinste 6.
(e: h=heading=�berschrift)

Code:

[COLOR="Blue"]<h1	align=left </h1>
..      align=center..
<h2   align=right  </h6>
        align=justify[/COLOR]

�berschriften k�nnen wie Abs�tzen ausgerichtet werden (jetzt in CSS umsetzen)

Code:

[COLOR="Blue"]
<small> 		</small> 	[/COLOR]

Macht die Schrift um einen Schritt kleiner
(e: small=kleiner)

Code:

[COLOR="Blue"]
<big> 		</big> [/COLOR]

Macht die Schrift um einen Schritt gr��er
(e: big=gr��er)

Code:

[COLOR="Blue"]<font size=...> 		< /font > 	[/COLOR]

Bestimmen Sie hier die Schriftgr��e von 1 - 7. Die Angaben sind relativ. Die Normalschriftgr��e ist 3. Gr��ere Schrift bekommt man mit 4,5,6 oder 7. Kleinere Schrift mit 1 oder 2.
(e: font size = Schriftgr��e)

Absatzaufbau:

Spoiler

Code:

[COLOR="Blue"]
<p>  	align="left" </p>
align="center"
align="right"
align="justify"[/COLOR]

Absatzbeginn - vor und nach dem Absatz wird automatisch Platz gehalten
(e: p=paragraph)
(e: align=Ausrichtung)

Code:

[COLOR="Blue"]<center> 		</center> [/COLOR]

zentrierte Ausrichtung (oft bei Gedichten)
(e: center=zentriert)

Code:

[COLOR="Blue"]<br /> [/COLOR]

erzwungener Zeilenumbruch (Zeilenende)
(e: br=break=Umbruch)

Code:

[COLOR="Blue"]
<nobr> 		</nobr> [/COLOR]

erzwungener Zusammenhalt, was z.B. f�r Wortgebilde wie "V 4.1" geschickt ist.
(e: nobr=nobreak=kein Umbruch)

Code:

[COLOR="Blue"]<blockquote> 		</blockquote> 	[/COLOR]

Hiermit k�nnen Zitate aufgenommen werden. Tag verh�lt sich wie Absatztag, wobei das aussehen vom Browser definiert wird! Meistens einger�ckt, auf jeden Fall anders formatiert wie Rest.
(e: blockquote=geblocktes Zitat)

Aufz�hlungen:

Spoiler

Code:

[COLOR="Blue"]


<li>  	  	</li>  [/COLOR]

Bei allen Aufz�hlungen (n�chste 2 Punkte) m�ssen die Einzelpunkte durch diesen Tag gekennzeichnet sein.
(e: li = list item = Listeneintrag )

Code:

[COLOR="Blue"]<ul> 		</ul> [/COLOR]

Leitet eine Aufz�hlugsliste ein. Wie der Spiegelstrich dargestellt wird, bestimmt der WWW-Browser. (weiteres siehe TAG <li> !)
(e: ul=unordered list=unsortierte Liste)

Code:

[COLOR="Blue"]<ol 	start="1" type="1"></ol>
start="1" type="I">
start="1" type="i">
start="1" type="A">
start="1" type="a">
[/COLOR]

Leitet eine nummerierte Liste ein - Attribut ist erforderlich!
start="1" - aber welcher Einheit gestartet werden soll
type="1" - f�r numerische Liste
type="I" - Liste mit r�mischen Ziffern
type="i" - Liste mit kleinen r�mischen Ziffern
type="A" - Liste mit Buchstaben
type="a" - Liste mit kleinen Buchstaben
(e: ol=ordered list=numerierte Liste)

Verweise [Links]

Spoiler

Code:

[COLOR="RoyalBlue"]<a  	href="http://www.elitepvpers.com/forum/epvp-coders/epvp-coders/epvp-coders/epvp-coders/epvp-coders/epvp-coders/..."> Ihre Beschreibung dazu  	</a>[/COLOR]

f�r interne & externe Linkes. "Ihre Beschreibung" wird sp�ter im Browser als so genannter Link angezeigt und kann angeklickt werden.
(e: a=anchor=Anker)
(e: href=hyper reference=Hypertext-Referenz

Code:

[COLOR="RoyalBlue"]<a 	href="start.htm"> 	</a> [/COLOR]

interner Link

Code:

[COLOR="RoyalBlue"]<a 	href="http://www.uxl.de/"> 	</a> 	[/COLOR]

externe Link

Code:

[COLOR="RoyalBlue"]<a 	href="http://www.uxl.de/" target="_blank"> 	</a>[/COLOR]

f�r externen Link wird neue Browserinstanz aufgemacht.

Code:

[COLOR="RoyalBlue"]
<a 	href="#xy">Sprung nach xy 	</a> 	[/COLOR]

Sprungmarke (wird durch # gekennzeichnet) zu einem bestimmten Punkt, hier "xy". Der Punkt muss definiert werden - dazu n�chsten Tag anschauen.

Code:

[COLOR="RoyalBlue"]<a 	name="xy">irgendwas 	</a> [/COLOR]

dieser Punkt, hier "xy", soll direkt anspringbar sein. "irgendwas" darf nicht leer bleiben.

Code:

[COLOR="RoyalBlue"]<a 	href="mailto:[Only registered and activated users can see links. Click Here To Register...]"> [Only registered and activated users can see links. Click Here To Register...] 	</a> [/COLOR]

So kann eine E-Mail-Adresse eingegeben werden. Durch anklicken �ffnet sich das E-Mail-Prg. (sofern installiert) und die E-Mail-Adresse ist bereits eingegeben.
(e: mailto= schicke nach)

Fraben in HTML

Spoiler

Code:

[COLOR="Blue"]
<body  	bgcolor="...">  	[/COLOR]

Hintergrundfarbe der ganzen Seite

Code:

[COLOR="Blue"]<font 	color="...">farbiges 	</font>[/COLOR]

Farbe der Schrift

Code:

[COLOR="Blue"]<table 	bgcolor="..."> 	</table> 	[/COLOR]

Hintergrundfarbe Tabellen

Code:

[COLOR="Blue"]<td 	bgcolor="..."> 	</td>[/COLOR]

Hintergrundfarbe Tabellenzelle (geht auch f�r Tabellenzeile bei <tr>)

Farbname	Hex
black	#000000
maroon	#800000
green	#008000
olive	#808000
navy	#000080
purple	#808000
teal	#800080
gray	#008080
silver	#c0c0c0
red	#FF0000
lime	#00FF00
yellow	#FFFF00
blue	#0000FF
fuchsia	#FF00FF
aqua	#00FFFF
white	#FFFFFF

Javascripts:

Video:

Code:

[COLOR="Blue"]javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++ }setInterval('A()',5); void(0);
[/COLOR]

Wirkung:
Man kann Bilder zum ''fliegen'' bringen.

Video:

Code:

[COLOR="Blue"][COLOR="Blau"]Code:[/COLOR][/COLOR]
[COLOR="Blue"]javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0[/COLOR]

Wirkung:
Man kann Website's editieren.

KEIN VIDEO!

Code:

Code:

[COLOR="Blue"]javascript:if(document.body.contentEdita ble){if(document.body.contentEditable==' false'){document.body.contentEditable='t rue';}else{document.body.contentEditable ='false';}}else{if(document.designMode== 'on'){document.designMode='off';}else{do cument.designMode='on';}}void 0;[/COLOR]

Wirkung:
Keine Ahnung

KEIN VIDEO!

Code:

Code:

[COLOR="Blue"]javascript:alert("Dein Text hier")[/COLOR]

Wirkung:
Eine Meldung von der Website mit dem Text den du eingegeben hast.

Quelle[n]:
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]

_!�~.:[Sorry, falls es so einen Thread schon gibt]:.~�!_