|
You last visited: Today at 13:52
Advertisement
[HTML] Alle Codes + Funktionen
Discussion on [HTML] Alle Codes + Funktionen within the Web Development forum part of the Coders Den category.
02/28/2010, 18:58
|
#1
|
elite*gold: 0 
Join Date: Jun 2009
Posts: 1,977
Received Thanks: 1,004
|
[HTML]Fast 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:
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:
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:
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:
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]
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: "> </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
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:
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]:
_!°~.:[Sorry, falls es so einen Thread schon gibt]:.~°!_
|
|
|
|
02/28/2010, 20:04
|
#2
|
elite*gold: 4
Join Date: Aug 2008
Posts: 6,783
Received Thanks: 4,992
|
|
|
|
|
|
02/28/2010, 21:32
|
#3
|
elite*gold: 0
Join Date: Dec 2009
Posts: 2,326
Received Thanks: 807
|
Naja allerdings gabs das hier noch nicht ich finds gut *thx*
|
|
|
|
|
03/01/2010, 09:54
|
#4
|
elite*gold: 407
Join Date: May 2009
Posts: 1,574
Received Thanks: 728
|
Finds gut  Sehr gute arbeit. Denke trotzdem das es in Tutorials gehört? ^^
|
|
|
|
|
03/01/2010, 12:32
|
#5
|
elite*gold: 4
Join Date: Aug 2008
Posts: 6,783
Received Thanks: 4,992
|
Was hat das mit Tutorials zu tun ?
Er zeigt HTML Tags und sagt was sie machen.
|
|
|
|
|
03/01/2010, 17:03
|
#6
|
elite*gold: 169
Join Date: Dec 2009
Posts: 3,191
Received Thanks: 1,535
|
Wirklich nice!
Hast ein THX kann ich gut gebrauchen,zum Downloaden wäre es noch geiler *_____*
|
|
|
|
|
03/03/2010, 19:29
|
#7
|
elite*gold: 10
Join Date: Jan 2010
Posts: 3,880
Received Thanks: 808
|
super, tausend dank genau sowas hab ich gesucht!! ein ganz fettes dankeschön
|
|
|
|
|
03/03/2010, 20:06
|
#8
|
elite*gold: 164
Join Date: Feb 2010
Posts: 1,130
Received Thanks: 1,025
|
Sehr gut^^ Doch sind NIE im Leben alle Codes^^
|
|
|
|
|
03/04/2010, 16:48
|
#9
|
elite*gold: 0
Join Date: May 2008
Posts: 489
Received Thanks: 210
|
Oh by the way, which one's Pink?
|
|
|
|
 |
Similar Threads
|
vk promo codes , cx4storm , combat knife, m7, alle codes vk auch 1200g1 für 10euro
01/26/2011 - WarRock Trading - 3 Replies
vk promo codes und g1credits
1200g1+codes für 10euro psc
skype:xxkillaxx12
schreibt mir eine nachricht
;)
|
vk promo codes , cx4storm , combat knife, m7, alle codes vk auch 1250g1 für 10euro
08/18/2010 - WarRock Trading - 4 Replies
hallo vk promo codes
und g1punkte bietet mir was an
|
KostenLoser Webspace+alle PHP Funktionen+werbefrei
04/04/2010 - Tutorials - 6 Replies
Sehr geehrte Besucher und User,
wir von Gaming-NET.eu bieten Ihnen professionellen & werbefreien Webspace für Ihr Projekt wie Clans, Gilden, Privatanwender.... an.
Bei uns gibt es keine Registrierungspflicht und der Webspace ist innerhalb 5 Minuten per LiveSupport eingerichtet!
Der Webspace ist dann kinderleicht zu bedienen, dank der Confixx 3 Pro Software.
Unsere Software & Hardware sind immer auf dem neusten Stand und bei Uns wurde der komplette Webspace von Kopf bis Fuß nach...
|
[Gm Codes?] Gibts eine Seite für alle GM-Codes?
08/21/2009 - Metin2 Private Server - 11 Replies
Hey ich wollte mal fragen ob es eine Seite gibts wo ALLE GM-Codes drauf sind die man mit GM benutzen kann? Also z.B wo King Rüssi usw. drauf ist?
Und bitte per Pn Schicken wer eine Seite weiß.
mfg
|
[Guide]Basic HTML Help and Codes/Tabs
01/17/2009 - CO2 PServer Guides & Releases - 2 Replies
Basic HTML Help and Codes/Tabs:
<!--text--> = comment
ex:
<!--This can be viewed in the HTML part of a document-->
------------------------------------------------- ---------------
<A txt</A> = anchor
ex:
<A HREF="http://www.yourdomain.com/">Vis it Our Site</A>
------------------------------------------------- ---------------
|
All times are GMT +1. The time now is 13:53.
|
|
![[HTML] Alle Codes + Funktionen](https://www.elitepvpers.com/forum/iconimages/web-development/html-alle-codes-funktionen_ltr.gif){kind=small}
