HTML – HyperText Markup Language

augusztus 6th, 2009 by admin Leave a reply »

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 ;)

Advertisement

1 comment

  1. shaqana szerint:

    Köszi!
    Hasznos, és jól érthető,
    várom a következőket! :)

ITT és MOST VÁRJUK A HOZZÁSZÓLÁST!