Добър ден. Свързана Алекс Gulynina. В последната статия обсъдихме как да вмъкнете връзки и изображения в HTML. В тази статия искам да говорим за достатъчно важна тема - е създаването на таблици в HTML. Почти всеки сайт можете да намерите HTML-таблица. Таблиците ни позволяват да подредите елементите, както намерят за уместно. Отиваме направо на въпроса, пишете малко код и да го обясни:
Масата е създаден с помощта на маркера
и завършва с
.
По принцип, на принципа на създаване на таблици, е както следва: първо писмено таг
. След това добавете редове тагове
и създаване на клетки от таблица с помощта на тагове
и
. В края не забравяйте да затворите нашата маса таг
. Не забравяйте да въведете кода и да видите как изглежда маса ни в момента. Някак си това не е съвсем като на маса.
Нека да анализираме какво атрибути имат етикети
.
и
. Както винаги в този пример:
Ние маркирате
има граничен атрибут. който е отговорен за рамката на масата (без масата за атрибут и не прилича на таблицата). Има и ширината и височината атрибути. което съответно зададете ширината и височината на масата. Всичко е просто: можете да зададете или в относително изражение (%) или абсолютна (в «пиксела»). В нашия случай, е записано, че ширината на таблицата, се равнява на 50% - това означава, че винаги ще заема половината от ширината на майка елемент, в този случай - това е прозорец на браузъра.
Също на масата, има и други атрибути:
"Подравняване" - привеждане в съответствие на маса спрямо листа
"Cellspacing" - тире между клетки
"Cellpadding" - разстоянието между референтна рамка и съдържанието на клетката
"BGCOLOR" - определя цвета на фона на таблицата
"BORDERCOLOR" - зададете цвят на рамката за масата
В съответствие таг
има само един атрибут - височината на височината на низ. Можете също да зададете или в относително изражение, или в абсолютна стойност.
Също така той има много качества таг
. маса заряд на клетката. Нека ги разгледаме по-подробно:
1) Атрибутът "ширина". Този атрибут е отговорен за ширина на клетките, височина атрибут в маркера
не.
2) атрибут "ColSpan". Стойността на този атрибут е отговорен за броя на колоните, за да бъде заето от тази клетка. Ако постави ColSpan = "2" (както в примера), след това клетките ще заемат 2 колона.
3) атрибут "rowspan". Стойността на този атрибут е отговорен за броя на редовете, да се заемат от тази клетка.
4) атрибут "подравняване". Стойността на този атрибут е отговорен за хоризонталното разположение на елементите вътре в клетката. По подразбиране е подравнен вляво. В този атрибут има 3 стойности: лява (ляво), в съответствие полето (десен), в съответствие център (центрирано).
5) атрибут "valign". Стойността на този атрибут е отговорен за вертикалното подравняване на елементите вътре в клетката. По подразбиране е в центъра. В този атрибут има 3 стойности: отгоре (приведени в съответствие с горния ръб), център (или средата) (центрирано), дъно (долната оправдават).
Както можете да видите няма нищо сложно тук, най-важният аспект при разработването на масите - това е практика. Ето защо, тук е вашата домашна работа:
Необходимо е да се създаде такава маса, както е показано. След това добавете в клетките на таблицата не са текст, както направихме в този урок, като картина. С други клетки, трябва да добавите връзка, подреден списък, неподреден списък.
В тази статия се научили как да създадете таблица с HTML.