HTML Einsteigerkurs

Jul 27, 2024

Review flashcards

HTML Einsteigerkurs 🚀

Einführung und Kursziele 📚

Zielsetzung: HTML-Grundlagen für Anfänger
Format: Detaillierte Erklärung der Basics
Lern-Geschwindigkeit: Erste Videos langsamer, schneller einstellbar
Kapitel und Zusatzmaterial in Videobeschreibung

HTML Grundlagen 📑

Definition: HTML – HyperText Markup Language
Zweck: Aufbau von Webseiten

Benötigte Werkzeuge 🔧

Webbrowser: Empfehlungen wie Google Chrome
Texteditor: Standard-Editoren wie Notepad (Windows) oder TextEdit (Mac)

HTML Basics ⚙️

Tags: Kleinere Zeichen verwenden, z. B. <strong>...</strong> für Fettschrift
Speicherort und Dateiendung: .html
Anzeige im Browser: HTML-Dateien als lokal gespeicherte Dateien öffnen

Struktur und Syntax 🌐

Grundgerüst:

<!DOCTYPE html>
<html lang="de">
<head>
    <title>Document</title>
    <meta charset="UTF-8">
</head>
<body>
    <!-- Inhalte hier -->
</body>
</html>

HTML-Tags im Detail 🔍

Überschriften: <h1> - <h6>
Absätze: <p>
Listen:
- Geordnete Listen: <ol>
- Ungeordnete Listen: <ul>
- Listenelemente: <li>

Einbindung und Arbeit mit Bildern 🖼️

Bild-Tag: <img src="path" alt="description">
Größenanpassung: width und height Attribute

Hyperlinks und Navigation 🌐

Externe Links: <a href="url">Text</a>
Interne Links: <a href="path/to/page.html">Text</a>
Sprungmarken: <a href="#id">Text</a> und entsprechenden [id]-Attribut setzen
Telefon und E-Mail Links:
- Telefon: tel:123456789
- Email: mailto:email@example.com

Fortgeschrittene Themen 🌟

Buttons: <button>Text</button>
Zusätzliche Tags: <strong>, <em>, <u>
Eingebundene Dateien und Scripts: Späteres Thema

Projektarbeit 🛠️

Beispielseiten erstellt und nachgebaut: Navigation, Firmenlogo, Mitarbeiterseite mit Bildern und Kontaktdaten
- Look and Feel verbessert mit CSS: Vorschau auf kommende Themen in CSS

Abschließende Hinweise 🎓

Weitere Vertiefung mit vollständigem HTML & CSS Kurs auf Udemy
Fokus auf praxisnahe Übungen und fortgeschrittene Techniken

Full transcript