Hogyan készítsünk statikus weboldalt

...

Internet: ez a hely, ahol lenni.

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 nagy webhelyek egyre összetettebbé válnak, és olyan újoncokat megfélemlítő szakzsargont használnak, mint a Flash, CSS, perl és 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álva statikus weboldalt hoz létre. 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 bemásolásával egy egyszerű szövegszerkesztőbe, például a Jegyzettömbbe:

A nap videója

Ezután mentse el 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 címke jelzi a böngészőnek, hogy egy weblap érkezik. ahová mindenféle információ eljuthat a keresőmotorok számára. 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 után -- a nyitó címke -- félkövér lesz, amíg el nem éri -- 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, és közé. 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 megtehet, amit akar.

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 címkével történik Kattints ide. 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

Ezen HTML-kódok együttes használatával 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 rendben tart és könnyen olvasható. Például közé helyezett szöveg

és
félkövér, dőlt betűvel és középre szedve lesz. Az
doboz belsejében van dobozban, amely a doboz.