2.3.5 Struktur der Sprache
- 1 Allgemein
- a) Bemerkungen
- b) Das HTML-Gerippe
- c) Valider Code
- 2 HTML-Elemente
- 3 Eigenschaften (attributes)
- 4 Werte (values)
⇧ 1 Allgemein
- a) Bemerkungen
- b) Das HTML-Gerippe
- c) Valider Code
↑ a) Bemerkungen
-
Vieles, was hier steht, wird erst später angewendet.
-
Dieser Abschnitt zeigt aber viele Beziehungen, die für das Verstehen von HTML wichtig sind.
↑ b) Das HTML-Gerippe
- Bare Bones Guide de Das HTML-Gerippe
↑ c) Valider Code
- Hessendscher.de de Was ist valider Code?
Webmaster:
HTML- und CSS-Validierung
⇧ 2 HTML-Elemente
- a) Tag
<...> - b) Prinzip der HTML-Elemente
- c) Block-Elemente
<div>...</div>,<p>...</p> - d) Inline-Elemente
<br>,<span>...</span>
↑
a) Tag <...>
-
Wikipedia
de
Tag (Informatik)
en Tag (metadata)
fr Tag (métadonnée)
-
Anfangs-Tag:
<...> -
End-Tag:
</...>
↑ b) Prinzip der HTML-Elemente
HTML-Element
-
Ein HTML-Element besteht meistens aus einem Anfangs- und einem End-Tag.
-
Der Bereich zwischen Anfangs- und End-Tag nimmt den Inhalt des Elements auf. Er kann weitere HTML-Elemente enthalten.
-
Es wird zwischen Block-Elementen und Inline-Elementen unterschieden.
-
SELFHTML
de
HTML-Elementreferenz
de Allgemeines zur HTML-Elementreferenz
- Hessendscher.de de Elemente und Attribute verstehen
- W3C HTML 4.01 Specification de Index of Elements
-
Partl (via Wayback)
de HTML-Einführung (Version 2001.11)
de Die Grundlagen
de Text-Elemente
de Hypertext-Links
de Bilder und Töne
de Layout und Spezialeffekte
de Spezialeffekte
de Interaktion mit dem Benutzer
de Geschichte und Geschichten
de Entwicklungen für die Zukunft
de Glossar
de Referenzen
de Liste der HTML-Befehle
de Publikationen
HTML:
Block & Inline-Elemente
↑
c) Block-Elemente
<div>...</div>,
<p>...</p>
Prinzip
- Block-Elemente erzeugen einen eigenen Absatz im Textfluss.
Beispiele
-
<html>...</html> -
<head>...</head> -
<body>...</body> -
<div>...</div> -
<h1>...</h1> -
<p>...</p> -
<ul>...</ul> -
<form>...</form>
- SELFHTML de Block-Elemente
HTML:
Block & Inline-Elemente
↑
d) Inline-Elemente
<br>,
<span>...</span>
Prinzip
- Inline-Elemente erzeugen keinen eigenen Absatz im Textfluss.
Beispiele
-
<a>...</a> -
<b>...</b> -
<br> -
<code>...</code> -
<span>...</span>
- SELFHTML de Inline-Elemente
HTML:
Block & Inline-Elemente
⇧ 3 Eigenschaften (attributes)
↑ a) Prinzip
-
Die meisten Attribute in HTML sind optional (implied), nur einige wenige sind im einleitenden HTML-Tag erforderlich (required).
-
Nicht wenige HTML-Attribute haben die Aufgabe, Elemente zu formatieren, z.B. Attribute wie
align(Ausrichtung) oderbgcolor(Hintergrundfarbe). Solche Attribute sollen allmählich aus dem HTML-Standard verschwinden, da solche Aufgaben durch Stylesheets besser zu lösen sind.
↑
b) Beispiele von Attributen
align, size
-
align -
size -
width -
hight -
background -
color
↑ c) Grundlagen Websites & Workshops
-
SELFHTML
de
Allgemeines zur HTML-Attribut-Referenz
de #CDATA
de ID, IDREF oder Name
de Zahl
de Universalattribute
- Hessendscher.de de Elemente und Attribute verstehen
- W3C HTML 4.01 Specification de Index of Attributes
⇧ 4 Werte (values)
- a) Werte von Elementen
top,left,right,text,hidden - b) Werte von Attributen
5px,3em - c) Grundlagen Websites & Workshops
↑ a) Werte von Elementen
Beispiele
-
top,middle,bottom,,right -
text,password,checkbox,radio,submit,reset,file,hidden,mage,button
↑ b) Werte von Attributen
Beispiele
-
5px -
3em -
200
↑ c) Grundlagen Websites & Workshops
- SELFHTML de Masseinheiten, Farbangaben und Wertzuweisung