Как да се направи таблица в HTML: подробно описание на

Таблица - един от най-важните, но в същото време сложни елементи, които трябва да присъстват на уеб страниците. С тяхна помощ е удобно да се прилага важна и полезна информация в доста сбита форма. Разбира се, повечето редактори в шаблони, които работят на различни двигатели, автоматично вмъкнете таблица в уебсайта или отделна публикация, но какво ще стане ако уеб дизайн ресурс, нейните страници са създадени от нулата? Тогава новак капитанът може да се получи проблем: как да се направи таблица в HTML. Нека да видим колко бързо и правилно да създаде елемента.

изберете редактор

На първо място, като се започне да се създаде таблица, трябва да се определят на редактора, в която ще работят. Разбира се, най-лесният начин да се избере програма, в която можете да създадете основен код на сайта. Но най-добре е да се използва за тази цел добрия стар тефтер.

Може да попитате защо да усложни живота си, защото ако го направите всичко по силите си в редактора, то резултатът може да се види веднага, също и дори подкани програмата за използване.

Да, това е вярно, но за да се създаде маса от нулата, вие не само ще бъде в състояние да внимателно да се проучи на принципа на създаването му, но също и за да се предотврати неудобни печатни грешки и грешки в базовия код. Понякога това се случва случайно, че курсорът се движи надолу, а процесът на писане на код в грешка промъква, което понякога е трудно да се намери. Създаване на таблица в тетрадка, можете да копирате кода и го поставете на точното място за вас.

Алгоритъмът за създаване на таблицата

За да започнете, направи кратък алгоритъм, как да се направи таблица в HTML. Това е да се гарантира, че сте разбрали последователността на всяка стъпка. След това се анализира как точно да изпълнява всеки един от елементите.

Нека започнем с подготвителните действия.

1. Начертайте схеми на масата хартия изображение.

2. Преброяване на броя на редовете и клетки. Ако броят на различно минало - мисля, че на всеки ryadochka отделно.

3. Определяне на броя на ред-заглавните клетки (например, «№» клетка, "име" и т. Д).

4. Запишете си основните параметри на таблицата - цвета, височината и ширината, подравняване на текст - накратко, всичко, което изглежда добре.

След това отидете директно до създаването на таблицата:

1. Поставете таблицата с ключовите думи.

2. Поставете маркерите на линии на базата на сумата, която се нуждаете.

3. Редовете вмъкнете тези клетки (нормални и главни), също въз основа на сумата, която са записани на хартия.

4. Настройте параметрите за цялата таблица.

5. Ако е необходимо да се определят параметрите за отделните клетки.

6. Попълнете нашата клетка текст.

създаване на таблица

Така че, за да изберете редактор, сега нека да разгледаме как да създадете таблица в HTML. Tag, която позволява на маса (<маса>) се вмъква в кода на страницата е сдвоен, това е, ни строителство започва с този етикет и завършва с .

Поставяне на масата за тагове, да пристъпи към създаване на редове и клетки.

Сега, ние се отбележи, че тези елементи също са сдвоени. Tag посочва низ, а - клетки.

За горните-клетки трябва да се използват двойки елементи <то>.

Както вече споменахме, че първата стъпка е да се направи линия, а след това те трябва да се регистрирате клетка. За да се избегне объркване, е препоръчително да се направи някакъв пълнеж между всеки блок в ред или два, или в противен случай да се определи нов блок елементи с помощта на "Tab" ключ.

Как може да изглежда? Нещо като това:

• <Таблица>;
• ;
• № р / р ;
• Име ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• .

Както можете да видите, нищо сложно за него. Основното нещо - не се губят в броя на редове и клетки. В противен случай, масата е наклонена.

Ние сме демонтирани, за да създадете таблица в HTML, сега можем да преминем към параметрите на двете Матрицата и нейните редове и клетки.

Опции за маса

Когато кодът е написано, че е необходимо да се обърне внимание на следните точки: привеждане в таблицата на HTML, цветът на на границите, фон, текст, и така нататък.

Параметрите са посочени в таблица маркер <маса>. Те включват:

1. Border - ширината на границите. Определя се от цяло число. По подразбиране всички контури на таблицата изчезват.

2. BORDERCOLOR - цвета на границата. Тя може да бъде дадено като шестнадесетичен цвят (# 00008B) и името му на angliykom (Тъмно синьо). По подразбиране, то винаги е сиво.

3. BGCOLOR - цвят на фона. Както е посочено по код или име.

4. Подравнете - подравняване на текст и за масата. По подразбиране - в ляво. Има следните опции за този параметър:

• лявото - дясно фолио;
• -obtekanie дясно на ляво;
• център - масата на изхода в средата, без поток.

5. Ширина и височина - ширина и височина на масата. Това може да бъде или в пиксели или в проценти (по отношение на размера на прозореца на браузъра).

Рецепта за по-конкретен показател, трябва да се обърне особено внимание на дизайна. След уточняване на параметъра да отида знак "равно", след което в кавички показва предварително определена стойност.

Що се отнася до цвета на текста, а след това направи се, че по същия начин като обикновен текст в HTML формат.

Пример на таблица:

• <Граница Таблица = "2" BORDERCOLOR = "# 00008B" BGCOLOR = "#FFFFFF" приведе = "център" широчина = "800" височина = "800">;
• ;
• № р / р ;
• Име ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• .

параметри на редове

Така че ние вече сме измислили как да се направи таблица в HTML и предписва основните му параметри. Но какво, ако ние трябва да се разпределят низ? Вижте я не като основното тяло на масата?

параметри линия са написани на тага по същия начин, както и таблицата с данни. За да се подредят може да бъде определена от следните променливи:

1. Вече е известно, че сте на границата, BORDERCOLOR и BGCOLOR.

2. Подравнете - подравняване на текст в линията. Тя може да се настрои на ляво, център и дясно.

3. Valign - маркер подравнява текста вертикално. Това отнема от следните стойности:

• отгоре - текстът е приведен в съответствие с горната граница;
• средно - в средата;
• отдолу - долния ръб.

клирънс линия ПРИМЕР:

• ;
• № р / р ;
• Име ;
• .

параметри на клетки

И последното нещо, което трябва да се обърне внимание на тези, които искат да знаят как да се направи таблица в HTML - параметрите на отделни клетки, нормални и капитали. Всъщност, всичко се прави по същия начин, както за маса или ред. Допълнителната само два важни елемента:

1. ColSpan - Този параметър определя броя на колоните, за които клетката могат да удължат.

2. Rowspan - вече показва броя на редовете, заети от тази клетка.

Тъй като дизайнът е по-различно от линията за рецепта, това няма да доведе до примерен код.

данни

Направете таблица не е толкова трудно, колкото може да изглежда на пръв поглед. Основното нещо, когато пишете кода му - постоянство и внимание.

Що се отнася до това как да вмъкнете таблица в HTML, тогава кода му номер е достатъчно, за да го копирате и поставите на мястото на страницата, в която, според вас, трябва да се постави.

Не се страхувайте да експериментирате и скоро перфектно усвоили техниката на създаване на таблици. На добър час!