Digitális Tanrend Bocskaikert: október 2024

2024. október 17., csütörtök

2024. október 15., kedd

Fájl-kiterjesztés Digitális kultúra 7.

Fájl kiterjesztések listája - Windows 7 fájltípusok (reviversoft.com)

kiterjesztes.hu/kep-fajlkiterjesztes

Fájlkiterjesztések csoportosítása: https://learningapps.org/8750279

Kiterjesztések csoportosítása: https://learningapps.org/7705688

Kiterjesztések csoportosítása: https://learningapps.org/6287466

Fájl típusok: https://learningapps.org/16314325 , https://learningapps.org/8017911

2024. október 13., vasárnap

Szakkör 4

Mi a HTML?

A HTML (HyperText Markup Language) egy leíró nyelv, amelyet weboldalak készítéséhez használunk. A HTML a W3C (World Wide Web Consortium) támogatásával internetes szabvánnyá vált.

Mi az a HTML? (A HTML bemutatása) - WEBiskola

Egy HTML kód egyértelműen meghatározza a weboldal felépítését, kinézetét. Azaz a HTML nyelven megírt kódot a webböngésző értelmezi, majd a kód alapján megjeleníti a már általunk megszokott oldalakat.

<!DOCTYPE html> <html> <head> <title>A weboldal címe</title> </head> <body> <h1>Ez az első címsorom</h1> <p>Ez az első bekezdésem.</p> </body> A fentebb látható kód elemzése: <!DOCTYPE html>: Ez a sor határozza meg, hogy ez egy HTML dokumentum lesz, ezzel üzenve a böngészők számára. <html>: Ez a HTML fájlunk gyökéreleme, kötelező ennek következnie a !DOCTYPE html rész után. <head>: Ezt magyarul fejnek, fejszekciónak vagy fejrésznek hívjuk. Alapvető információkat tartalmaz a HTML oldalunkról. Például a következő szekciót. <title>: Ez határozza meg a HTML oldal nevét. A böngésző innen olvassa ki a böngésző címsorában látható szöveget. </title>: Ez az előző elem zárópárja. A nyitó és a záró tag közé kerül a HTML oldal címe. <body>: Ez a dokumentum „test” része, ezután kell írni a weboldal tartalmát. Az e mögé írt tartalmak fognak megjelenni a böngészőben a weboldal részeként. Ezt követni fog majd még egy </body> tag. De ezt nem rakhatjuk ki még most. A záró tag-et csak akkor rakhatjuk ki, ha a weboldalunkat már feltöltöttük tartalommal. <h1>: Ez egy címsor. A HTML nyelvben több címsor is létezik. (Például h1, h2, h3 stb.) A h1 a legnagyobb címsor, azaz a weboldalon ez lesz a legnagyobb szöveg. </h1>: Ez a címsor záró tag-e. A <h1> és </h1> közé került szöveget fogja nagy betűkkel kiírni a weboldalra. <p>: Ez a bekezdést jelöli. Az ezután írt szöveget normál méretben fogja megjeleníteni a böngésző. </p>: Ez az bekezdés zárópárja. </body>: Az elején írtuk a <body> nyitó tag-et. Ez a zárópárja. Ez jelzi a böngésző számára, hogy eddig tartott a megjelenítendő rész. </html>: Ez pedig azt jelzi a böngészőnek, hogy itt ér véget teljesen a HTML dokumentum.

mindig azt a tag-et zárjuk le először, amelyiket utoljára megnyitottuk.
Jegyzettömb A jegyzettömb egy gyári alkalmazás, amely minden Windows számítógépen megtalálható. Rémegyszerű program, így sokan azt gondolják, hogy alkalmatlan weboldal programozásra. De ez nem igaz. Ez a program is alkalmas a HTML weboldalak készítéséhez. Ámbár használata nem ajánlott, hiszen képes a HTML oldal elkészítésére, de a benne végzett munka nem túl kényelmes. Online weboldalszerkesztő (Online HTML, CSS, JavaScript, jQuery kódszerkesztő) - WEBiskola

Notepad++

Ez a program már egy fokkal jobb választás, mint a Jegyzettömb, hiszen a Notepad++ már alkalmaz színekkel történő kiemeléseket a programkód könnyebb fogyasztása (megértése) érdekében.

Most jön egy kulcsfontosságú lépés: mentsük el a fájlt HTML dokumentumként. Nyomjuk meg a(z általában a) jobb felső sarokban található „Fájl” („File”) gombot, majd a „Mentés” („Save”) vagy „Mentés másként” („Save as” ) gombot. A fájl típusánál válasszuk ki, hogy: „Hyper Text Markup Language file (*.html, *.html, stb)” típust, majd nyomjuk meg a Mentés gombot.

HTML alapok (A HTML webprogramozás alapjai) - WEBiskola