Mielőtt a tanulmány a CSS, ne felejtsük el, amire valóban szükség Hypertext Markup Language HTML és meghatározza, hogyan fogjuk használni a jövőben.
Hogyan kell használni a HTML CSS előtt
A fő célja a HTML (Hypertext Markup Language - angol.) - strukturálása információt weboldalakat. Kezdetben a nyelv találták csak erre a célra. De ahogy a népszerűsége az interneten kezdett növekedni, nő, és a felhasználók a vágy, hogy valahogy diverzifikálására, és díszítse a telek.
Web tervezők elkezdte keresni a módját, hogy egy szép információk bemutatása. Néhány HTML nem használják a tervezett célra, például
. elrendezés módszer a webes dokumentumok segítségével ez a címke már annyira népszerű, hogy még kapott egy külön nevet - táblázatos elrendezést. Korábban csak ezzel a módszerrel lehet pontosan rendezni elemek az oldalon.
Amikor táblázatos elrendezés weblap tervezés hozta létre közvetlenül abba a HTML-dokumentum. Van is alkalmazták, és a többi tag a stílusban és formában. Milyen problémák okozott? Először is, a HTML-kód válik rendkívül nagy hosszúságú, amely negatívan érinti mind a súlya a dokumentumot, és az indexelési a keresőmotorok. Másodszor, a változás, például a színe h1 fejlécek minden oldalon az oldalon, kézzel kellett a munka révén mindegyik. Mindez enyhítette sok időt és erőfeszítést igényel.
Miért van szükség HTML jelenleg
Ma, hála a létezését CSS, lehetséges, hogy külön a design az oldalt annak tartalmát, valamint felgyorsítja a munkafolyamatot, és időnként csökkenti a méretét HTML-dokumentumot. Azok, akik már régóta foglalkozik a területek létrehozása, majd megszabadulni a régi szokások és megtanulják érzékelni csak HTML mint jelölőnyelv strukturálása és szervezése adatokat. Újoncok könnyebb lesz megtanulni az új elvek kialakítása weboldalakat hiánya miatt véleményét HTML eszköz arra, hogy az oldalak vonzó megjelenés. Ez most felelős CSS.
Íme néhány HTML-címkéket lehet (és kell) nyugodtan cserélje CSS stílusok:
„Díszítő”, szintező attribútumokat tag (szín bgcolor összehangolása, stb .....);
címke
(Ha használt elrendezést weboldalak);
címke .
HTML-címkék strukturálása
Mert így a lapok, használja a következő címkéket:
H1-H6 (címsor) h1-h6 címkék jelölik az fejléceket. Ezekkel a címkék nagyon kényelmes, hogy ossza el a szöveget. A jobb megértés képzelni egy könyvet, amely fejezetek és alfejezetek. A könyv címe fejezet - a h1. alfejezetek - h2. rész alfejezetek - h3 stb elhelyezése címsor címkék következetesen jobb ... P (bekezdés) címke
Arra használják, hogy lásd a következő bekezdésben szöveget. OL, UL (rendezett lista, rendezetlen lista) Címkék
.
- kényelmes eszköz a kijelölési lista (navigációs linkek, az elemek a szövegben, egy listát a soros, stb ...). DL (definíciós lista) Meta
összefüggésben címkék
.
létrehozásához használt meghatározások listáját, amelyek
- a név a definíció (meghatározás távon)
- meghatározása leírása (meghatározása leírás). DIV (osztás) DIV - blokk elem, amely lehet használni, hogy töredék izolálása egy dokumentumot, és számára is logikus kapcsolat több elemből. Használata CSS egység adhat
szükséges típusa és elhelyezése, de önmagában
Ez nem változtat a dokumentum megjelenésének. SPAN (span) Meta ő játszotta hasonló
. de
- egy blokk szintű elem, és a - sorban. Például, ha meg kell változtatni a stílusát egy szó a kulcsszó
. te „Warp” van szó, a tag . id attribútum hozzáadása vagy osztály választó nevét, majd a CSS rendel a kívánt stílust. HTML5 szemantikai címkéket intelligensebben strukturált HTML dokumentum, használja az új címkéket, amelyek segítenek, hogy jobban leírni a tartalmát. Például, hogy hogyan lehet megkülönböztetni az oldalon fejléc, a navigációs menü és a lábléc tartalmat egy másik, ha azok meg vannak jelölve címkék