Vorwort
Das Original, dieses Tutorials wurde von w3schools ins Englische verfasst, ich übersetze lediglich diesen Text ins deutsche!
Was ist HTML?
HTML ist eine Sprache zur Beschreibung einer Webseite!
• HTML steht für Hyper Text Markup Language
• HTML ist keine Programmiersprache sondern eine plattformunabhängige Dokumentbeschreibungssprache
• Eine plattformunabhängige Dokumentbechreibungssprache setzt HTML-Tags.
• HTML benutzt HTML-Tags um eine Webseite zu kreieren.
HTML Tags
HTML Tags werden auch HTML Befehle genannt
• HTML Tags benutzen spitze Klammern zum öffnen und schließen von Kommandos
• HTML Tags werden normalerweise zwischen einen Befehl hineingeschrieben <b> und </b>
• Der erste Tag ist der Befehlsstart und der zweite Tag das Befehlsende
• Start- und Endtags werden also auch offene- und geschlossene Tags genannt.
HTML Dokumente = Webseiten
• HTML Dokumente beschreiben Webseiten
• HTML Dokumente enthalten Tags und Text
• HTML Dokumete werden auch Webseiten genannt
Der Standart von einem Webbrowser (z.B. Internet Explorer oder Firefox) lesen
die HTML Dokumente und geben diese als eine Webseite wieder. Der Webbrowser zeigt
keine HTML Tags, aber benutzt die Tags zum interpretieren der Webseite:
Erklärung
• Der Text zwischen <html> und </html> beschreibt die Seite
• Der Text zwischen <body> zund </body> ist der sichtbare Teil der Webseite
• Der Text zwischen <h1> und </h1> wird als eine Überschrift angezeigt
• Der Text zwischen <p> und </p> wird als ein Absatz angezeigt
Alles was du brauchst
Du benötigst keine zusätzliche Software um HTML zu lernen
• Du benötigst keinen zusätzlichen HTML-Editor
• Du benötigst keinen Web Server
• Du benötigst keinen Homepage Baukasten.
HTML Bearbeiten
In diesem Tutorial werden wir den Standart Editor (Notepad) benutzen um HTML anwenden zu können. Ich denke das ist der beste weg um HTML zu lernen.
Wie auch immer, professionelle Web Entwickler benutzen oft HTML Editoren wie FrontPage oder Dreamweaver, um ein HTML-Dokument zu kreieren.
Erstelle deine eigene Test Webseite
Wenn du nur HTML lernen willst, überspringe diesen Kapitel.
Wenn du eine Test-Webseite auf deinem eigenen Computer haben möchtest, downloade dir die unten genannten Datein auf deinen Desktop
mainpage.htm [Link wird eingefügt]
page1.htm [Link wird eingefügt]
page2.htm [Link wird eingefügt]
Wenn du dir die Datein gedownloadet hast, mach einen Doppelklick auf die Datei "mainpage.htm" und du siehst deine
erste eigene Webseite!
Nutze die Test Webseite zum lernen!
Ich möchte, dass du mit der Test Webseite alles was du gelernt hast, auch auf der Test Webseite anwendest.
Hinweis: Wenn du einen HTML Tag siehst den du zuvor noch nie gesehen hast - keine Panik. Du wirst noch alles in den nächsten Kapiteln lernen.
.HTM oder .HTML Erweiterung?
Wenn du eine HTML Datei speichern willst, wirst du sehen können das du als .htm oder die .html Erweiterung benutzen kannst. Wir werden .htm in den Beispielen benutzen. Es ist eine alte Gewohnheit aus der Vergangenheit, weil die frühere Software nur Dateiendungen mit drei Buchstaben zugelassen hat.
Mit der neueren Software ist es sicherer die Erweiterung von .html zu benutzen.
Wenn du einen HTML Tag siehst den du zuvor noch nie gesehen hast - keine Panik. Du wirst noch alles in den nächsten Kapiteln lernen.
HTML Überschriften
HTML Überschriften werden mit dem Tag <h1> bis <h6> definiert.
HTML Absätze
HTML Absätze werden mit dem Tag <p> definiert.
HTML Links
HTML Links werden mit dem Tag <a> definiert.
Hinweis: Die Link Adresse wird als Attribut zur Verfügung gestellt.
(Du wirst später mehr über Attributen in den nächsten Kapiteln lesen)
HTML Bilder
HTML Bilder werden in dem Tag <img> definiert.
Hinweis: Der Name und die größe des Bildes werden als Attribut zur Verfügung gestellt.
(Du wirst später mehr über Attributen in den nächsten Kapiteln lesen)
HTML Dokumente werden durch HTML Elemente definiert.
HTML Elemente
Ein HTML Tag ist alles vom Anfang des Tags bis zum Ende des Tags:
* Der Befehlsstart wird oft auch als Starttag, und das Befehlsende als Endtag bezeichnet.
HTML Element Syntax
• Ein HTML Element startet mit einem Befehlsstart / Starttag.
• Ein HTML Element endet mit einem Befehlsende / Endtag.
• Der Element Inhalt ist immer zwischen dem Start- und dem Endtag.
• Manche HTML Elemente haben keinen Inhalt.
• HTML Elemente ohne Inhalt werden im Starttag geschlossen.
• Die meisten HTML Elemente können Attribute haben.
Tipp: Du wirst mehr über Attribute in den nächsten Kapitel'n des Tutorials lernen.
Verschachtelte HTML Elemente
Mache HTML Elemente können verschachtelt werden (können auch andere HTML Inhalte enthalten).
HTML Dokumente bestehen aus verschachtelten HTML Elementen.
HTML Dokument Beispiel
Das obige Beispiel enthält 3 HTML Elemente.
Erklärung des HTML Beispiel's
Das <p> Element:
Das <p> Element definiert einen Absatz im HTML Dokument.
Das Element hat ein Starttag <p> und ein Endtag </p>.
Das Element enthält den Inhalt: Das ist mein erster Absatz.
Das <body> Element:
Das <body> Element definiert den "Körper" (den Inhalt) des HTML Dokuments.
Das Element hat ein Starttag <body> und ein Endtag </body>.
Das Element enthält im Inhalt ein anderes HTML Element (das <p> Element).
Das <html> Element:
Das <html> Element definiert das gesamte HTML Dokument.
Das Element hat ein Starttag <html> und ein Endtag </html>.
Das Element enthält im Inhalt ein anderes HTML Element (das <body> Element).
Vergiss nicht den Endtag
Manche Browser zeigen das HTML Dokument nicht korrekt an wenn du vergisst das Endtag zu setzen:
Das obige Beispiel wird in manchen Browsern funktionieren, doch verlassen sie sich nicht darauf, das es in allen Browsern funktioniert.
Hinweis: Neuere Versionen der Browser erlauben es nicht, den Endtag aus zu lassen/zu überspringen.
Leere HTML Elemente
HTML Elemente ohne Inhalt nennt man auch "leere Elemente". Leere Elemente können im Starttag geschlossen werden.
<br> ist ein leeres Element ohne ein Endtag (das <br> definiert einen Zeilenumbruch).
In XHTML, XML, und neuere Versionen von HTML, müssen alle Elemente geschlossen werden.
Fügen sie ein Slash im Starttag hinzu, wie <br />, ist die richtige Art und Weise zum schließen leerer Elemente, die von HTML, XHTML und XML akzeptiert werden.
Selbst wenn <br> in allen Browsern funktioniert, schreibt man <br /> da es Zukunftssicherer ist.
HTML Tipp: Benutz klein geschriebene Tags
In HTML Tags gibt es keine Groß- und Kleinschreibung: <P> ist das gleiche wie <p>. Manche Webseiten benutzen groß geschriebene HTML Tags.
----------------------------------------------------------------------------------------------------------------------------------------------------------------
Das Original, dieses Tutorials wurde von w3schools ins Englische verfasst, ich übersetze lediglich diesen Text ins deutsche!
Kapitel 1: HTML - Einführung
Was ist HTML?
HTML ist eine Sprache zur Beschreibung einer Webseite!
• HTML steht für Hyper Text Markup Language
• HTML ist keine Programmiersprache sondern eine plattformunabhängige Dokumentbeschreibungssprache
• Eine plattformunabhängige Dokumentbechreibungssprache setzt HTML-Tags.
• HTML benutzt HTML-Tags um eine Webseite zu kreieren.
HTML Tags
HTML Tags werden auch HTML Befehle genannt
• HTML Tags benutzen spitze Klammern zum öffnen und schließen von Kommandos
• HTML Tags werden normalerweise zwischen einen Befehl hineingeschrieben <b> und </b>
• Der erste Tag ist der Befehlsstart und der zweite Tag das Befehlsende
• Start- und Endtags werden also auch offene- und geschlossene Tags genannt.
HTML Dokumente = Webseiten
• HTML Dokumente beschreiben Webseiten
• HTML Dokumente enthalten Tags und Text
• HTML Dokumete werden auch Webseiten genannt
Der Standart von einem Webbrowser (z.B. Internet Explorer oder Firefox) lesen
die HTML Dokumente und geben diese als eine Webseite wieder. Der Webbrowser zeigt
keine HTML Tags, aber benutzt die Tags zum interpretieren der Webseite:
• Der Text zwischen <html> und </html> beschreibt die Seite
• Der Text zwischen <body> zund </body> ist der sichtbare Teil der Webseite
• Der Text zwischen <h1> und </h1> wird als eine Überschrift angezeigt
• Der Text zwischen <p> und </p> wird als ein Absatz angezeigt
Kapitel 2: HTML - Erste Schritte
Alles was du brauchst
Du benötigst keine zusätzliche Software um HTML zu lernen
• Du benötigst keinen zusätzlichen HTML-Editor
• Du benötigst keinen Web Server
• Du benötigst keinen Homepage Baukasten.
HTML Bearbeiten
In diesem Tutorial werden wir den Standart Editor (Notepad) benutzen um HTML anwenden zu können. Ich denke das ist der beste weg um HTML zu lernen.
Wie auch immer, professionelle Web Entwickler benutzen oft HTML Editoren wie FrontPage oder Dreamweaver, um ein HTML-Dokument zu kreieren.
Erstelle deine eigene Test Webseite
Wenn du nur HTML lernen willst, überspringe diesen Kapitel.
Wenn du eine Test-Webseite auf deinem eigenen Computer haben möchtest, downloade dir die unten genannten Datein auf deinen Desktop
mainpage.htm [Link wird eingefügt]
page1.htm [Link wird eingefügt]
page2.htm [Link wird eingefügt]
Wenn du dir die Datein gedownloadet hast, mach einen Doppelklick auf die Datei "mainpage.htm" und du siehst deine
erste eigene Webseite!
Nutze die Test Webseite zum lernen!
Ich möchte, dass du mit der Test Webseite alles was du gelernt hast, auch auf der Test Webseite anwendest.
Hinweis: Wenn du einen HTML Tag siehst den du zuvor noch nie gesehen hast - keine Panik. Du wirst noch alles in den nächsten Kapiteln lernen.
.HTM oder .HTML Erweiterung?
Wenn du eine HTML Datei speichern willst, wirst du sehen können das du als .htm oder die .html Erweiterung benutzen kannst. Wir werden .htm in den Beispielen benutzen. Es ist eine alte Gewohnheit aus der Vergangenheit, weil die frühere Software nur Dateiendungen mit drei Buchstaben zugelassen hat.
Mit der neueren Software ist es sicherer die Erweiterung von .html zu benutzen.
Kapitel 3: HTML - Basic
Wenn du einen HTML Tag siehst den du zuvor noch nie gesehen hast - keine Panik. Du wirst noch alles in den nächsten Kapiteln lernen.
HTML Überschriften
HTML Überschriften werden mit dem Tag <h1> bis <h6> definiert.
HTML Absätze werden mit dem Tag <p> definiert.
HTML Links
HTML Links werden mit dem Tag <a> definiert.
Hinweis: Die Link Adresse wird als Attribut zur Verfügung gestellt.
(Du wirst später mehr über Attributen in den nächsten Kapiteln lesen)
HTML Bilder
HTML Bilder werden in dem Tag <img> definiert.
Hinweis: Der Name und die größe des Bildes werden als Attribut zur Verfügung gestellt.
(Du wirst später mehr über Attributen in den nächsten Kapiteln lesen)
Kapitel 4: HTML - Elemente
HTML Dokumente werden durch HTML Elemente definiert.
HTML Elemente
Ein HTML Tag ist alles vom Anfang des Tags bis zum Ende des Tags:
* Der Befehlsstart wird oft auch als Starttag, und das Befehlsende als Endtag bezeichnet.
HTML Element Syntax
• Ein HTML Element startet mit einem Befehlsstart / Starttag.
• Ein HTML Element endet mit einem Befehlsende / Endtag.
• Der Element Inhalt ist immer zwischen dem Start- und dem Endtag.
• Manche HTML Elemente haben keinen Inhalt.
• HTML Elemente ohne Inhalt werden im Starttag geschlossen.
• Die meisten HTML Elemente können Attribute haben.
Tipp: Du wirst mehr über Attribute in den nächsten Kapitel'n des Tutorials lernen.
Verschachtelte HTML Elemente
Mache HTML Elemente können verschachtelt werden (können auch andere HTML Inhalte enthalten).
HTML Dokumente bestehen aus verschachtelten HTML Elementen.
HTML Dokument Beispiel
Das obige Beispiel enthält 3 HTML Elemente.
Erklärung des HTML Beispiel's
Das <p> Element:
Das <p> Element definiert einen Absatz im HTML Dokument.
Das Element hat ein Starttag <p> und ein Endtag </p>.
Das Element enthält den Inhalt: Das ist mein erster Absatz.
Das <body> Element:
Das <body> Element definiert den "Körper" (den Inhalt) des HTML Dokuments.
Das Element hat ein Starttag <body> und ein Endtag </body>.
Das Element enthält im Inhalt ein anderes HTML Element (das <p> Element).
Das <html> Element:
Das <html> Element definiert das gesamte HTML Dokument.
Das Element hat ein Starttag <html> und ein Endtag </html>.
Das Element enthält im Inhalt ein anderes HTML Element (das <body> Element).
Vergiss nicht den Endtag
Manche Browser zeigen das HTML Dokument nicht korrekt an wenn du vergisst das Endtag zu setzen:
Das obige Beispiel wird in manchen Browsern funktionieren, doch verlassen sie sich nicht darauf, das es in allen Browsern funktioniert.
Hinweis: Neuere Versionen der Browser erlauben es nicht, den Endtag aus zu lassen/zu überspringen.
Leere HTML Elemente
HTML Elemente ohne Inhalt nennt man auch "leere Elemente". Leere Elemente können im Starttag geschlossen werden.
<br> ist ein leeres Element ohne ein Endtag (das <br> definiert einen Zeilenumbruch).
In XHTML, XML, und neuere Versionen von HTML, müssen alle Elemente geschlossen werden.
Fügen sie ein Slash im Starttag hinzu, wie <br />, ist die richtige Art und Weise zum schließen leerer Elemente, die von HTML, XHTML und XML akzeptiert werden.
Selbst wenn <br> in allen Browsern funktioniert, schreibt man <br /> da es Zukunftssicherer ist.
HTML Tipp: Benutz klein geschriebene Tags
In HTML Tags gibt es keine Groß- und Kleinschreibung: <P> ist das gleiche wie <p>. Manche Webseiten benutzen groß geschriebene HTML Tags.
Kapitel 5: HTML - Attribute
Kapitel 11: HTML - Bilder
Attribute geben Zusatz-Informationen über ein HTML Element aus.
HTML Attribute
• HTML Elemente können Attribute haben.
• Attribute geben Zusatz-Informationen über ein HTML Element aus.
• Attribute sind immer im Starttag angegeben.
• Attribute kommen in Name/Wert Paare wie: name="wert"
Attribut Beispiel
HTML Links werden im <a> Tag definiert. Die Link Adresse wird im href Attribut angegeben:
Attributwerte immer in Anführungszeichen
Attributwerte müssen immer in Anführungszeichen gesetzt werden.
Atributwerte werden am häufigsten zwischen zwei Anführungszeichen gesetzt, aber einzelne Anführungszeichen sind auch erlaubt.
Tipp: In einigen seltenen Fällen, wenn der Attributwert selber Anführungszeichen enthält, ist es erforderlich einzelne Anführungszeichen zu benutzen: name='John "ShotGun" Nelson'
HTML Tipp: Benutz klein geschriebene Attribute
Attributnamen und Attributwerte werden groß und klein geschrieben.
Allerdings empfiehlt das World Wide Web Consortium (W3C) kleingeschriebene Attributnamen und Attributwerte.
Neuere Versionen von (X)HTML werden die Werte und Namen kleingeschrieben.
HTML Attribut Referenz
Eine komplette Liste legaler Attribute für manche HTML findest du in unserer:
Kompletten Liste, legaler HTML Referenzen
Unten ist eine Liste einiger Attribute die für Standart HTML Elemente sind:
Für mehr Informationen über ein Standart Attribut:
HTML Standart Attribut Referenzen
HTML Attribute
• HTML Elemente können Attribute haben.
• Attribute geben Zusatz-Informationen über ein HTML Element aus.
• Attribute sind immer im Starttag angegeben.
• Attribute kommen in Name/Wert Paare wie: name="wert"
Attribut Beispiel
HTML Links werden im <a> Tag definiert. Die Link Adresse wird im href Attribut angegeben:
Attributwerte immer in Anführungszeichen
Attributwerte müssen immer in Anführungszeichen gesetzt werden.
Atributwerte werden am häufigsten zwischen zwei Anführungszeichen gesetzt, aber einzelne Anführungszeichen sind auch erlaubt.
Tipp: In einigen seltenen Fällen, wenn der Attributwert selber Anführungszeichen enthält, ist es erforderlich einzelne Anführungszeichen zu benutzen: name='John "ShotGun" Nelson'
HTML Tipp: Benutz klein geschriebene Attribute
Attributnamen und Attributwerte werden groß und klein geschrieben.
Allerdings empfiehlt das World Wide Web Consortium (W3C) kleingeschriebene Attributnamen und Attributwerte.
Neuere Versionen von (X)HTML werden die Werte und Namen kleingeschrieben.
HTML Attribut Referenz
Eine komplette Liste legaler Attribute für manche HTML findest du in unserer:
Kompletten Liste, legaler HTML Referenzen
Unten ist eine Liste einiger Attribute die für Standart HTML Elemente sind:
Für mehr Informationen über ein Standart Attribut:
HTML Standart Attribut Referenzen
Kapitel 6: HTML - Überschriften
Überschriften sind wichtig in HTML Dokumenten.
HTML Überschriften
Überschriften werden mit den Tag's <h1> bis <h6> definiert.
<h1> definiert die größte Überschrift. <h6> definiert die kleinste Überschrift.
Hinweis: Browser fügen automatisch vor und nach einer Überschrift ein Leerzeichen ein.
Überschriften sind wichtig
Benutz HTML Überschriften nur für Überschriften. Benutz Überschriften nicht um einen Text Groß oder Fett erscheinen zu lassen.
Suchmaschinen benutzen deine Überschriften zum speichern der Struktur und dem Inhalt deiner Webseiten.
Da die Nutzer ihrer Seiten den Text durch Überschriften überfliegen können, ist es wichtig, Überschriften zu verwenden um die Struktur des Dokuments zu zeigen.
H1 Überschriften sollten als Seitenüberschrift verwendet werden, gefolgt von H2 Überschriften, dann die nicht so wichtigen H3 Überschrift, und so weiter.
HTML Linien
Der <hr /> Tag erstellt eine horizontale Linie auf der HTML Seite.
Das <hr> Element kann zur Trennung von Inhalten verwendet werden:
HTML Kommentare
Kommentare können in HTML Code eingefügt werden um den Code übersichtlicher und lesefreundlicher zu gestalten.
Kommentare werden vom Browser Ignoriert und auf dem HTML Dokument nicht angezeigt.
Kommentare werden geschrieben wie:
Hinweis: Es ist ein Ausrufezeichen am anfang der geöffneten Klammer, jedoch am ende der geschlossenen Klammer nicht.
HTML Tipp: Wie schaue ich mir HTML Code an
Hast du jemals eine Webseite gesehen und dich gewundert "Hey! Wie hat er das gemacht?"
So findest du es raus, mach einen Rechtsklick auf den Inhalt der Webseite, und wähle den Menüpunkt "Quellcode anzeigen" (IE) oder "Seitenquelltext anzeigen" (Firefox) oder ähnliches für andere Browser aus. Dadurch öffnet sich ein Fenster mit dem HTML Code der Webseite.
HTML Überschriften
Überschriften werden mit den Tag's <h1> bis <h6> definiert.
<h1> definiert die größte Überschrift. <h6> definiert die kleinste Überschrift.
Überschriften sind wichtig
Benutz HTML Überschriften nur für Überschriften. Benutz Überschriften nicht um einen Text Groß oder Fett erscheinen zu lassen.
Suchmaschinen benutzen deine Überschriften zum speichern der Struktur und dem Inhalt deiner Webseiten.
Da die Nutzer ihrer Seiten den Text durch Überschriften überfliegen können, ist es wichtig, Überschriften zu verwenden um die Struktur des Dokuments zu zeigen.
H1 Überschriften sollten als Seitenüberschrift verwendet werden, gefolgt von H2 Überschriften, dann die nicht so wichtigen H3 Überschrift, und so weiter.
HTML Linien
Der <hr /> Tag erstellt eine horizontale Linie auf der HTML Seite.
Das <hr> Element kann zur Trennung von Inhalten verwendet werden:
Kommentare können in HTML Code eingefügt werden um den Code übersichtlicher und lesefreundlicher zu gestalten.
Kommentare werden vom Browser Ignoriert und auf dem HTML Dokument nicht angezeigt.
Kommentare werden geschrieben wie:
Hinweis: Es ist ein Ausrufezeichen am anfang der geöffneten Klammer, jedoch am ende der geschlossenen Klammer nicht.
HTML Tipp: Wie schaue ich mir HTML Code an
Hast du jemals eine Webseite gesehen und dich gewundert "Hey! Wie hat er das gemacht?"
So findest du es raus, mach einen Rechtsklick auf den Inhalt der Webseite, und wähle den Menüpunkt "Quellcode anzeigen" (IE) oder "Seitenquelltext anzeigen" (Firefox) oder ähnliches für andere Browser aus. Dadurch öffnet sich ein Fenster mit dem HTML Code der Webseite.
Kapitel 7: HTML - Absatz
HTML Dokumente werden in Absätzen unterteilt.
HTML Absatz
Absätze werden mit dem <p> Tag definiert.
Hinweis: Browser fügen automatisch vor und nach dem Absatz ein Leerzeichen hinzu.
Vergiss nicht das Endtag
Manche Browser zeigen das HTML Dokument nicht korrekt an wenn du vergisst das Endtag zu setzen:
Das obige Beispiel wird in manchen Browsern funktionieren, doch verlassen sie sich nicht darauf, das es in allen Browsern funktioniert.
Hinweis: Neuere Versionen der Browser erlauben es nicht, den Endtag aus zu lassen/zu überspringen.
HTML Zeilenumbruch
Benutz den <br /> Tag wenn du einen Zeilenumbruch benötigst (eine neue Zeile) ohne ein neuen Absatz zu erstellen:
Das <br /> Element ist ein leeres HTML Element. Es hat kein Endtag.
<br> oder <br />
In XHTML, XML, und neueren Versionen von HTML, sind HTML Elemente ohne Endtag (Befehlsende) nicht akzeptabel.
Selbst wenn <br> in allen Browsern funktioniert, schreibt man <br /> da es Zukunftssicherer ist.
HTML Ausgabe - Hilfreiche Tipp's
Sie können sich nie sicher sein, wie ihre HTML Seite später ausgegeben wird. Große oder kleine Bildschirme, und veränderte Fenstergrößen können verschiedene Ergebnisse erzeugen.
Mit HTML, können sie die Ausgabe beim hinzufügen von extra Leerzeichen oder Extra Linien verändern.
Der Browser wird alle zusätzlichen Leerzeichen und zusätzlichen Linien beim anzeigen der Seite entfernen. Jede zusätzliche Zeile zählt als eine Linie, und jedes zusätzliche Leerzeichen zählt als ein Leerzeichen.
Kapitel 9: HTML - Styles
HTML Dokumente werden in Absätzen unterteilt.
HTML Absatz
Absätze werden mit dem <p> Tag definiert.
Hinweis: Browser fügen automatisch vor und nach dem Absatz ein Leerzeichen hinzu.
Vergiss nicht das Endtag
Manche Browser zeigen das HTML Dokument nicht korrekt an wenn du vergisst das Endtag zu setzen:
Das obige Beispiel wird in manchen Browsern funktionieren, doch verlassen sie sich nicht darauf, das es in allen Browsern funktioniert.
Hinweis: Neuere Versionen der Browser erlauben es nicht, den Endtag aus zu lassen/zu überspringen.
HTML Zeilenumbruch
Benutz den <br /> Tag wenn du einen Zeilenumbruch benötigst (eine neue Zeile) ohne ein neuen Absatz zu erstellen:
Das <br /> Element ist ein leeres HTML Element. Es hat kein Endtag.
<br> oder <br />
In XHTML, XML, und neueren Versionen von HTML, sind HTML Elemente ohne Endtag (Befehlsende) nicht akzeptabel.
Selbst wenn <br> in allen Browsern funktioniert, schreibt man <br /> da es Zukunftssicherer ist.
HTML Ausgabe - Hilfreiche Tipp's
Sie können sich nie sicher sein, wie ihre HTML Seite später ausgegeben wird. Große oder kleine Bildschirme, und veränderte Fenstergrößen können verschiedene Ergebnisse erzeugen.
Mit HTML, können sie die Ausgabe beim hinzufügen von extra Leerzeichen oder Extra Linien verändern.
Der Browser wird alle zusätzlichen Leerzeichen und zusätzlichen Linien beim anzeigen der Seite entfernen. Jede zusätzliche Zeile zählt als eine Linie, und jedes zusätzliche Leerzeichen zählt als ein Leerzeichen.
Kapitel 8: HTML - Text formatierung
HTML Tag's zur Formatierung
HTML benutzt Tags wie <b> und <i> um formatierten Text auszugeben, wie Fett und Kursiv.
Diese HTML Tags nennt man auch formatierende Tags.
HTML Text formatierung Tag's
HTML "Computer Ausgabe" Tag's
HTML Zitate, Quote's, und Definition's Tag's
HTML benutzt Tags wie <b> und <i> um formatierten Text auszugeben, wie Fett und Kursiv.
Diese HTML Tags nennt man auch formatierende Tags.
HTML Text formatierung Tag's
HTML "Computer Ausgabe" Tag's
HTML Zitate, Quote's, und Definition's Tag's
Kapitel 9: HTML - Styles
Das Style Attribut wird verwendet um den Stil, der HTML Elemente zu verändern.
Alles anzeigen
Das HTML Style-Attribut
Der Zweck des Style Attribut's ist:
Um einen gemeinsamen Weg zum ursprünglichen Stil aller HTML-Elemente.
Die Style's wurden mit HTML 4 eingeführt, als der neue und bevorzugte Weg, um Stil in HTML Elemente zu bringen. Mit dem Style-Attribut konnten Style's auf HTML-Elemente hinzugefügt werden, oder seperat mit einer Stylesheet Datei (CSS-Datei).
Veraltete Tag's und Attribute
In HTML 4, sind mehrere Tag's und Attribute veraltet. Veraltet bedeutet das sie in zukünftigen Versionen von HTML und XHTML nicht mehr unterstützt werden.
Die Nachricht ist klar: Vermeiden sie es, veraltete Tag's und Attribute zu benutzen.
Diese Tag's sollten vermieden werden:
Für alle Leser: Benutzt Style-Attribute!
HTML Style Beispiel - Hintergrund Farbe
Die Eigenschaft background-color legt die Hintergrundfarbe für ein Element fest:
HTML Style Beispiel - Schriftart, Farbe und Größe
Die Eigenschaft font-family legt die Schriftart, Farbe und Größe des Textes im HTML Element fest.
HTML Style Beispiel - Textausrichtung
Die Eigenschaft text-align legt die horizontale Ausrichtung eines Textes im HTML Element fest.
HTML-Quellcode
- <html>
- <body style="background-color:PowderBlue;">
- <h1>Guck! Stil und Farbe</h1>
- <p style="font-family:verdana;color:red">
- Dieser Text ist in der Schriftart Verdana und in der Farbe rot!
- </p>
- <p style="font-family:times;color:green">
- Dieser Text ist in der Schriftart Times New Roman und in der Farbe grün!
- </p>
- <p style="font-size:30px">
- Dieser Text ist 30 Pixel breit.
- </p>
- </body>
- </html>
Der Zweck des Style Attribut's ist:
Um einen gemeinsamen Weg zum ursprünglichen Stil aller HTML-Elemente.
Die Style's wurden mit HTML 4 eingeführt, als der neue und bevorzugte Weg, um Stil in HTML Elemente zu bringen. Mit dem Style-Attribut konnten Style's auf HTML-Elemente hinzugefügt werden, oder seperat mit einer Stylesheet Datei (CSS-Datei).
Veraltete Tag's und Attribute
In HTML 4, sind mehrere Tag's und Attribute veraltet. Veraltet bedeutet das sie in zukünftigen Versionen von HTML und XHTML nicht mehr unterstützt werden.
Die Nachricht ist klar: Vermeiden sie es, veraltete Tag's und Attribute zu benutzen.
Diese Tag's sollten vermieden werden:
Für alle Leser: Benutzt Style-Attribute!
HTML Style Beispiel - Hintergrund Farbe
Die Eigenschaft background-color legt die Hintergrundfarbe für ein Element fest:
Die Eigenschaft font-family legt die Schriftart, Farbe und Größe des Textes im HTML Element fest.
Die Eigenschaft text-align legt die horizontale Ausrichtung eines Textes im HTML Element fest.
Kapitel 10: HTML - Links
Links findet man auf fast jeder Webseite. Mit Links können sich Benutzer von Seite zu Seite klicken.
HTML Hyperlinks (Links)
Ein Hyperlink (oder Link) ist ein Wort, eine Gruppe von Wörtern, oder ein Bild wo man drauf klicken kann um auf ein neues Dokument springen zu können.
Wenn du den Cursor über einen Link auf einer Webseite bewegst, verändert sich der Pfeil in eine kleine Hand.
Links werden in dem angegebenen Tag <a> definiert.
Der Tag <a> kann für zwei Zwecke verwendet werden.
HTML Link Syntax
Der HTML Code für einen Link ist einfach. Er sieht so aus:
Das href Attribut legt das Ziel des Link's fest.
Beispiel
das sieht wie folgt aus: Visit W3Schools
Beim klicken des Hyperlinks wird der Benutzer auf die W3Schools' Homepage weitergeleitet.
Tipp: Die "Link text" muss nicht unbedingt ein Text sein, es kann auch ein Bild oder ein anderes verknüpftes HTML Element sein!
HTML Links - Das Target Attribut
Das Target Attribut gibt an, das der Link in einem neuen Fenster geöffnet werden soll.
Das Beispiel zeigt, wie man mit einem Link ein neues Browser Fenster öffnet, das dann die verlinkte Seite anzeigt.
HTML Links - Das Name Attribut
Der Name-Attribut gibt den Namen des Kapitels an.
Das Name-Attribut kann benutzt werden um zu Lesezeichen eines HTML Dokumentes zu gelangen.
Lesezeichen sind in keiner besonderen Weise angezeigt. Sie sind nicht Sichtbar für den Leser.
Beispiel
Ein benanntes Kapitel in einem HTML Dokument:
Erstelle einen Link mit der wir zur "Hilfreichen Tipp's Sektion" in dem Dokument kommen:
Oder, erstelle einen Link der zur "Hilfreiche Tipp's Sektion" von einer anderen Seite führt:
Basic Notes - Hilfreiche Tipp's
Hinweis: Fügen sie am Ende des Unterordners immer ein Schrägstrich hinzu. Wenn sie diese Methode bevorzugen: href="http://www.w3schools.com/html", senden sie zwei Anfragen an den Server, der Server muss dann erst den Schrägstrich hinten dran hinzufügen, und dann sendet der Server eine neue Anfrage! Empfohlen wird: href="http://www.w3schools.com/html/".
Tipp: Benanne Kapitel werden oft zum erstellen von Inhaltsverzeichnissen, am Anfang des Dokumentes verwendet. Jedes Kapitel wurde ein benanntes Kapitel zugeteilt und Links zu jedem dieser Kapitel sind am Anfang gesetzt.
Tipp: Wenn ein Browser ein benannten Kapitel nicht findet, geht er an den Anfang des Dokuments, damit kein Fehler auftritt.
HTML Link Tag's
Links findet man auf fast jeder Webseite. Mit Links können sich Benutzer von Seite zu Seite klicken.
HTML Hyperlinks (Links)
Ein Hyperlink (oder Link) ist ein Wort, eine Gruppe von Wörtern, oder ein Bild wo man drauf klicken kann um auf ein neues Dokument springen zu können.
Wenn du den Cursor über einen Link auf einer Webseite bewegst, verändert sich der Pfeil in eine kleine Hand.
Links werden in dem angegebenen Tag <a> definiert.
Der Tag <a> kann für zwei Zwecke verwendet werden.
- Zum erstellen eines Links zu einem anderen Dokument, beim benutzen des href Attributes
- Zum erstellen eines Lesezeichen in einem Dokument, beim benutzen des name Attributes
HTML Link Syntax
Der HTML Code für einen Link ist einfach. Er sieht so aus:
Das href Attribut legt das Ziel des Link's fest.
Beispiel
das sieht wie folgt aus: Visit W3Schools
Beim klicken des Hyperlinks wird der Benutzer auf die W3Schools' Homepage weitergeleitet.
Tipp: Die "Link text" muss nicht unbedingt ein Text sein, es kann auch ein Bild oder ein anderes verknüpftes HTML Element sein!
HTML Links - Das Target Attribut
Das Target Attribut gibt an, das der Link in einem neuen Fenster geöffnet werden soll.
Das Beispiel zeigt, wie man mit einem Link ein neues Browser Fenster öffnet, das dann die verlinkte Seite anzeigt.
HTML Links - Das Name Attribut
Der Name-Attribut gibt den Namen des Kapitels an.
Das Name-Attribut kann benutzt werden um zu Lesezeichen eines HTML Dokumentes zu gelangen.
Lesezeichen sind in keiner besonderen Weise angezeigt. Sie sind nicht Sichtbar für den Leser.
Beispiel
Ein benanntes Kapitel in einem HTML Dokument:
Erstelle einen Link mit der wir zur "Hilfreichen Tipp's Sektion" in dem Dokument kommen:
Oder, erstelle einen Link der zur "Hilfreiche Tipp's Sektion" von einer anderen Seite führt:
Basic Notes - Hilfreiche Tipp's
Hinweis: Fügen sie am Ende des Unterordners immer ein Schrägstrich hinzu. Wenn sie diese Methode bevorzugen: href="http://www.w3schools.com/html", senden sie zwei Anfragen an den Server, der Server muss dann erst den Schrägstrich hinten dran hinzufügen, und dann sendet der Server eine neue Anfrage! Empfohlen wird: href="http://www.w3schools.com/html/".
Tipp: Benanne Kapitel werden oft zum erstellen von Inhaltsverzeichnissen, am Anfang des Dokumentes verwendet. Jedes Kapitel wurde ein benanntes Kapitel zugeteilt und Links zu jedem dieser Kapitel sind am Anfang gesetzt.
Tipp: Wenn ein Browser ein benannten Kapitel nicht findet, geht er an den Anfang des Dokuments, damit kein Fehler auftritt.
HTML Link Tag's
Kapitel 11: HTML - Bilder
[FELD="Beispiel"]
Norwegischer Berg-Wanderungs Ausflug
[/FELD]
HTML Der <img> Tag und das src-Attribut
In HTML, werdem Bilder mit dem <img> Tag definiert.
Der <img> Tag ist leer, was bedeutet, dass der Inhalt nur durch Attribute erfolgt, und enthält keinen Endtag.
Zum darstellen eines Bildes auf einer Seite, benötigen Sie das src- Attribut. Src steht für "source". Der Wert des src Attributes ist ein URL zum Bild, das dargestellt werden soll.
Syntax für die Definition eines Bildes:
Die URL verweist auf den Ort, an dem das Bild gespeichert ist. Ein Bild, dass den Namen "boat.gif" im Verzeichnis "images" auf "w3schools.com" befindestm hat den URL: http://www.w3schools.com/images/boat.gif.
Der Browser stellt das Bild da, wo der <img> Tag sich im HTML Dokument befindet. Wenn Sie ein Bild-Tag zwischen zwei Absätzen setzen, zeigt der Browser den ersten Absatz, dann das Bild und dann den zweiten Absatz.
HTML Das alt-Attribut
Das alt-Attribut zeigt einen alternativen Text eines Bildes, wenn das Bild nicht angezeigt werden kann.
Der Wert des alt-Attributes ist ein Autor definierter Text:
Das Alt-Attribut liefert Informationen für ein Bild, wenn der Besucher ihrer Homepage, aus irgendeinem Grund das Bild nicht sehen kann (wegen langsamer Internet Verbindung oder ein Fehler im src-Attribut).
Basic Notes - Hilfreiche Tipp's
Hinweis: Wenn dein HTML Dokument zehn Bilder enthält - elf Datein sind erforderlich, damit eine Seite richtig angezeigt werden kann. Bis alle Bilder geladen sind, kann das einige Zeit in Anspruch nehmen, deswegen einen gut gemeinten Rat: Suchen sie sich ihre Bilder sorgfältig aus!
Hinweis: Wenn eine Webseite geladen wird und die Webseite Bilder enthält, lädt er die Bilder von einem Webserver und fügt diese dann auf der Homepage ein. Stellen Sie daher sicher, dass die Bilder sich tatsächlichauf dem Server befinden, andernfalls werden Ihre Besucher einen fehlerhaften Link Icon angezeigt bekommen. Diese Link Icon's werden angezeigt, wenn der browser das Bild nicht finden kann.
HTML Bilder Tag's
Eine Tabelle ist in Zeilen unterteilt (mit dem <tr> Tag) und jede Zeile wird in Zellen aufgeteilt (mit dem <td> Tag). TD steht für "Daten der Tabelle" und hält den Inhalt einer Zelle fest. Der Tag <td> kann Text, Links, Bilder, Listen, Formulare usw. enthalten.
Tabellen Beispiel
Und so sieht der HTML-Code dann im Browser aus:
HTML Tabellen und der Border-Attribut
Wenn Sie keine Angabe im border-Attribut machen, wird die Tabelle ohne Rahmen dargestellt. Manchmal kann das nützlich sein, aber wir werden die Tabellen mit Rahmen darstellen.
Zum darstellen einer Tabelle, mit Rahmen nutzen Sie das border-Attribut:
HTML Table Überschriften
Überschriften in einer Tabelle werden im <th> Tag definiert.
Der Text in einem th-Element wird Fett und zentriert dargestellt.
Alles anzeigen
Und so sieht der HTML-Code dann im Browser aus:
HTML Tabellen-Tag's
Norwegischer Berg-Wanderungs Ausflug
[/FELD]
HTML Der <img> Tag und das src-Attribut
In HTML, werdem Bilder mit dem <img> Tag definiert.
Der <img> Tag ist leer, was bedeutet, dass der Inhalt nur durch Attribute erfolgt, und enthält keinen Endtag.
Zum darstellen eines Bildes auf einer Seite, benötigen Sie das src- Attribut. Src steht für "source". Der Wert des src Attributes ist ein URL zum Bild, das dargestellt werden soll.
Syntax für die Definition eines Bildes:
Die URL verweist auf den Ort, an dem das Bild gespeichert ist. Ein Bild, dass den Namen "boat.gif" im Verzeichnis "images" auf "w3schools.com" befindestm hat den URL: http://www.w3schools.com/images/boat.gif.
Der Browser stellt das Bild da, wo der <img> Tag sich im HTML Dokument befindet. Wenn Sie ein Bild-Tag zwischen zwei Absätzen setzen, zeigt der Browser den ersten Absatz, dann das Bild und dann den zweiten Absatz.
HTML Das alt-Attribut
Das alt-Attribut zeigt einen alternativen Text eines Bildes, wenn das Bild nicht angezeigt werden kann.
Der Wert des alt-Attributes ist ein Autor definierter Text:
Das Alt-Attribut liefert Informationen für ein Bild, wenn der Besucher ihrer Homepage, aus irgendeinem Grund das Bild nicht sehen kann (wegen langsamer Internet Verbindung oder ein Fehler im src-Attribut).
Basic Notes - Hilfreiche Tipp's
Hinweis: Wenn dein HTML Dokument zehn Bilder enthält - elf Datein sind erforderlich, damit eine Seite richtig angezeigt werden kann. Bis alle Bilder geladen sind, kann das einige Zeit in Anspruch nehmen, deswegen einen gut gemeinten Rat: Suchen sie sich ihre Bilder sorgfältig aus!
Hinweis: Wenn eine Webseite geladen wird und die Webseite Bilder enthält, lädt er die Bilder von einem Webserver und fügt diese dann auf der Homepage ein. Stellen Sie daher sicher, dass die Bilder sich tatsächlichauf dem Server befinden, andernfalls werden Ihre Besucher einen fehlerhaften Link Icon angezeigt bekommen. Diese Link Icon's werden angezeigt, wenn der browser das Bild nicht finden kann.
HTML Bilder Tag's
Kapitel 12: HTML - Tabellen
[FELD="HTML Tabellen"]
[/FELD]
HTML Tabellen
Tabellen sind im <table> Tag definiert.
[/FELD]
HTML Tabellen
Tabellen sind im <table> Tag definiert.
Eine Tabelle ist in Zeilen unterteilt (mit dem <tr> Tag) und jede Zeile wird in Zellen aufgeteilt (mit dem <td> Tag). TD steht für "Daten der Tabelle" und hält den Inhalt einer Zelle fest. Der Tag <td> kann Text, Links, Bilder, Listen, Formulare usw. enthalten.
Tabellen Beispiel
HTML Tabellen und der Border-Attribut
Wenn Sie keine Angabe im border-Attribut machen, wird die Tabelle ohne Rahmen dargestellt. Manchmal kann das nützlich sein, aber wir werden die Tabellen mit Rahmen darstellen.
Zum darstellen einer Tabelle, mit Rahmen nutzen Sie das border-Attribut:
Überschriften in einer Tabelle werden im <th> Tag definiert.
Der Text in einem th-Element wird Fett und zentriert dargestellt.
Quellcode
HTML Tabellen-Tag's
Kapitel 13: HTML - Listen
[FELD="HTML Listen"]
Eine geordnete Liste:
Eine ungeordnete Liste:
[/FELD]
HTML Ungeordnete Listen
Eine ungeordnete Liste startet mit dem <ul> Tag. Die Listenelemente starten mit dem <li> Tag.
Die Listenelemente werden mit Kugeln (in der Regel kleine schwarze Kreise) gekennzeichnet.
Und so sieht der HTML-Code dann im Browser aus:
HTML Geordnete Listen
Eine geordnete Liste startet mit dem <ol> Tag. Listenelemente starten mit dem <li> Tag.
Die Listenelemente werden mit Nummern gekennzeichnet.
Und so sieht der HTML-Code dann im Browser aus:
HTML Definierte Listen
Eine definierte Liste ist eine Liste von Elementen, mit einer Beschreibung zu jedem Element.
Der <dl> Tag definiert eine definierte Liste.
Der <dl> Tag steht in Verbindung mit dem <dt> Tag (definiert das Element in der Liste) und <dd> (beschreibt das Element in der Liste):
Und so sieht der HTML-Code dann im Browser aus:
Kaffee[INDENT]- Schwarz, heiß, trinken
[/INDENT]Milch[INDENT]- Weiß, kalt, trinken
[/INDENT]Basic Notes - Hilfreiche Tipp's
Hinweis: In einer Liste können sie Text, Zeilenümbrüche, Bilder, Links usw. setzen.
HTML Listen Tag's
Eine geordnete Liste:
- Das erste Listenelement
- Das zweite Listenelement
- Das dritte Listenelement
Eine ungeordnete Liste:
- Listenelement
- Listenelement
- Listenelement
[/FELD]
HTML Ungeordnete Listen
Eine ungeordnete Liste startet mit dem <ul> Tag. Die Listenelemente starten mit dem <li> Tag.
Die Listenelemente werden mit Kugeln (in der Regel kleine schwarze Kreise) gekennzeichnet.
Und so sieht der HTML-Code dann im Browser aus:
- Kaffee
- Milch
HTML Geordnete Listen
Eine geordnete Liste startet mit dem <ol> Tag. Listenelemente starten mit dem <li> Tag.
Die Listenelemente werden mit Nummern gekennzeichnet.
Und so sieht der HTML-Code dann im Browser aus:
- Kaffee
- Milch
HTML Definierte Listen
Eine definierte Liste ist eine Liste von Elementen, mit einer Beschreibung zu jedem Element.
Der <dl> Tag definiert eine definierte Liste.
Der <dl> Tag steht in Verbindung mit dem <dt> Tag (definiert das Element in der Liste) und <dd> (beschreibt das Element in der Liste):
Kaffee[INDENT]- Schwarz, heiß, trinken
[/INDENT]Milch[INDENT]- Weiß, kalt, trinken
[/INDENT]Basic Notes - Hilfreiche Tipp's
Hinweis: In einer Liste können sie Text, Zeilenümbrüche, Bilder, Links usw. setzen.
HTML Listen Tag's
Kapitel 14: HTML - Formulare
HTML-Formulare werden dazu verwendet, um verschiedene Arten von Benutzereingaben zu wählen.
HTML Formulare
HTML-Formulare werden verwendet, um Daten an einen Server zu übertragen
Ein Formular kann Eingabeelemente wie Textfelder, Checkboxen, Radio-Buttons, Submit-Buttons und vieles mehr enthalten. Ein Formular kann auch eine Auswahlliste, Textarea, Fieldset, Legenden und Beschftungs Elemente sein.
Das <form> Tag wird dazu verwendet, um ein HTML Formular zu verwenden:
HTML Formulare - Das Eingabeelement
Das wichtigste Formularelement ist das Eingabeelement.
Das Eingabe-Element wird dazu verwendet, um Benutzerdaten zu wählen.
Ein Eingabe-Element kann in vielfältiger Weise variieren, je nach Art des Attributes. Ein Eingabe-Element kann vom Typ ein Textfeld, eine Checkbox, ein Passwortfeld, ein Radio-Button, ein Submit-Button und vieles mehr sein.
Die am häufigsten verwendete Eingabe-Typen werden in weiteren Unterkapiteln beschrieben.
Textfelder
<input type="text" /> definiert ein einzeiliges Eingabefeld, dass einem Benutzer die Möglichkeit gibt, Text einzugeben:
Und so sieht der HTML-Code dann im Browser aus:
Vorname:
Nachname:
Hinweis: Das Formular an sich ist nicht sichtbar. Beachten Sie auch, dass die Standard-Breite eines Textfeldes 20 Zeichen beträgt.
Passwort Feld
<input type="password" /> definiert ein Passwort Feld:
Und so sieht der HTML-Code dann im Browser aus:
Passwort:
Hinweis: Die Zeichen in einem Passwort-Feld sind maskiert (dargestellt als Sternchen oder Kreise).
Radio Button's
<input type="radio" /> definiert ein Radio Button. Radio Buttons gibt dem Benutzer nur eine Auswahl, einer begrenzten Anzahl von Möglichkeiten:
Und so sieht der HTML-Code dann im Browser aus:
Männlich
Weiblich
Checkboxen
<input type="checkbox" /> definiert eine Checkbox. Checkboxen geben dem Benutzer die Möglichkeit, eine oder mehrere Optionen aus einer begrenzten Anzahl von Möglickeiten auszuwählen.
Und so sieht der HTML-Code dann im Browser aus:
Ich habe ein Fahrrad
Ich habe ein Auto
Submit Button
<input type="submit" /> definiert einen Submit-Button.
Ein Submit-Button wird dazu verwendet, um Formulardaten an einen Server zu senden. Die Daten aus dem Formular werden dem action-Attribut zugewiesen und auf der Seite ausgegeben. Das action-Attribut definiert in der Regel, was es nach dem Klick auf den Button tun soll:
Und so sieht der HTML-Code dann im Browser aus:
Benutzername: 
Wenn sie einige Zeichen, oben in das Textfeld oben eingeben und Sie dann auf die Schaltfläche "Submit" klicken, wird der Browser Ihre Eingabe an die Seite "html_form_action.asp" senden. Die Seite zeigt ihnen dann ihren eingegebenen Text an (Hier nicht möglich, da es nur Bidler sind).
HTML Formular Tag's
HTML Formulare
HTML-Formulare werden verwendet, um Daten an einen Server zu übertragen
Ein Formular kann Eingabeelemente wie Textfelder, Checkboxen, Radio-Buttons, Submit-Buttons und vieles mehr enthalten. Ein Formular kann auch eine Auswahlliste, Textarea, Fieldset, Legenden und Beschftungs Elemente sein.
Das <form> Tag wird dazu verwendet, um ein HTML Formular zu verwenden:
HTML Formulare - Das Eingabeelement
Das wichtigste Formularelement ist das Eingabeelement.
Das Eingabe-Element wird dazu verwendet, um Benutzerdaten zu wählen.
Ein Eingabe-Element kann in vielfältiger Weise variieren, je nach Art des Attributes. Ein Eingabe-Element kann vom Typ ein Textfeld, eine Checkbox, ein Passwortfeld, ein Radio-Button, ein Submit-Button und vieles mehr sein.
Die am häufigsten verwendete Eingabe-Typen werden in weiteren Unterkapiteln beschrieben.
Textfelder
<input type="text" /> definiert ein einzeiliges Eingabefeld, dass einem Benutzer die Möglichkeit gibt, Text einzugeben:
Vorname:
Nachname:
Hinweis: Das Formular an sich ist nicht sichtbar. Beachten Sie auch, dass die Standard-Breite eines Textfeldes 20 Zeichen beträgt.
Passwort Feld
<input type="password" /> definiert ein Passwort Feld:
Und so sieht der HTML-Code dann im Browser aus:
Passwort:
Hinweis: Die Zeichen in einem Passwort-Feld sind maskiert (dargestellt als Sternchen oder Kreise).
Radio Button's
<input type="radio" /> definiert ein Radio Button. Radio Buttons gibt dem Benutzer nur eine Auswahl, einer begrenzten Anzahl von Möglichkeiten:
Männlich WeiblichCheckboxen
<input type="checkbox" /> definiert eine Checkbox. Checkboxen geben dem Benutzer die Möglichkeit, eine oder mehrere Optionen aus einer begrenzten Anzahl von Möglickeiten auszuwählen.
Ich habe ein Fahrrad Ich habe ein AutoSubmit Button
<input type="submit" /> definiert einen Submit-Button.
Ein Submit-Button wird dazu verwendet, um Formulardaten an einen Server zu senden. Die Daten aus dem Formular werden dem action-Attribut zugewiesen und auf der Seite ausgegeben. Das action-Attribut definiert in der Regel, was es nach dem Klick auf den Button tun soll:
Benutzername:
Wenn sie einige Zeichen, oben in das Textfeld oben eingeben und Sie dann auf die Schaltfläche "Submit" klicken, wird der Browser Ihre Eingabe an die Seite "html_form_action.asp" senden. Die Seite zeigt ihnen dann ihren eingegebenen Text an (Hier nicht möglich, da es nur Bidler sind).
HTML Formular Tag's
----------------------------------------------------------------------------------------------------------------------------------------------------------------
Ich bitte euch, noch nicht's in den
Thread zu posten, da das Tutorial
noch nicht komplett ist, danke
für dein/ihr Verständnis!
Thread zu posten, da das Tutorial
noch nicht komplett ist, danke
für dein/ihr Verständnis!
----------------------------------------------------------------------------------------------------------------------------------------------------------------