A HunCoder WebDev egy Visual Studio Code-ba telepíthető automatikus kitöltő HTML fájlokhoz. Kezdő webfejleszők munkáját szeretnénk meggyorsítani, behívható magyar parancsokkal, amik automatikusan kitöltik a megfelelő HTML tageket.
Egy felkiáltójel beírásával a Visual Studio Code ki fogja listázni az összes parancsot, amit használhatsz.
!html5 - Alap HTML5 dokumentum generálása az oldal címével és a fontos meta tagekkel.
!alahuzott - Aláhúzott szöveg definiálása.
!audio - Audio fájl lejátszás.
!athuzott - Áthúzott szöveg definiálása.
!be-datum - Dátum beviteli mező.
!be-email - Email beviteli mező.
!be-fajl - Fájl beviteli mező.
!be-gomb - Gomb "bevitel" (inputban definiált gomb).
!be-jelszo - Jelszó bevitel.
!be-kuldes - Küldés gomb űrlaphoz.
!be-url - URL bevitel.
!be-szam - Szám bevitel.
!be-szin - Szín bevitel.
!be-szoveg - Sima szöveg beviteli mező.
!bekezdes - Bekezdés.
!cikk - Cikk.
!cim1 - 1. szintű cím.
!cim2 - 2. szintű cím.
!cim3 - 3. szintű cím.
!cim4 - 4. szintű cím.
!cim5 - 5. szintű cím.
!cim6 - 6. szintű cím.
!cimke - Címke űrlaphoz (label).
!dolt - Félkövér szöveg definiálása.
!fejlec - Oldal fejléce.
!gomb - Szimpla gomb.
!horgony - Szimpla a tag.
!dolt - Dőlt szöveg definiálása.
!jsfajl - Javascript fájl behívása.
!kep - Kép csak leírással.
!kep2 - Kép leírással és méretekkel.
!komment - HTML komment.
!lablec - Oldal lábléce.
!link - Kattintható link.
!lista - Nem számozott lista.
!navigacio - Navigációs menü kijelölése.
!nav-menu - Navigációs menü példa.
!sortores - Sortörés.
!stilusfajl - Stílusfájlt behívó sor generálása.
!szamozottlista - Számozott lista.
!szekcio - Szekció (section)
!tablazat - Két soros táblázat, melynek első sora fejléc (th), második sora sima sor (td).
!tartalom-szekcio - Tartalom szekció (div).
!urlap - Űrlap definiálása.
!video - Beágyazott videólejátszó.
!vonal - Vízszintes vonal.
Ahhoz, hogy ne kelljen legépelni minden új HTML dokumentumba a kihagyhatatlan alap tageket (DOCTYPE, html, head, title, meta, body), elég csak beírni a következő kódot:
!html5Az enter lenyomásával pedig a következőképpen töltődik ki a fájlod:
<!DOCTYPE html>
<html>
<head>
<!-- ITT ADHATOD MEG AZ OLDAL NEVÉT -->
<title>Oldal neve</title>
<!-- AZ OLDALLAL KAPCSOLATOS FONTOS ADATOK -->
<meta charset='UTF-8' />
<meta name='description' content='Rövid leírás az oldal tartalmáról'/>
<meta name='keywords' content='Keresést, Segítő, Szavak, Vesszővel, Elválasztva'/>
<meta name='author' content='Neved'/>
<meta name='viewport' content='width=device-width, initial-scale=1.0'/>
</head>
<body>
</body>
</html>VAGY
HTML5-ben hat szinten tudunk címet létrehozni az oldalon. Első szintű címhez elég begépelni a következőt:
!cim1Ennek köszönhetően kitöltődik egy első szintű cím az oldalunkon:
<h1>Ez egy 1. szintű cím</h1>VAGY
!nav-menuPélda navigációs menü elhelyezése:
<nav>
<ul>
<li><a href='#'>Menüpont</a></li>
<li><a href='#'>Menüpont</a></li>
<li><a href='#'>Menüpont</a></li>
</ul>
</nav>VAGY
!tablazatEzt a parancsot választva a program automatikusan kitölt egy két soros táblázatot, melynek az első sora egy fejléc:
<table>
<tr>
<th>Fejléc 1. cella</th>
<th>Fejléc 2. cella</th>
<th>Fejléc 3. cella</th>
</tr>
<tr>
<td>2. sor 1. cella</td>
<td>2. sor 2. cella</td>
<td>2. sor 3. cella</td>
</tr>
</table>Form küldés, readme update
Használd CSS kitöltőnket a gyorsabb munkáért. HTML kitöltő
Tudnivalókért és további munkáinkért látogass el a weboldalunkra: HunCoder.hu