HTML Flashcards
Hypertext Markup Language, was bedeutet in diesem Kontext ‘Hypertext’ ?
Hypertext = Text inklusive Links, Grafiken, Videos oder Klänge
Hypertext Markup Language, was bedeutet in diesem Kontext ‘Markup’ ?
‘Textauszeichnung’ zur Strukturierung eines Dokumentes
- Markup-Elemente == Tags
Woraus besteht ein HTML-Element ?
Auszeichnung (Tags)
Attributen (Eigenschaften)
Geltungsbereich (Inhalt)
Wozu gehört folgender Codeschnipsel: Auszeichnung, Attribute oder Geltungsbereich
id=”Hinweis”
‘id’ ist das Attribut (Eigenschaften)
Welche Bereiche wird bei einem HTML Dokument zwingend benötigt ?
- Dokumenttyp-Deklaration
- HTML-Root-Tag
- Abschnitt Head
- Abschnitt Body
Wo wird die Sprache definiert: html, head oder Body ?
z.B: < html lang=”fr” >
Was ist im head von HTML zu finden ?
- title (einmalig)
- meta (beliebig viele)
Was ist in HTML5 im Body zu finden ?
- header/footer
- nav
- main
- article
- section
- aside (Sekundäre Inhalte)
Kommentare in HTML
< ! - - - - >
spitze klammern am Anfang und Ende
HTML: Unterschied ‘p’ und ‘span’
span nimmt die gesamte Breite an
HTML :Mit welchem Element wird ein Link generiert ?
a href=””..
HTML: Unterschied Picture ind img
Mit Picture werden mehrere Quellen des Bildes (in verschiedenen Auflösungen) angegeben
HTML5: Wie wird Multimedia eingebunden ?
audio und video und iframe(für Dokumente)
HTML: wie wird ein Formular gebaut ?
Form, Fieldset, Legend, Label, Input, BR
z.B: form action="xy.html" method="post" fieldset legend/ label for=""/ input type="text"/ input type="submit"/ /fieldset /form
HTML: Unterschied GET und POST bei Formularen
Bei GET (zum Abrufen von Daten) werden die Parameter sichtbar an die gesendete URL angehangen, bei POST sind sie nicht sichtbar.
HTML: welche Input types gibt es ?
- text
- password
- hidden
- radio (value)
- tel
- url
- search
- color (pattern, title, placeholder)
- number (min, max, step)
- range (min, max, step, value)
HTML: welche Attribute gibt es in Formular Elementen
- autofocus
- placeholder
- required
Abkürzung DOM
Document Object Model
Was ist das ‘DOM’ ?
Schnittstellenspezifikation für den Zugriff auf HTML/XML Dokumente
- Website liegt dem Browser nur als Text vor
- Text wird vom Perser Stück für Stück verarbeitet
Unterschied < article > und < section >
- Artikel wie in einer Zeitschrift
- Sektion wie ein Abschnitt, der mehrere Artikel umfassen kann
- Artikel müssen nicht Teil eines Abschnitts sein
Was ist das HTML Content Model ?
Jedes HTML besitzt (neben dem TAG, den Attributen und dem Inhalt auch noch) einen Verwendungskontext
HTML Content Models
- Flow
- Metadata
- Sectioning
- Heading
- Phrasing
- Embedded
- Interactibe
- Nothing
