Effizienter HTML Komplettkurs

Hallo allerseits,

in dem Kurs möchte ich euch HTML beibringen und das möglichst schnell.

Dabei werden trotzdem tief in die Themen schauen, sodass ihr danach echtes Verständnis entwickelt.

Jedes Thema hat den folgenden Aufbau

• Beschreibung

• Beispiele

• Syntax

• Nützliche Informationen

• Verwendungsmöglichkeiten

Nach jedem Thema werdet ihr die folgenden Fragen beantworten können

• Was kann es

• Wie wendet man es an

• Wie wird des definiert

• Welche Informationen sind dazu noch wichtig

• Wann verwendet man es

Es werden die folgenden Themen behandelt

• Grundlagen der Webentwicklung

• HTML Setup

• HTML Tags

• DOCTYPE

• html (1): Basis

• head

• body

• Layout (1): Basis Layout

• p

• h1 bis h6

• Kommentare

• hr

• br

• wbr

• a (1): Basis, href, target

• img (1): Basis, src, alt, width, height

• ul, ol, li

• Tabellen (1): table, tr, th, td

• strong

• em

• pre

• code

• kbd

• samp

• dfn

• var

• mark

• q

• blockquote

• cite

• Globales Attribut (1): title

• abbr

• time

• data

• ins

• del

• Globale Attribute (2): style

• CSS Grundlagen (1): Eigenschaften

• Globales Attribut (3): id

• Globale Attribute (4): class

• style

• CSS Grundlagen (2): Selektoren

• link (1): Basis, rel, href, type

• script

• Javascript Grundlagen (1): Alert, Log, Variablen

• Javascript Grundlagen (2): DOM

• Javascript Grundlagen (3): Inline-Events

• noscript

• Tabellen (2): thead, tbody, tfoot

• Tabellen (3): caption

• Tabellen (4): rowspan, colspan

• Tabellen (5): scope

• Tabellen (5): colgroup, col

• a (2): Anker, download, type

• map, area

• dl, dt, dd

• details, summary

• div

• span

• nav

• address

• section

• article

• header

• main

• footer

• aside

• title

• meta (1): charset

• meta (2): viewport

• meta description

• meta keywords

• meta author

• meta robots

• base

• Layout (2): Forgeschrittenes Layout

• form (1): Basis

• input (1): type, text, name, value, placeholder, pattern

• label

• input (2): submit

• input (3): number, min, max, step

• input (4): password

• input (5): search

• input (6): email

• input (7): tel

• input (8): url

• input (9): checkbox, checked

• input (10): radio

• input (11): file, mutiple, accept

• input (12): hidden

• input (13): color

• input (14): image, src, width, height

• input (15): reset

• input (16): button

• input (17): range

• input (18): date

• input (19): time

• input (20): datetime-local

• input (21): month

• input (22): week

• input (23): required, disabled, readonly

• form

• input (24): form, formaction, formtarget

• textarea

• select, option

• optgroup

• fieldset, legend

• datalist, option

• button

• img (2): srcset, sizes

• progress

• meter

• svg (1): Basis

• svg (2): rect

• svg (3): circle

• svg (4): line

• svg (5): path

• svg (6): text

• svg (7): animate

• video

• audio

• source

• track

• picture

• figure, figcaption

• img (3): loading, decoding, fetchpriority

• iframe

• a (3): target, rel, hreflang, ping

• link (2)

• link canonical

• meta sitemap

• meta manifest

• Microdata

• JSON-LD

• RSS Feed

• JSON Feed

• meta Open Graph

• Entitäten

• html (2): lang, dir

• Globale Attribute (5): lang, dir

• bdi

• bdo

Vielen Dank für die Aufmerksamkeit.