A legalapvetőbb weboldal készítési eszköz a HTML tag-ek alkalmazása.
Ezekkel készíthetünk egyszerű statikus oldalakat, melyek célja valamilyen tartalom közlése, egy téma, cég, vállalkozás bemutatása. Ezzel olyan weboldalakat tudunk készíteni, melynek tartalmát később csak a HTML kódba “belenyúlva” tudunk módosítani és nincs lehetőség dinamikus felületen keresztül frissíteni a tartalmat.
Használata:
Fontos, hogy a HTML tag-eket szabályosan alkalmazzuk, hiszen így nem érjük el a kívánt hatást. Minden tag-et meg kell nyitni és le is kell zárni. Minden HTML oldalt ez a tag kezdi és zárja keretbe:
Például: nyitó: <html>
záró: </html>
Ezzel meghatározzuk, hogy egy HTML oldalt fogunk készíteni és ezek közé jöhet az oldal tartalma, amit a <body> ( törzs) tag-el kezdünk és bővítjük a kódunkat:
<html>
< body > Ide jön amit látni szeretnénk az oldalon < /body >
</html>
Természetesen lehetőség van formázni is a bevitt tartalmat, például a Címsoros kiemelés tag-je: <h1> </h1>
<html>
<body><h1> Ide jön amit látni szeretnénk az oldalon </h1></body>
</html>
Ezzel azt érhetjük el, hogy weboldalunkon a kívánt tartalom vastagítottan és nagyobb betűmérettel jelenik meg.
Ha eggyel kisebb címsort szeretnénk alkalmazni, akkor használjuk a <h2> </h2> tag-et.
Bekezdésekre is tagolhatjuk szövegünket, így a kódba a <p> -taget kell beilleszteni
<html>
<body>
<h1> Ide jön amit látni szeretnénk az oldalon </h1>
<p> Új tartalom egy új bekezdésben </p>
</body>
</html>
Középre igazítani és fekete (tetszőleges) háttérszínt beállítani is lehet a weboldalon a következő módosításokkal:
<body> helyett: <body align=”center” bgcolor=”black”>
Ha ezt a kódot beilleszted egy jegyzettömbe és elmented index.html néven, akkor megjelenik a böngésződben az első általad készített weboldal
Itt ellenőrizhetitek le, hogy az általatok készített weboldal Valid, azaz megfelel a HTML szabványnak:
http://validator.w3.org/
Remélem hasznos információkat találtatok itt és sikerült elkészíteni az első oldalatokat.
A következőkben mélyebben belemegyünk a HTML tag-ek használatába, képet illesztünk az oldalba, táblázatot készítünk, linket helyezünk el az oldalon és még sok mást
Üdv: Wolfrain ![]()
Köszi!
Hasznos, és jól érthető,
várom a következőket!