Létrehozása egy egyszerű weboldal, 2. fejezet
Létrehozása egy egyszerű weboldal
Ebben a fejezetben azt illusztrálja egy konkrét példa arra, hogyan kell írni egy egyszerű weboldal HTML programozás.
A kezdeti lépés létre egy egyszerű weboldal
Mit tegyünk most nevezhető pre-jelölés a legegyszerűbb weblapot. Eddig az oldal nem tartalmaz semmilyen információt, és ha tartani oly módon, hogy amikor megnyitja a web böngésző ablakot, ez az ablak üres lesz.
És a szöveg, hogy mi vezetett be, három pár címkék HTML-dokumentumot. Megjegyzendő, hogy a legtöbb HTML-címkék használata párban, az első tag az úgynevezett nyitás, és a második - záró. Minden zárócímkéket vannak az elején egy perjel (például látható. 2.3 záró tag. És).
Címkék célja, hogy azonosítsa a HTML-dokumentum. A nyitó címke a pár mindig a legelején a kódot, és a záró tag - a legvégén. Más szóval, a címke kezdődik a program kódját, és azt is végződik a tag.
FIGYELEM Egy pár címkék és Ez egy kötelező attribútum bármely HTML-dokumentumot.
Segítségével egy pár címkék azért végzik, hogy nevezze meg a weboldalt. Más szóval, a teljes beírt szöveg címkék között ekkor megjelenik a cím az Internet Explorer ablakot.
Mentse az adatokat a fájl kiterjesztését (feltételezve, hogy a fájl neve). Ehhez hajtsa végre a főmenü (ezt a parancsot is lenyom egy billentyűkombináció), majd a megnyíló ablakban jelzik az utat és a fájl nevét.
Most adjuk hozzá a kódot HTML-dokumentum, hozzátéve, a megfelelő címkéket között egy weboldal fejléc és a test szöveget. Fogjuk hívni weboldalt. és vezessen be (ábra. 2.4), mint a fő szöveget.
Hozzátéve, hogy a fejléckód az oldal és a fő szövegben
Most mentse el a módosításokat a főmenüben parancs vagy gomb megnyomásával billentyűkombinációk. Ezt követően megnyílik a web-böngésző ablakot. Ha helyesen tette, meg kell nézni ábrán látható. 2.5.
A tesztoldal egy Internet böngésző ablakot
Mint látható, az oldal címe, amely megjelenik a tetején Internet böngésző ablakot, és a fő szöveg teljes mértékben megfelelnek a program kódját. Ezen akkor gratulálok magát: az imént létrehozott egy egyszerű weboldal.
Most módosítani honlapunkon, hogy ez egy ergonomikusabb hangulatát. Kezdetben a címkéket és. címmel szereplő szöveg az oldalon. Ehhez adjuk hozzá a kód ábrán látható. 2.6.
A kód hozzáadása címszöveg
Megjegyzés - címkék és a beavatkozó szöveg helyezhető el a címkéket és. valamint mielőtt a fő szöveget.
Most ezt úgy, hogy a szó megjelenik dőlt, és a szó - félkövér. Erre a pár címkéket használnak, illetve és. Ennek eredményeként, a szükséges kiegészítéseket a forráskódját a weboldal kell kinéznie, ahogy az ábrán. 2.7.
Hozzátéve, dőlt és félkövér
Most változtatni a háttér színét. Erre címkejellemző vonatkozik. Megjegyzendő, hogy ez az attribútum szabadon választható, ha nem használják - az alapértelmezett háttérszín fehér (ahogy azt már láttuk). Nézzük, hogy a háttér színe oldalunkat sárga, kiegészíti programkód ábrán látható. 2.8.
Változtatni a háttér színét a weboldal
meg tudjuk változtatni a betűtípus és a szín, így például a kék, ha szükséges. Ehhez ismét kissé módosítani a kódot a tag attribútum. Ez az attribútum szabadon választható, és ha nem használjuk, akkor az alapértelmezett betűtípus színe fekete (ahol mi is már láttuk).
Betűszínt kék lesz, a weboldal kódjának kialakításához ábrán látható. 2.9.
Változtatni a színét a weboldal font
Most mentse az összes változtatást, és nyissa meg a weboldalt az Internet böngésző ablakot. Ezek az intézkedések ábrán látható. 2.10.
Weblap után ezek a fejlesztések
Amint az ábrán látható, összhangban a kód megváltozik a szó dőlt betűvel, a szó - merész, és e felett a fő szöveg megjelent fejlécet. Ezen kívül módosíthatja a háttér színe az oldal háttérszíne és a szöveg színe, hogy a szöveg jelenik meg.
Egy oldal, amely meg kell nyitnia a kapcsolatot
Ezen az oldalon a fájl a példánkban neveznénk. Itt nem fogjuk adni a forráskód, mint a már meglévő tudás ahhoz, hogy létrehozza azt figyelmeztetés nélkül. Ez az oldal ki kell nyitni, miután hozzá egy hivatkozást egy oldalon, amelyet éppen kísérletezik (lásd. Ábra. 2.10).
Azt hogy mind a fájl (ok) ugyanabba a könyvtárba. Létrehozásához egy hivatkozást egy oldalon. változtatni a kódot az oldal ábrán látható. 2.12.
Útközben megnézzük egy másik tag a HTML-nyelv -. A jellemző a címke, hogy azt alkalmazni nem páronként, hanem külön-külön. Más szóval, nincs nyitó és záró címke, egyedül volt. Ez a címke beillesztésére használjuk sortörést (az angol szó «szünet»). Miután a címke szövegét folytatni kell egy új sort.
Ebben a példában van hozzá egy új sort a program kódját oldalon, így a szó után jelöléssel láttak el.
Ami a referencia, akkor alakult egy új sort. Itt a kód:
A következő szöveg a szó, ami valójában egy hivatkozás lesz (ebben az esetben a szó), és miután ez a záró címke.
Ennek eredményeként készült a mi weboldal változásokat fog kinézni, ahogy az ábrán. 2.13.
Mint látható, van egy új kifejezés az oldalunkon. amely kezdődik egy új sort. És az utolsó szó a kifejezés egy hivatkozást. Megjegyzés - alapértelmezés szerint a hivatkozás a szövegben aláhúzással jelöltük. Ha helyesen tette, majd azt követően egy kattintással erre a linkre az oldalon (lásd. Ábra. 2.11).
Made honlapunk hivatkozást, hogy a népszerű portál www.mail.ru. Ehhez fogjuk kijavítani a kódot, ahogy ábrán látható. 2.14.
A megjelenése egy weblap nem változik - úgy fog kinézni pontosan ugyanaz, mint látható. 2.13. De most, ha rákattint a linkre. akkor ez megnyitja a főoldalon portál www.mail.ru.
Így, ebben a szakaszban van egy konkrét példát tárgyalt alapvető létrehozásának lépéseit egyszerű weboldal. Annak érdekében azonban, hogy tanulmányozza tovább a lehetőségeket, HTML, akkor ismernie kell az alapvető címkéket. Néhányan közülük már tudjuk, de a valóságban sokkal több. Ez lesz szó a következő részben.