Megosztás a következőn keresztül:

A HTML alapjai

Megjegyzés:

A Microsoft Foundation Classes (MFC) könyvtár továbbra is támogatott. A továbbiakban azonban nem adunk hozzá funkciókat, és nem frissítjük a dokumentációt.

A legtöbb böngésző képes megvizsgálni a böngészett lapok HTML-forrását. Ha megtekinti a forrást, számos HTML-címkét (hypertext markup language) fog látni, amelyeket szögletes zárójelek(<>) vesznek körül, szöveggel elválasztva.

Az alábbi lépések HTML-címkéket használnak egy egyszerű weblap létrehozásához. Ezekben a lépésekben egyszerű szöveget ír be egy fájlba a Jegyzettömbben, elvégez néhány módosítást, menti a fájlt, és újra betölti a lapot a böngészőben a módosítások megtekintéséhez.

HTML-fájl létrehozása

  1. Nyissa meg a Jegyzettömbet vagy bármely egyszerű szövegszerkesztőt.

  2. A Fájl menüben válassza az Új lehetőséget.

  3. Írja be a következő sorokat:

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. A Fájl menüben válassza a Mentés lehetőséget, és mentse a fájlt c:\webpages\First.htmnéven. Hagyja nyitva a fájlt a szerkesztőben.

  5. Váltson a böngészőre, és a Fájl menüben válassza a Megnyitás lehetőséget, vagy írja be a file://C:/webpages/first.htm a böngésző URL-címének szerkesztési mezőjébe. Egy üres lapot kell látnia a "Top HTML Tags" ablakfelirattal.

    Figyelje meg, hogy a címkék párosítva vannak, és szögletes zárójelekbe vannak foglalva. A címkék nem megkülönböztetik a kis- és nagybetűket, de a nagybetűket gyakran használják a címkék kiemelésére.

    A HTML-címke <> elindítja a dokumentumot, és a címke </HTML> végződik. A záró címkék (nem mindig kötelezőek) megegyeznek a kezdő címkével, de a címke előtt perjel (/) van. A szögletes zárójel (<) és a címke kezdete között nem lehet szóköz.

  6. Váltson vissza a Jegyzettömbre, és a </HEAD> sor után írja be:

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. A Fájl menüben válassza a Mentés lehetőséget.

  8. Váltson vissza a böngészőbe, és frissítse a lapot.

    A szavak a böngésző ablakának ügyfélterületén jelennek meg. Figyelje meg, hogy a kocsi visszaküldése figyelmen kívül lesz hagyva. Ha sortörést szeretne, az első sor után egy címkét <BR> kell tartalmaznia.

    Minden alábbi lépéshez illessze be a szöveget bárhol a <BODY> és </BODY> közé, hogy hozzáadja azt a dokumentum törzséhez.

  9. Fejléc hozzáadása:

    <H3>Here's the big picture</H3>

  10. Adjon hozzá egy képet egy .gif fájllal, amely ugyanabban a könyvtárban van mentve, mint a lap:

    <IMG src="yourfile.gif">

  11. Lista hozzáadása:

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. A lista számozásához használjon párosított <OL>- és </OL>-címkéket az <UL>- és </UL>-címkék helyett.

Ez elég lesz a kezdéshez. Ha egy weblapon egy nagyszerű funkciót lát, a HTML-forrás vizsgálatával megtudhatja, hogyan lett létrehozva. A HTML-szerkesztők, például a Microsoft Front Page egyszerű és speciális lapok létrehozására is használhatók.

A teljes HTML-forrás a létrehozott fájlhoz:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

A címkék, attribútumok és bővítmények teljes leírását a Hypertext Markup Language (HTML) specifikációja tartalmazza:

A HTML legújabb közzétett verziója a W3C.org.

Lásd még

Az MFC internetprogramozási alapjai

  • Last updated on