[HTML] Grundlagen 2/3

04/25/2010 11:58 Jay Niize#1
Hallo
ElitePvPers
Das ist nun mein 2. & vorletztes HTML Grundlagen Tutorial!
[Only registered and activated users can see links. Click Here To Register...]
Inhalt
  • Liste erstellen
  • Textfeld
  • Passwortfeld
  • Button
  • Uploads
  • Pulldown Menüs
  • Radiobuttons
  • Checkboxen
  • Mehrzeilige Textfelder

Liste erstellen
Bei den Listen gibt es wieder drei Tags :
  • <ol> Geordnete Liste (1.,2.,3.,)
  • <ul>Ungeordnete Liste (aufzählungspunkte)
  • <li> Listenelement (Innerhalb einer Liste)
AM besten wir kombinieren das <ul> Tag und das <li> Tag
HTML Code:
<ul>
<li>
Apfel
</li>
<li>
Birne
</li>
<li>
Orange
</li
<ul>
Das würde dann so aussehen :
Code:
[LIST][*]Apfel[*]Birne[*]Orange[/LIST]
Wir können alle Listen kombinieren & so wieder neue Unter geordnete Listen erstellen, worauf ich aber hier nicht eingehe, da wir ja nur die Grundlagen haben wollen!
Im 3. Tutorial sind solche Sachen Dabei, alles über den Tellerrand :D


Textfelder
Nun kommen die Textfelder dran!
Ein Textfeld sieht folgendermaßen aus :
Code:
<input [COLOR="Red"]type="text"[/COLOR] [COLOR="Blue"]name="name"[/COLOR] [COLOR="DarkOrchid"]value="..."[/COLOR] [COLOR="Lime"]size="Länge"[/COLOR] />
Type="text" = Das ist Dafür das es ein Textfeld wird!
name="name" = Der Name! Schreibt irgendwas rein :D
value="..." = Was im Textfeld steht
size="Länge" = Länge!


PasswortFeld
Das ist das gleiche wie in der Textbox :
HTML Code:
<input type="password"
name="name"
value="lol"
size="10"
/>

Button
Der Button ist einer Der wichtigsten Objekte in der HTML-Sprache! Er kann Aktionen ausführen, neue Seite, Neuer Tap...
Der Code ist auch fast so wie bei dem Textfeld :
HTML Code:
<input type="button" name="Test" value="Hallo!" />

Uploads

Schon wieder so ein code xD naja.. der ist wenigstens Sinnvoll!

HTML Code:
<input type="file" name="Datei" size="20" />

Pulldown Menü
Ein Pulldown menü kann so einiges! Sachen auswählen... xD OK kommen wir zum COde!

HTML Code:
<select name="Irgendwas">
<option value="ll">LdOL</option>
<option value="lol">LdaOL</option>
<option value="ol">LOgL</option>
<option value="lo">LrOL</option>
</select>
Radiobutton
Der Radiobutton...Der süße kleine Punkt :D OK Da die erläuterung von allem ja schon oben bei der Textbox steht... Der Code :
HTML Code:
<input Type="radio" name="lol" value="Cool" />lol

Checkboxen
Bei diesem Code gibt es wenigstens 1Was zu Erklären :
bei dem Attribut "checked" Kann man auswählen ob in dieser checkbox ein Hacken drin ist, oder nicht! Wenn ja einfach das Attribut hinzufügen, ansonsten lässt man es weg!
Code :
HTML Code:
Hacken drin :
<input type="checkbox" name="name" value="Wert" checked="checked">
Hacken nicht drin :
<input type="checkbox" name="name" value="Wert">

Mehrzeilige Textboxen
Eine Mehrzeilige Textbox besteht daraus, das mehr in diese Hinein passt und auch Geschichten schreiben lässt
Code:
HTML Code:
<textarea name="lol" rows="8" cols="50" >
Rows sind die Tiefen... also von unten, und damit auch verständlicher die Höhe!
Cols ist die Breite

Das war mein 2. und vorletztes Tutorial! Was im nächsten dran kommen wird :
  • Meta Tags
  • Seite Online stellen
  • Alle Tags Auf einem Blick
  • Tiefere Eigenschaften
04/25/2010 12:27 Cash²#2
Wieder mal sehr gut beschrieben. Deine Tutorials sind sehr verständlich.
Ty.
04/28/2010 23:17 !NOTFALL!#3
thx, hab wieder was dazu gelernt:D
machst die tuts aber auch echt gut;)
04/29/2010 14:15 Jay Niize#4
ty :D

hat auch so ne halbe Stunde gedauert :P
05/02/2010 17:20 #FaiL'#5
Quote:
Originally Posted by Jusikid View Post
ty :D

hat auch so ne halbe Stunde gedauert :P
Sry aber das merkt man...

Du hast zwar Textboxen usw. erklärt aber nicht was bzw. wie man etwas damit machen kann ;D

LG
10/28/2010 16:52 Project Rivalry#6
was kann man mit textboxen unso mache? und wie schreibt man bei nem button ne funktion dazu? kan man den button auch designen? sry wenn das dumme fragen sind aber fange gerade mit html an ....
10/28/2010 17:03 #Minecraft#7
Hilfreicher Thread- Danke.
10/28/2010 19:03 Project Rivalry#8
naja wollt fragen was es für möglichkeiten gibt den button zu gestalten in html
11/04/2010 17:58 -TaddeL-#9
Moin,ich finde das TuT nicht schlecht aber was blöd ist das hier nicht erklärt wird wie man die Befehle anwenden kann.Ich hatte nämlich vor so eine FUnktion einzubauen das man einen Beitrag schreiben kann aber das man davor den Namen der bei der Nachricht erscheinen soll einzubauen.

Wie geht das?