Statikus weboldal készítése

Ha egy találmány életünk során teljesen megváltoztatta a világot, az az Internet. Egyre többen szeretnének a közösségi hálózatokon túl is jelen lenni az interneten:olyan webteret szeretnének, amelyet sajátjuknak nevezhetnek. A nagyobb webhelyek egyre összetettebbé válnak, és újoncokat megfélemlítő zsargont használnak, mint például a Flash, a CSS, a perl és a JavaScript, de ne félj. Négy egyszerű betűvel bárki pillanatok alatt megjelenhet a weben:HTML. A betűk a hipertext jelölőnyelvet jelentik, egy olyan programozási nyelvet, amely címkék sorozatát használja statikus weboldal létrehozásához. Minél több címkét ismer, annál többet tud tenni egy statikus weboldallal.

1. lépés

Hozzon létre egy statikus weboldal alapvázát a következő kód egyszerű szövegszerkesztőbe, például a Jegyzettömbbe másolásával:

Ezután mentse a fájlt index.html néven (az alapértelmezett főoldal neve), és nyissa meg a böngészőben. Semmit sem kell látnia, mert üres weboldalt hozott létre.

Mindegyik címkének van jelentése. A

A címke jelzi a böngészőnek, hogy egy weblap érkezik. A az a hely, ahová mindenféle információ eljuthat a keresőmotorok számára. A azt jelenti, hogy hamarosan kezdődik az a rész, amelyet az emberek látni fognak.

2. lépés

Tekintse a HTML-t a címkék két fő típusának (a zárójelben lévő kódbiteknek). Az egyik azt mondja a böngészőnek, hogy kezdjen el valamit, a másik pedig azt, hogy hagyja abba.

Tegye félkövérre ezt a szöveget

Minden a után – a nyitó címke – félkövér lesz, amíg el nem éri a -t -- a zárócímke. A „/” jelzi a böngészőnek, hogy álljon le.

3. lépés

Szöveg hozzáadása a weboldalához. Írja be a "Ez az én weboldalam" szöveget a weboldal törzsébe, a

közé és . Mentse el az oldalt, és nézze meg a böngészőben. Az eredmény szép, de nem túl izgalmas. Próbáljon ki néhány másik címkét a fűszerezéshez. Például: félkövérré teszi a szöveget; a szöveget dőltté teszi; lehetővé teszi a betűméret módosítását 1-ről (legkisebb) 6-ra (legnagyobb); pirossá teszi a szöveget (vagy bármely más beírt színt); a szöveget (vagy egy képet) az oldalon középre helyezi.

Próbáljon meg több ilyen címkét használni ugyanazon a szövegblokkon. Bármilyen kombinációt létrehozhat.

Az oldal elemei közé szóközt is hozzáadhat, ha közéjük helyezi a következőket:

bekezdéstörésre;
sortörésre; hogy törést hozzon létre egy vonallal a weboldalon.

4. lépés

Adjon hozzá képeket az oldalához. Ezt a címke használatával teheti meg , és cserélje ki a példában szereplő webcímet a használni kívánt kép helyére. Ez azon kevés címkék egyike, amelyeknek nincs végcímkéje. A képeket a szöveghez hasonlóan középre is lehet helyezni.

5. lépés

Hozzon létre egy hivatkozást egy másik webhelyre. Ez a Click Here címkével történik. Ez a kód a „Kattintson ide” szavakat egy másik webhely hivatkozásává teszi. Szöveg helyett képet is használhat hivatkozásként a kód használatával .

Tipp

Ezeket a HTML-kódokat együtt használva bármilyen bonyolultságú statikus weboldalt hozhat létre.

Gondoljon a HTML-címkékre úgy, mint a dobozokban lévő dobozokra, vagy azokra az orosz babákra. Ezt nevezik beágyazásnak, és mindent tisztán és könnyen olvashatóan tart. Például a közé helyezett szöveg félkövér, dőlt betűvel és középre szedve lesz. A

Mit jelent, ha egy internetes oldal üres?

Lejátszási lista készítése a Media Player Classic alkalmazásban