3. lecke
Miután megismertük a fő alapszerkezetét egy HTML dokumentum, eljött az ideje, hogy adja át a már a tanulmány alapvető HTML, és itt nézzük meg a koncepció egy blokk és a vonal elemet. Minden azt fogja mondani, tovább - mindez lesz a szervezet a dokumentum, illetve fel kell venni a BODY tag. Amikor arról beszélünk, hogy mi legyen a címke HEAD, én címkézni külön-külön.
Tehát a BODY tag, azaz a szervezetben a dokumentum (a látható) elemek lehetnek a kétféle - blokk vagy kicsi. Blokk szintű elemek általában párosította tag DIV, és a kisbetűk - SPAN. De ez nem feltétlenül szükséges. Van néhány blokkot és inline elemek, amelyek más címkéket, és fogok beszélni róla, de a legtöbb esetben, DIV és SPAN címkék gombot.
A különbség a kettő között a következőket: ha létrehozunk egy blokk elem (azaz, blokk), akkor automatikusan (ha nem mondja el konkrétan) igazítja a szélességet a szélesség az elem, amelyben az (azaz korrigált a szélessége a szülő elem). blokk magassága állítható a magassága a tartalom blokk. Azaz, ha írunk, így:
Aztán kap 2 egység szélessége a dokumentum teljes szélességében és magasságában a vonal vannak elrendezve egymás alatt. Miért egymás alatt, hanem egymás után, remélem, érted? Mivel a szélessége az egyes blokk elfoglalja a teljes szélessége az elem, amely a mi DIV, és mivel a DIV a szervezetben tárolt testben, akkor annak szélessége egyenlő a szélessége a teljes dokumentumban, és a blokkok kell kialakítani egymás alatt. Egy példa az ilyen blokk - rendes bekezdése szöveget. Mi természetesen vizuálisan maguk blokkok (mondathatárokon) nem fogja látni, csak látni a tartalmát ezeket a blokkokat, de az nagyon struktúrát kell érteni tisztán.
Ellentétben blokk szintű elem egy sort - SPAN. Velük fordított a helyzet - a szélessége a vonal elem a tartalom. Ezért, ha teszünk több egymást követő következő elemek. például
elemek sorakoznak egymás után vízszintesen. SPAN címkézni kiválaszthatja néhány betűt a szó, még akkor is, például
Hogy könnyebb megérteni, cserélje ki a „blokk” a szó „bekezdés” és a „vonal” - a fogalom „szót, vagy vonalszakaszt.” Így világossá válik, nem? Bekezdések megy egymás alatt, nem számít, mekkora vannak, és ezek a szavak - egymás után balról jobbra.
Itt vannak a legfontosabb különbség div és a span elemeket. Körülbelül ábrázolják teljes különbség köztük a következők lehetnek:
Remélhetőleg, több vagy kevesebb értem a különbséget, igaz?
Most on: egy nagyon fontos szabály: Nem lehet a blokk szintű elemek belsejében a kisbetűs. Ez azt jelenti, soha ne tegye a következőket:
Éppen ellenkezőleg - kérjük, képes blokkolni bármilyen sorok számát, de a vonal a blokk nem lehet. Ez csak meg kell emlékezni.
Ezután én mutassam be a következő tag, én mark - blokk egyik eleme, vagy egy sort. Ez egy nagyon fontos fogalom, hogy meg kell megérteni és megjegyezni, mert nem minden kisbetűs látszólag elem húrok a valóságban. Egy példája - headers írja H1, H2, H3 - ez a blokk szintű elemeket, ahelyett kisbetűvel (valójában - csak belső elemek lehet elhelyezni őket, és minden esetben lehetetlen, hogy blokk), de majd beszélünk bővebben a következő cikkben.
Ha azt akarjuk, hogy ideiglenesen elrejti a blokkokat a „Helló!” és a „Bye!”, akkor tegye a következőket:
És emlékszem egy aranyszabály: a HTML bármely szó vagy sor mindig meg kell címkézni bármilyen címkét. Ez fontos!