Табела - еден од најважните, но во исто време сложени елементи кои мора да бидат присутни на веб страници. Со нивна помош тоа е погодно да се применуваат на важни и корисни информации во една прилично концизна форма. Се разбира, повеќето уредници во шаблони, кои работат на различни мотори, автоматски вметнете табела во вашиот веб-сајт или посебна публикација, но што ако веб дизајн ресурси, нејзините страници се создадени од нула? Потоа почетниците господар може да добие проблем: како да се направи табела во HTML. Ајде да видиме колку брзо и правилно да се создаде објект.
изберете уредник
Прво на сите, да почне да се создаде маса, треба да се дефинира уредник во која ќе работат. Се разбира, најлесниот начин да се избере програма во која ќе се создаде основни код сајт. Но, тоа е најдобро да се користи за оваа намена на старите добри бележник.
Вие може да побара, зошто го комплицираат вашиот живот, бидејќи ако се направи се што е во право во уредувачот, резултатот може да се види веднаш, исто така, па дури и го поттикнува на програмата за употреба.
Да, тоа е точно, но да се создаде маса од нула, да не ќе бидат во можност да темелно да се истражат принципот на неговото создавање, но, исто така, за да се спречи непријатни грешки и грешки во основниот код. Понекогаш се случува случајно, на покажувачот се поместува надолу, и процесот на пишување на код во грешка посетуваме во, што понекогаш е тешко да се најде. Креирање на табела во еден лаптоп, можете да копирате кодот и ставете го во вистинското место за вас.
Алгоритам за креирање на табела
За да започнете, направи краток алгоритам, како да се направи табела во HTML. Оваа е да се осигура дека ви е јасно на секвенца на секој чекор. Потоа се анализира како точно да се изврши секој од елементите.
Да почнеме со подготвителни активности.
1. Нацртај шематски на табелата хартија сликата.
2. Број на бројот на редови и клетки. Ако бројот на различни минатото - се мисли на секој ryadochka одделно.
3. Одредување на број во ред спојни клетки (на пример, «№» ќелија, "Име" и т. Д).
4. Напиши одредување на главните параметри на маса - боја, висина и ширина, текст усогласување - на кратко, сè што ви се чини дека се вклопуваат.
Потоа оди директно кон создавање на табелата:
1. Вметни табела таговите.
2. Вметнете ја тагови на линии врз основа на износот што ви треба.
3. редови внесете таговите на клетки (нормално и големи букви), исто така врз основа на износот што се запишани на хартија.
4. Поставете ги параметрите за целата маса.
5. Ако треба да поставите параметри за поединечни клетки.
6. Пополнете во нашите мобилни текст.
создаде маса
Значи, можете да изберете уредник, сега да ги погледнеме на тоа како да се создаде маса во HTML. Таг, кој им овозможува на маса (
) се вметнува во кодот на страницата е поврзан, односно нашите изградбата ќе почне со овој таг и завршува со .
Вметнување табела тагови, продолжи да се создаде редови и клетки.
Сега, ние се напомене дека овие елементи, исто така, се спарени. Таг
дефинира низа, и | - клетки.
За горниот клетки треба да се користи во комбинација елементи <та>.
Како што веќе рековме, првиот чекор е да се повлече линија, тогаш тие треба да се регистрирате ќелија. Со цел да се избегне забуна, препорачливо е да се направи било баласт помеѓу секој блок во една линија или две, или на друго место да се препише на нов блок елементи со помош на "Tab" копчето.
Како тоа може да изгледа? Нешто како ова:
- <Табела>;
-
; -
№ p / p ; -
име ; - ;
-
; -
| 1 | ; -
Иванов ; - ;
- .
Како што можете да видите, ништо комплицирано во врска со тоа. Главната работа - не се изгуби во бројот на редови и клетки. Инаку, на маса е да се навалува.
Ние се укинати да се создаде маса во HTML, сега ние може да се движи кон параметри и на Матрикс и нејзините редови и клетки.
Опции маса Кога го кодот е напишано, тоа е потребно да се обрне внимание на следниве точки: усогласување во табелата на HTML, бојата на границите, позадина, текст, и така натаму.
Параметрите се наведени во табелата таг . Тие вклучуваат:
1. граница - ширина на границата. Дефинирани со цел број. Стандардно, секој граници маса исчезне.
2. Bordercolor - бојата на границата. Тоа може да се даде како хексадецимален боја (# 00008B), и неговото име на angliykom (DarkBlue). По дифолт, тоа е секогаш сива боја.
3. bgcolor - боја на позадината. Како што е наведено од страна на код или име.
4. Порамнување - усогласување на текстот за на маса. Стандардно - на левата страна. Постојат следниве опции за овој параметар:
- лево - десно заврши;
- -obtekanie десно на лево;
- центар - на маса излез во средината без проток.
5. ширина и висина - ширина и висина на табелата. Тоа може да биде во пиксели или како процент (во однос на големината на прозорецот на прелистувачот).
Пропишување одреден показател, треба да се обрне посебно внимание на дизајнот. По одредување на параметар за да одат знак "еднакви", по што во наводници укажува на претходно одредената вредност.
Што се однесува до бојата на текстот, а потоа да дознаете што на ист начин како обичен текст во HTML формат.
Пример на табела:
- <Границата Табела = "2" bordercolor = "# 00008B" bgcolor = "# FFFFFF" align = "центар" width = "800" height = "800">;
-
; -
№ p / p ; -
име ; - ;
-
; -
| 1 | ; -
Иванов ; - ;
- .
параметри редови Значи ние сме веќе сфатиле како да се направи табела во HTML и пропишува нејзините главни параметри. Но, што ако ние треба да ги распредели стринг? Проверете ја не како главен орган на маса?
параметри линија се запишани во тагот | на ист начин како табела на податоци. Да се редат може да се дефинира следните варијабли:
1. Веќе позната за вас границата, bordercolor и bgcolor.
2. Усогласување - усогласување на текстот на линија. Тоа може да се постави кон лево, центар и право.
3. Valign - таг усогласува текстот вертикално. Таа ги зема следните вредности:
- врвот - текстот е подреден во средина на горниот граница;
- средината - во средината;
- дното - на долниот раб.
дозвола линија ПРИМЕР:
-
; -
№ p / p ; -
име ; - .
параметри клетки И последното нешто што треба да се обрне внимание на оние кои сакаат да знаат како да се направи табела во HTML - параметрите на индивидуални клетки, нормални и капитал. Всушност, сè е направено на ист начин како за на маса или ред. Додаде само два важни елементи:
1. Colspan - Овој параметар одредува бројот на колони за кои клетки може да се извлече.
2. Rowspan - веќе укажува на бројот на редови окупирана од страна на оваа ќелија.
Од дизајнот е не се разликува од линијата на рецепт, тоа нема да резултира со примерок код.
наодите Направете маса не е толку тешко како што може да изгледа на прв поглед. Главната работа кога пишувате неговиот код - упорност и внимание.
Како за тоа како да вметнете табела во HTML, тогаш неговата кодот број е доволно да го копирате и вметнете го во местото на вашата страница, во која, според ваше мислење, треба да бидат поставени.
Не плашете се да експериментирате, а наскоро ќе се совршено совладале техниката на креирање табели. Со среќа!
| |
| | |
| | | |
|