[HTML] Grundlagen 2/3

[Jay Niize]

Hallo
ElitePvPers
Das ist nun mein 2. & vorletztes HTML Grundlagen Tutorial!

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

<ul>
<li>
Apfel
</li>
<li>
Birne
</li>
<li>
Orange
</li
<ul>

Das würde dann so aussehen :

[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


Textfelder
Nun kommen die Textfelder dran!
Ein Textfeld sieht folgendermaßen aus :

<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
value="..." = Was im Textfeld steht
size="Länge" = Länge!


PasswortFeld
Das ist das gleiche wie in der Textbox :

<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 :

<input type="button" name="Test" value="Hallo!" />

Uploads

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

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

Pulldown Menü
Ein Pulldown menü kann so einiges! Sachen auswählen... xD OK kommen wir zum 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 OK Da die erläuterung von allem ja schon oben bei der Textbox steht... Der 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 :

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:

<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

[Cash²]

Wieder mal sehr gut beschrieben. Deine Tutorials sind sehr verständlich.
Ty.

[!NOTFALL!]

thx, hab wieder was dazu gelernt
machst die tuts aber auch echt gut

[Jay Niize]

ty

hat auch so ne halbe Stunde gedauert :P

[#FaiL']

Originally Posted by Jusikid

ty

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

[Project Rivalry]

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 ....

[#Minecraft]

Hilfreicher Thread- Danke.

[Project Rivalry]

naja wollt fragen was es für möglichkeiten gibt den button zu gestalten in html

[-TaddeL-]

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?