Asterial web design - területek létrehozása
Úgy döntött, hogy mindig valami egyszerű és világos, hogy ne veszítse motiváció és győződjön meg róla, a képességeit. Továbbá, a teremtés a webhely, hogy egy egyszerű html elrendezést bonyolítja, hogy hozzáadja a szín és a kép, majd adjunk hozzá Burkolat Cascading Style Sheets - CSS. Ne pazarolja az idejét egy hosszú bejegyzést, és folytassa a létrehozását az oldalon.
Meglepő, de ahhoz, hogy megtanulják, hogyan kell csinálni az egyszerű HTML oldalak nem kell sem hosting, vagy bármilyen különleges programokat. Mindössze arra van szükség - egy olyan program, szerkeszteni a szöveget, például a leggyakoribb notebook. De érdemes megjegyezni, hogy sokkal kényelmesebb, hogy egy speciális notebook Notepad ++ szintaxis kiemelést. Ha azt szeretnénk, hogy hozzon létre oldalakat a jövőben, akkor erősen ajánljuk, hogy használja a Notepad ++. Részletek html oldal lehet bármely internetes böngésző, egyszerűen nyissa meg dupla kattintással.
Mentse el a fájlt, nyissa meg a böngészőben. Még nem láttam semmi érdekes, de ha vesszük közelebbről, azt látjuk, hogy a cím a böngésző ablakot, amely megnyitja oldalunkat, már meg a szöveg jelenik meg. Ha a magyar betűket is nem egyenesek, ellenőrizze, hogy mentette a fájlt UTF-8, vagy megpróbálja megváltoztatni a kódolás böngészőjében cirill Win-125.
Továbbra is szerkeszteni az index.html fájlt, és végül, mozgassa a látható része az oldal. Úgy kezdődik a tag
, amely zárt, illetve, miután a látható része az oldal felett. Gyakran ez csak a záró címke előtt , és ezt ebben a példában:
címke
- Ez a test helyén, hogy megjeleníti az összes látható elemet, például sapka, tartalom, lábléc és még sok más. Folytassuk jelölő hely: most fogjuk használni a címkéket
Mentse az index.html fájlt, és nézd meg az eredményt - a böngésző ablak jelenik meg egymás alatt, meghatározott sorrendben fejléc, tartalom és a lábléc.
Így tettünk HTML kódba szükségesek a további munka az oldalt. A következő részben fogjuk vizsgálni tervezés oldalak html tag, módosítsa a magassága a létrehozott blokkok színes és a szöveg igazítását, létrehoz egy kattintható képet a fejlécben.
A harmadik rész a lecke - Tovább