hu en sv en hu it hu en hu de hu ja hu hu hu hu hu hu hu hu en hu hu hu hu en hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu es es es tr en hu hu hu hu hu hu hu hu hu fr hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu en hu hu hu en hu it hu en hu de hu ja hu hu hu hu hu es es es tr en hu
HTML dokumentum készítése (Hogyan hozz létre olyan fájlt, amit a böngésző megtud jeleníteni) - WEBiskola
Weboldalszerkesztő (HTML, CSS, JS kódszerkesztő) HTML-színkód generátor (Hexadecimális, RGB, HSL színkód kereső)
Ebből az anyagból megtanulhatod azt, hogy hogyan zajlik egy HTML dokumentum készítése, sőt te is megtanulsz HTML dokumentumot készíteni.
Milyen programot használjak HTML dokumentum készítésére?
Jelen esetben én egy Notepad++ alkalmazáson keresztül fogom bemutatni a HTML dokumentum elkészítését.
1. lépés: Nyissuk meg a szövegszerkesztő alkalmazásunkat.
Én jelen esetben a Notepad++-t nyitom meg, de mindenki azt a programot nyissa meg, amelyik számára a legszimpatikusabb.
2. lépés: Nyissunk egy új dokumentumot.
Ha a program nem tette meg alapértelmezetten, akkor nyissunk meg egy új dokumentumot. Ha a program előre kérné, akkor adjuk meg, hogy egy HTML dokumentumot (HTML document) szeretnénk létrehozni. Nálam a Notepad++ nem kéri előre megadni a dokumentum típusát.
3. lépés: Írjunk HTML kódot.
Írjunk a létrehozott dokumentumba valamilyen HTML kódot. Az egyszerűség kedvéért, megadok itt egy kódot, amivel most kitudjátok próbálni.
A weboldal címe       Ez az első címsorom   Ez az első bekezdésem.      Code language: HTML, XML (xml)
4. lépés: Mentsük el.
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.
Hogy kell HTML dokumentumot megnyitni?
HTML dokumentum megnyitása rendkívül egyszerű. Miután elmentettük a fájlt, nincs más teendőnk, mint megkeresni a helyét, majd megnyitnunk azt. A legtöbb esetben alapértelmezetten társítva van a böngészőnkkel, így csak rá kell kattintanunk és már egyből meg is nyílik az általunk készített weboldal. Viszont, ha nincs társítva, akkor csak annyi a dolgunk, hogy jobb klikkel rákattintunk az általunk létrehozott fájlra, majd megnyomjuk a “Társítás” gombot, majd kiválasztjuk az általunk használt böngészőt.
Hogyan szerkeszthetem a HTML dokumentumomat?
HTML dokumentum szerkesztéséhez nem kell mást tenned, mint megnyitni az általad használt szövegszerkesztőt, majd azon belül megnyitni a szerkeszteni kívánt HTML dokumentumot. Fontos, hogy mindig mentsük el a munkánkat, különben nem az aktuális HTML kód fog megjelenni a böngészőben.
Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!
HTML alapok (A HTML webprogramozás alapjai)
HTML elemek: Minden, amit tudnod kell a HTML-elemekről
Tömbök a JavaScript-ben (Tömbök magyarázata, létrehozása, elemek hozzáadása, módosítása, törlése, indexelés, tömb hosszának megállapítása)
HTML oldal felépítése, struktúrája (Miből áll egy HTML dokumentum?)
#html #html dokumentum készítése #html dokumentum létrehozása #HTML ismeretek #html készítése #html lecke #HTML lecke tanulás #HTML leckék #html létrehozás #html magyar #html magyar nyelven #html magyar tananyag #html magyarul #html programozás #html tananyag #html tanulás #ingyenes html tananyag #magyar html #magyar nyelvű html tananyag #online html #online html tananyag #online html tanulás #webprogramozás alapjai #webprogramozás alapok
Mi az a HTML? (A HTML bemutatása)
HTML oldal felépítése, struktúrája (Miből áll egy HTML dokumentum?)
HTML szerkesztők (Milyen HTML szerkesztő programot használjak?)
HTML dokumentum készítése (Hogyan hozz létre olyan fájlt, amit a böngésző megtud jeleníteni)
HTML dokumentum szerkesztése, módosítása
Mi az a HTML TAG? A HTML elemek felépítése
HTML elemek: Minden, amit tudnod kell a HTML-elemekről
HTML alapok (A HTML webprogramozás alapjai)
Weboldalak forráskódjának megtekintése (Így nézd meg bármelyik oldal HTML kódját)
HTML TITLE használata (Oldal nevének megadása)
HTML címsorok (h1, h2, h3, h4, h5, h6)
HTML bekezdés (HTML p)
HTML pre használata – Hogy úgy jelenjen meg a szöveg, ahogy beírtad
Mi az a HTML span és hogyan kell használni? [HTML span útmutató]
HTML szövegszín, betűszín módosítása (HTML font color és color)
HTML háttérszín beállítása (background-color)
HTML szövegformázás (Formázás CSS nélkül)
HTML sortörés (HTML br)
HTML képek használata (HTML img)
HTML háttérkép beállítása (HTML background-image)
HTML karakterkódolás, karakterkészlet megadása (HTML meta charset)
HTML komment, azaz megjegyzés a HTML dokumentumba
HTML head – Mi megy a fej részbe?
HTML body – Mi megy a HTML törzsébe?
HTML stílus, stíluslap és CSS használata, avagy HTML style
[Színkódok] HTML színmegadási módok (Színmegadás RGB, RGBA, HEX, HSL és HSLA színkóddal)
Színek használata a HTML nyelvben (Színkódok használata)
HTML táblázat készítés (HTML table)
HTML hivatkozások, linkek (HTML a href)
HTML lista, felsorolás (HTML ol, ul, li)
HTML class – Minden, amit tudnod kell a HTML osztályokról
HTML id – Minden, amit tudnod kell a HTML azonosítóról
A HTML div elem használata
HTML űrlap elemei (HTML Forms)
Kliensoldali űrlapellenőrzés: űrlapmezők ellenőrzése HTML és JavaScript segítségével