След като се запознахме с главния основната структура на HTML документ, че е дошло времето да се премине вече към изучаването на основните HTML тагове и тук ние ще разгледаме понятието блок и ред елемент. Всичко, което ще кажа по-нататък - всичко това ще бъде тялото на документа, съответно, трябва да бъдат включени в тялото маркер. Когато говорим за това, което трябва да е в главата на етикет, аз ще маркирам отделно.
Така че, в тялото маркер, който е в тялото на документа (видимите) елементи могат да бъдат два типа - блок или малък. блокови елементи обикновено са сдвоени таг DIV, а долната кутия - SPAN. Но това не е необходимо. Има няколко блокови и инлайн елементи, които имат и други тагове, и Аз ще говоря за това, но в повечето случаи, DIV и SPAN тагове, които са от ключово значение.
Разликата между тях е следното: когато ние създаваме блоков елемент (т.е. блок), тя ще автоматично (ако не го кажа конкретно) регулира ширината на широчината на елемента, в която е (т.е., коригирани спрямо ширината на майка елемент). височина блок ще бъде коригирана до височината на съдържанието блок. Това означава, че ако пишем така:
След това ние получаваме 2 единици с ширината на документа по цялата ширина и височина на линията на която са подредени една под друга. Защо под един с друг, а не един след друг, надявам се, разбираш ли? Поради това, че ширината на всеки блок заема цялата ширина на елемента, който е наш DIV, а от нашата DIV съхранява в тялото на тялото, а след това му широчина, равна на ширината на целия документ, както и блоковете трябва да бъдат установени в съответствие с една от друга. Пример за такъв блок - обикновен параграф от текст. Ние със сигурност визуално самите блокове (блок граници) няма да видите, ние виждаме само съдържанието на тези блокове, но самата структура ще се разбере ясно.
За разлика от блоков елемент има ред - SPAN. С тях ситуацията е обратна - ширината на линията елемент е съдържанието. Ето защо, ако ние поставяме няколко последователни следния ред елементи. например
елементи, подредени един след друг хоризонтално. SPAN маркирате можете да изберете няколко букви в думата, дори и, например,
За да направи по-лесно да се разбере, замени думата "блок" с думата "точка", а думата "линия" - ". Дума или отсечка" понятието Така става ясно, нали? Параграфи минат под един на друг, без значение колко са големи, а думите - един след друг от ляво на дясно.
Това са основните разлики между DIV и SPAN елементи. Приблизително представят цялата разлика между тях може да бъде, както следва:
Надяваме се, че повече или по-малко разбирам разликата, нали?
Сега на: едно много важно правило: Не можете да имате елементи блокови вътре в долната кутия. Това е, не някога да направите това:
Напротив - моля, може да блокира бъде произволен брой линии, но линията в блока не може да бъде. Това е просто трябва да се помни.
На следващо място, аз ще ви запозная с следващия маркер, ще отбележат - блок е елемент или ред. Това е много важно понятие, което трябва да се разбере и не забравяйте, защото не са с малки букви на пръв поглед елементи са струни в реалност. Ярък пример - заглавията тип H1, H2, H3 - това блокови елементи, а не малки букви (в действителност - само вградени елементи могат да бъдат поставени в тях, и в никакъв случай не е възможно да се сложи блокове), но ние ще говорим повече в следващата статия.
Ако искаме да скриете временно блоковете с текста "Hello!" и "! Чао", можете да го направите:
И също така не забравяйте едно златно правило: в HTML за всяка дума или линия трябва винаги да бъдат етикетирани по всеки маркер. Това е важно!
Свързани статии