Tartalomjegyzék:

Egyszerű weboldal létrehozása kezdő zárójelek használatával: 14 lépés
Egyszerű weboldal létrehozása kezdő zárójelek használatával: 14 lépés

Videó: Egyszerű weboldal létrehozása kezdő zárójelek használatával: 14 lépés

Videó: Egyszerű weboldal létrehozása kezdő zárójelek használatával: 14 lépés
Videó: Hogyan készítsünk Wordpress weboldalt 2024 | 20 EGYSZERŰ lépésben | Wordpress Oktatóvideó Kezdőknek 2024, November
Anonim
Hogyan készítsünk egyszerű weboldalt kezdő zárójelek használatával?
Hogyan készítsünk egyszerű weboldalt kezdő zárójelek használatával?

Bevezetés

Az alábbi utasítások lépésről lépésre nyújtanak útmutatást a weblap zárójelek használatával történő elkészítéséhez. A Brackets egy forráskód -szerkesztő, amelynek elsődleges célja a webfejlesztés. Az Adobe Systems által létrehozott ingyenes és nyílt forráskódú szoftver, amelyet MIT licenc alapján licencelt, és jelenleg az Adobe és más nyílt forráskódú fejlesztők tartanak karban a GitHub-on. JavaScript, HTML és CSS nyelven íródott.

Utasítás

Megjegyzés: - Minden HTML -címkének zárójelek között kell lennie:

1. lépés: Töltse le a szoftvert

Töltse le a szoftvert
Töltse le a szoftvert

töltse le a zárójeleket erről a webhelyről:

2. lépés: Nyissa ki a zárójeleket

Nyissa ki a zárójeleket
Nyissa ki a zárójeleket

nyissa meg a letöltött Brackets szoftvert a számítógépen.

3. lépés: Hozzon létre egy új fájlt

Hozzon létre egy új fájlt
Hozzon létre egy új fájlt

A zárójelek megnyitása után kattintson a fájl ikonjára az ablak bal felső sarkában, majd kattintson az új gombra, és megjelenik az új fájl „Névtelen”.

4. lépés: Mentse másként … a fájlt

Mentés másként.. a fájl
Mentés másként.. a fájl

Kattintson jobb gombbal erre a fájlra „névtelen”, kattintson a Mentés másként gombra, majd mentse el egy meghajtóra

ezen a ponton bármilyen nevet adhat a fájlnak, csak győződjön meg róla, hogy a név után hozzáadja a „.html” (pont html) fájlt.

5. lépés: Kezdje a DOCTYPE címkével

Kezdje a DOCTYPE címkével
Kezdje a DOCTYPE címkével

Minden html -oldalnak a következő struktúracímkével kell kezdődnie. Ez megmondja a böngészőnek, hogy milyen szabályokat kell követni egy HTML -oldal megjelenítésekor.

6. lépés: HTML -címke

HTML címke
HTML címke

és - ezek a címkék egy dokumentum kezdetét és befejezését szolgálják.

7. lépés: Fej- és testcímkék

Fej és test címkék
Fej és test címkék

A html -címkék közé írjon, és ahol „kulisszák mögött” található. Továbbá írjon, és hol tartalmaz szöveget, képeket, videót, hangot és így tovább.

8. lépés: Meta Tag

Meta Tag
Meta Tag

Írja be a címkék közé, hogy hol tartalmaz olyan információkat, mint a keresőmotor kifejezései vagy a karakterkódolás.

9. lépés: Címkecímke

Címke
Címke

A címkék között, alatt, írjon és. Tehát, ha bármit írsz, azt a böngészőablak tetején látod, és ez a címke fontos a keresőmotor számára. Például azt írom, hogy „WRD 204”

10. lépés: Bekezdés hozzáadása a P Tag használatával

Bekezdés hozzáadása a P Tag használatával
Bekezdés hozzáadása a P Tag használatával

Írjon közbe minden olyan információt, amelyet látni szeretne egy weboldalon, például képet, hangot, videót és bekezdést, például az én példámhoz fogok írni egy bekezdést a következő címkék használatával:

és.

11. lépés: Tekintse meg az eredményeket

Tekintse meg eredményeit
Tekintse meg eredményeit
Tekintse meg eredményeit
Tekintse meg eredményeit

Az eredmények megtekintéséhez: először kattintson jobb gombbal a fájlra, majd kattintson a „Mentés” gombra, majd kattintson az „élő előnézet” ikonra a jobb felső sarokban.

Megjegyzés: - bármikor, amikor módosítást végez, és látni szeretné az eredményt, először el kell mentenie a fájlt, használhatja a „Ctrl + S” billentyűparancsot

12. lépés: Módosítsa a formázást

Módosítsa a formázást
Módosítsa a formázást
Módosítsa a formázást
Módosítsa a formázást

Ha módosítani szeretné a szövegformátum méretét, használja a legnagyobb címsort vagy a legkisebbet. Példámban használni fogom.

13. lépés: Egyszeres/dupla sortöréses címke

Egy/kettős sor törés címke
Egy/kettős sor törés címke
Egy/kettős sor törés címke
Egy/kettős sor törés címke

Ha egy/kettős sort szeretne szakítani a bekezdések között, használja a címkét

14. lépés: Következtetés

Gratulálunk! most elkezdheti saját weboldalának építését.

Ha többet szeretne megtudni a HTML -címkékről, ajánlom ezt a webhelyet:

Ajánlott: