2.3.5 Struktur der Sprache

• 1 Allgemein
  • a) Bemerkungen
  • b) Das HTML-Gerippe
  • c) Valider Code
• 2 HTML-Elemente
  • a) Tag <...>
  • b) Prinzip der HTML-Elemente
  • c) Block-Elemente <div>...</div>, <p>...</p>
  • d) Inline-Elemente <br>, <span>...</span>
• 3 Eigenschaften (attributes)
  • a) Prinzip
  • b) Beispiele von Attributen align, size
  • c) Grundlagen Websites & Workshops
• 4 Werte (values)
  • a) Werte von Elementen top, left, right, text, hidden
  • b) Werte von Attributen 5px, 3em
  • c) Grundlagen Websites & Workshops

-

⇧ 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)
  Wikipedia en Tag (metadata)
  Wikipedia 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
  SELFHTML 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
• b) Beispiele von Attributen align, size
• c) Grundlagen Websites & Workshops

-

↑ 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) oder bgcolor (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
  SELFHTML de #CDATA
  SELFHTML de ID, IDREF oder Name
  SELFHTML de Zahl
  SELFHTML 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

↑