03 - A leggyakoribb HTML tagek (sortörés, félkövér, dőlt, aláhúzás, kép, link, főcím, alcímek stb.)
ฝัง
- เผยแพร่เมื่อ 16 ต.ค. 2024
- Kommentelési lehetőség és privát oktatás ➡️ www.garudaacad...
Discord Tanulókör ➡️ / discord
Facebook oldal ➡️ / garudaacademy
Patreon (helyett) ➡️ buy.stripe.com...
Rövid leírás:
A videóban bemutatom a HTML alapjait és struktúráját, valamint a leggyakoribb HTML tagek használatát. Megtanuljuk, hogyan építhetünk fel egy HTML oldalt, és hogyan formázhatjuk a tartalmat különböző HTML elemekkel.
Tartalomjegyzék:
00:00 - Intro
00:54 - HTML alapszerkezete + head beállítások
06:41 - Leggyakoribb tagek (sortörés, félkövér, dőlt, aláhúzás, kép, link, bekezdés, főcím, alcímek)
15:22 - Házi Feladat
Részletes leírás:
1. *Bevezetés*
Előnyök: Kommentelési lehetőség a saját weboldalon keresztül.
Üdvözlés Grúziából.
2. *HTML alapstruktúra*
HTML oldal alapfelépítése.
Doctype deklaráció: HTML4 és HTML5 verziók.
Nyitó és záró HTML tagek.
3. *Visual Studio használata*
HTML struktúra generálása Visual Studio Code-ban.
Felkiáltójel és tabulátor használata.
4. *HTML dokumentum felépítése*
HTML tag-ek közötti tartalom.
Head és body részek magyarázata.
5. *Head rész tartalma*
Metaadatok és karakterkódolás (UTF-8) beállítása.
Viewport beállítás: weboldalak mobil optimalizálása.
Title tag: weboldal címe.
6. *Body rész tartalma*
HTML oldal látható részének manipulálása.
Egyszerű szöveg hozzáadása („Helló világ”).
7. *Gyakori HTML tagek*
Sortörés: `br` tag.
Félkövér szöveg: `b` tag.
Dőlt szöveg: `i` tag.
Aláhúzott szöveg: `u` tag.
Képek beillesztése: `img` tag.
Linkek létrehozása: `a` tag és href attribútum.
8. *Bekezdések létrehozása*
Bekezdések: `p` tag.
Kódolási stílus: tabulálás a kód olvashatóságának javítása érdekében.
9. *Címsorok használata*
Főcím: `h1` tag.
Alcímek: `h2`, `h3` stb. tagek.
Kulcsszavak:
HTML, weboldal, Visual Studio, HTML alapszerkezet, HTML tagek, doct type, HTML verziók, HTML5, HTML4, felkiáltójel, nyelvi beállítás, head, body, metaadatok, karakterkódolás, UTF-8, viewport, mobil nézet, title, sortörés, br tag, félkövér, bold, b tag, dőlt, italic, i tag, aláhúzás, underline, u tag, kép behúzása, img tag, src, forrás, link, ahrf, bekezdések, p tag, kódszervezés, címsorok, h1, alcímek