|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/effizienter-html-komplettkurs/
课程评论：没有评论
Effizienter HTML Komplettkurs Dieser Kurs bietet eine schnelle und umfassende Einführung in HTML, die darauf abzielt, ein tiefes Verständnis der Sprache zu vermitteln. Jedes Thema wird detailliert erklärt, mit praktischen Beispielen, Syntax, nützlichen Informationen und Verwendungsmöglichkeiten. Nach jedem Modul werden die Lerner in der Lage sein, die Funktionalität, Anwendung, Definition, wichtige Informationen und Einsatzszenarien der behandelten HTML-Elemente zu erklären. **Behandelte Hauptthemen:** * **Grundlagen der Webentwicklung:** Setup, DOCTYPE, html, head, body. * **Basisstruktur und Text:** Überschriften (h1-h6), Kommentare, Absätze (p), Zeilenumbrüche (br). * **Links und Bilder:** Erstellung von Hyperlinks (a) mit href und target, Einfügen von Bildern (img) mit src, alt, width, height. * **Listen und Tabellen:** Ungeordnete (ul) und geordnete (ol) Listen mit Listenelementen (li). Erstellung von Tabellen (table, tr, th, td, thead, tbody, tfoot, caption, scope, colgroup, col). * **Textformatierung und semantische Elemente:** Fett (strong), Kursiv (em), Code (code), Tastatureingabe (kbd), Variable (var), Zitat (q), Blockquote (blockquote), Cite (cite), subscript (sub), superscript (sup), Definitionsbegriff (dfn), abbreviation (abbr), time (time), del, ins. * **Globale Attribute:** title, style, id, class, lang, dir (b, i, u, s, tt, big, small, strike, s, font, center). Other global attributes like data-, meta, base. * **CSS Grundlagen:** Eigenschaften und Selektoren; Verknüpfung von Stylesheets (link). * **JavaScript Grundlagen:** Alert, Log, Variablen, DOM-Manipulation, Inline-Events. * **Fortgeschrittene Layouts:** div, span, nav, address, section, article, header, main, footer, aside. * **Formulare:** Umfassende Behandlung von Formularelementen (form, input mit zahlreichen Typen wie text, number, password, email, checkbox, radio, file, date etc., label, textarea, select, option, optgroup, fieldset, legend, datalist, button). Form-Attribute wie form, formaction, formtarget. * **Multimedia und Grafiken:** Bilder (img) mit srcset, sizes, loading, decoding, fetchpriority. Audio (audio), Video (video), Track (track). SVG-Elemente (rect, circle, line, path, text, animate). * **Spezifische Elemente:** progress, meter, figure, figcaption, iframe, picture, source, track. * **Semantische und strukturelle Elemente:** details, summary. * **Metadaten und spezifische Links:** meta (charset, viewport, description, keywords, author, robots), link (canonical, sitemap, manifest), base. * **Datenformate und Rich Snippets:** Microdata, JSON-LD, RSS Feed, JSON Feed, meta Open Graph. * **Sprachspezifische Attribute:** language (lang) und direction (dir).
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 AufbauBeschreibungBeispieleSyntaxNützliche InformationenVerwendungsmöglichkeitenNach jedem Thema werdet ihr die folgenden Fragen beantworten könnenWas kann es Wie wendet man es an Wie wird des definiert Welche Informationen sind dazu noch wichtigWann verwendet man es Es werden die folgenden Themen behandeltGrundlagen der WebentwicklungHTML SetupHTML TagsDOCTYPEhtml (1): BasisheadbodyLayout (1): Basis Layoutph1 bis h6Kommentarehrbrwbra (1): Basis, href, targetimg (1): Basis, src, alt, width, heightul, ol, liTabellen (1): table, tr, th, tdstrongemprecodekbdsampdfnvarmarkqblockquoteciteGlobales Attribut (1): titleabbrtimedatainsdelGlobale Attribute (2): styleCSS Grundlagen (1): EigenschaftenGlobales Attribut (3): idGlobale Attribute (4): classstyleCSS Grundlagen (2): Selektorenlink (1): Basis, rel, href, typescriptJavascript Grundlagen (1): Alert, Log, VariablenJavascript Grundlagen (2): DOMJavascript Grundlagen (3): Inline-EventsnoscriptTabellen (2): thead, tbody, tfootTabellen (3): captionTabellen (4): rowspan, colspanTabellen (5): scopeTabellen (5): colgroup, cola (2): Anker, download, typemap, areadl, dt, dddetails, summarydivspannavaddresssectionarticleheadermainfooterasidetitlemeta (1): charsetmeta (2): viewportmeta descriptionmeta keywordsmeta authormeta robotsbaseLayout (2): Forgeschrittenes Layoutform (1): Basisinput (1): type, text, name, value, placeholder, patternlabelinput (2): submitinput (3): number, min, max, stepinput (4): passwordinput (5): searchinput (6): emailinput (7): telinput (8): urlinput (9): checkbox, checkedinput (10): radioinput (11): file, mutiple, acceptinput (12): hiddeninput (13): colorinput (14): image, src, width, height input (15): resetinput (16): buttoninput (17): rangeinput (18): dateinput (19): timeinput (20): datetime-localinput (21): monthinput (22): weekinput (23): required, disabled, readonlyforminput (24): form, formaction, formtargettextareaselect, optionoptgroupfieldset, legenddatalist, optionbuttonimg (2): srcset, sizesprogressmetersvg (1): Basissvg (2): rectsvg (3): circlesvg (4): linesvg (5): pathsvg (6): textsvg (7): animatevideoaudiosourcetrackpicturefigure, figcaptionimg (3): loading, decoding, fetchpriorityiframea (3): target, rel, hreflang, pinglink (2)link canonicalmeta sitemapmeta manifestMicrodataJSON-LDRSS FeedJSON Feedmeta Open GraphEntitätenhtml (2): lang, dirGlobale Attribute (5): lang, dirbdibdoVielen Dank für die Aufmerksamkeit.
