Како направити ХТМЛ таблицу. Табела боја

Новински вебмастери морају се бавити великим бројем проблема. Изгледа да данас можете да користите шаблоне за креирање сопствених сајтова, али проблем је што они немају увек потребне карактеристике, а затим морате да направите дизајн веб странице од огреботине или да извршите измене већ постојећег кода. Овде је потребно познавање ХТМЛ кода и минималних појмова како да поставите позадину и боју странице, убаците слику или видео, направите таблицу у ХТМЛ-у.

Започните са стола

Једна од најтежих ствари у распореду ХТМЛ странице је табела. А проблем није у сложености ознака, што заправо није тешко запамтити, али да код писања кода лако можете погријешити - заборавите да напишете додатну линију или ћелију, не напишите текст не желите га тамо гдје га желите и друге ситне ствари . Што је већи сто је већа шанса да се направи грешка.

Због тога, када почињемо да креирамо таблицу у ХТМЛ-у, препоручујемо да се фокусирате што је више могуће и да га не дистанцирате.

Пре свега, требало би да нацртате будућу таблицу на листу папира, означавајући шта ће бити у којој ћелији ћеш бити, а такође и за себе примијетити основне параметре тог или оног елемента.

Затим рачунајте број редова у табели и број ћелија у сваком реду. Такође препоручујемо да такве ставке примећујете као присуство слика у табели, боја позадине, границе, текст. Тек након тога можете започети стварање ХТМЛ таблице користећи снимљене информације.

Уредник

Дакле, створили сте табелу. Сада морате да изаберете одговарајући едитор да бисте је креирали. Можете одабрати посебне дизајнере сајтова и направити таблицу у њима. Коришћењем овог софтвера креирање таблице није теже него у документу Ворда. Можете изабрати програм као што је ФронтПаге. Упркос чињеници да је програм прилично стари, уз њу можете креирати добре веб странице, поред тога можете пронаћи више од једног туториала на њему.

Ако желите да креирате таблицу у ХТМЛ-у користећи посебан код, можете користити за ту сврху уобичајену нотепад или регуларни Ворд документ. Међутим, овде ћете морати да радите напорно, јер ћете морати дуго написати код.

Можете користити уредник уграђен у сам мотор самог сајта. Дакле, приликом креирања уноса у многим моторима, могуће је додати различите елементе, укључујући и табеле. Чак и ако вам основне могућности едитор-а не задовоље, измене кодова ће бити лакше него писање из нуле.

Ознаке

Без обзира који уредник користите, пре него што почнете да креирате у хтмл таблици, требали бисте запамтити главне ознаке. Постоје три - <табле>, <тр> и <тд>. Имајте на уму да су све ознаке упарене. Прва ознака означава табелу као целину, друга специфицира низ, трећа одредјује ћелију унутар низа.

Више о сваком од ознака. Таблица увек почиње са ознаком <табле> и завршава се са . За било који претраживач, ово је симбол за чињеницу да је табела пре њега. Написане су додатне линије које отварају <тр> и окончавају ознаку. У свакој линији, користећи ознаке <тд> и , наведен је број ћелија.

Тако ће код табеле 2к2 изгледати овако:

<Табела>

<Тр> <тд>

<тд>

<Тр> <тд> <тд>

Можете убацити таблицу у ХТМЛ страницу тако што ћете је копирати из изабраног едитора.

Параметри табела, редова и ћелија

Дакле, демонтирали смо основни код. Хајде сада да разговарамо о томе како побољшати сто, учинити га светлијим и привлачнијим. Да бисте то урадили, морате знати основне параметре ознака. Они су написани унутар отварајуће ознаке, са једнаким знаком након сваког параметра, а затим додјељује своју вриједност узетих у нарековима. На пример, позадина у ХТМЛ таблици постављена је овако: <табле бгцолор = "#ФФФФФФ">.

Наведимо неке основне параметре који ће вам бити најпотребнији. Почнимо са самом столом.

Дакле, можете подесити ширину граничног граничног параметра, који може узети било коју нумеричку вредност. Боја границе поставља граничну боју. Позадину поставља бгцолор.

Ако желите да позадину слике направите на слици, користите позадину, док бисте требали да препишете УРЛ-ове слике.

Поравнајте садржај странице око таблице помоћу параметра поравнања, који може да преузме вредности лево, средиште и десно.

Можете користити ознаку <цаптион> упарене, која се додељује одмах након отварања <табле> таг.

Мало о параметрима стринга. Боја ћелија у низу је специфицирана бгцолор. Текст можете хоризонтално поравнати поравнавањем параметара (лево, средишње или десно), вертикално - валигнирати (узима вредности горње, средње или доње).

Што се тиче ћелије, може се приметити да су боје позадине и слика позадине постављене за њу користећи исте параметре као и за целу таблицу. Поравнајте текст са опцијама поравнања и валигнирања.

Постоје и специјални параметри - цолспан и ровспан. Уз помоћ првог можете подесити број ступаца на које ће ћелија проширити. Други специфицира број линија којима се ова ћелија може проширити.

То су све најкорисније опције.

Табела боја

Да кажемо неколико речи о овако корисној ствари као сто је боја. Користи се за постављање позадине странице, боје текста, линкова и других елемената. Таблица боја садржи око 216 боја и нијанси. Сваки од њих има свој хексадецимални код.

Сама кода почиње са знаком решетке и садржи три пара бројева или слова. На примјер, зелена боја у таблици има код # 007Ф0. Сваки пар показује интензитет једне од три основне боје - црвене, зелене и плаве боје. Користећи табелу, можете одабрати боју коју требате и подесите помоћу кода.

Ако не можете користити табелу, можете подесити боју користећи своје име на енглеском.

Садржај

Неколико речи о самом садржају. Наравно, најчешће можемо видети текст у ХТМЛ табели, али то не значи да можемо само тамо ставити. Ћелије и линије могу такође садржати цртеже, аудио и видео датотеке, линкове.

Да ставите текст или било које друге информације у ћелију (линију), потребно је да је региструјете између две ознаке. На пример: <тд> име . Ћелија приказује "Име".

Можете да поставите графичке информације и медијске датотеке са посебним ознакама - <имг>, <аудио> и <видео>.

Савети

Коначно, дајте неке корисне савјете који ће вам помоћи да брзо креирате ХТМЛ таблицу било које сложености.

Приликом писања табеле препоручујемо прво регистровање ознака табеле и његових главних параметара. Затим напишите линијске ознаке. Започните сваки пар новом линијом. Тако ћете видети колики ред у табели. Такође, запишите стринг или стринг параметре ако се разликују од основних. Затим саветујемо да почнемо регистровати сваку ћелију, такође из нове линије. И пожељно је направити једну или две инденте таб са ивице. На тај начин ћете јасно видјети структуру кода.

Саветујемо се да садржај ћелија и жица буде написан већ на самом крају, када је оквир за рад таблице спреман.