Увод у ХТМЛ ознаке таблица

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

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

Табела се може креирати коришћењем

ознаке.

  • Тхе
таг одређује редове таблице који се користе за прављење реда.

Подаци из табеле се могу структуирати унутар

, , и
таг дефинира наслов таблице.
  • Тхе
    		• ознака ћелије података таблице која се користи за прављење колоне.
  • Тхе
    • садржај табеле
    са бројним елементима стола.

    Синтакса














    Табела 1Табела 2
    Дата ћелија 1Дата Целл 2
    Дата Целл 3Дата Целл 4

    Примери ознака ХТМЛ табеле

    Ево примјера ознака ХТМЛ таблице датих у наставку

    1. Основна употреба табеле



    HTML Table Tag Usage


















    ИмеЗемља
    ДхониИндија
    Давид МиллерЈужна Африка
    Јое РоотЕнгланд

    Сачувајте код са .хтмл наставком и отворите га у прегледачу. Приказаће се следећи излаз:

    2. Назив таблице

    Опис за таблицу може се одредити употребом ознаке < цаптион > .

    Пример



    HTML Table Tag Usage


    Ово је наслов таблице
















    ИмеЗемља
    ДхониИндија
    Давид МиллерЈужна Африка
    Јое РоотЕнгланд

    Горњи код ће приказати доњи излаз:

    3. Столни размак ћелија

    Простор ћелија табеле може се дефинисати коришћењем атрибута ћелија пресуда. Атрибут ћелијског пресуда одређује размак између ћелија табеле.

    Пример



    HTML Table Tag Usage


















    ИмеЗемља
    ДхониИндија
    Давид МиллерЈужна Африка
    Јое РоотЕнгланд

    Горњи код ће приказати следећи излаз:

    4. Табле Пад Паддинг

    Уметање ћелија табеле може се дефинисати коришћењем атрибута целлпаддинг. Атрибут целпаддинг размак између границе ћелије табеле и података.

    Пример



    HTML Table Tag Usage


















    ИмеЗемља
    ДхониИндија
    Давид МиллерЈужна Африка
    Јое РоотЕнгланд

    Горњи код ће приказати доњи излаз:

    5. Атрибути распона колоне и реда

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

    Пример



    HTML Table Tag Usage



















    Колона прваКолона другаКолона трећа
    Ред 1Други редРед ИИИ
    Ред ФоурРед пет
    Ред Сик

    Код ће приказати следећи излаз:

    6. Позадина табеле

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

    Пример



    HTML Table Tag Usage


















    ИмеЗемља
    ДхониИндија
    Давид МиллерЈужна Африка
    Јое РоотЕнгланд

    Извршите горњи код и он ће приказати доњи излаз:

    7. Висина и ширина стола

    Висина и ширина таблице могу се подесити помоћу атрибута ширине и висине.

    Пример



    HTML Table Tag Usage


















    ИмеЗемља
    ДхониИндија
    Давид МиллерЈужна Африка
    Јое РоотЕнгланд

    Горњи код ће приказати следећи излаз:

    8. Стилирање ћелијских таблица

    Пример



    HTML Table Tag Usage

    table, th, td (
    border: 1px solid red;
    border-collapse: collapse;
    )
    th, td (
    padding: 15px;
    )
    table#mytable tr:nth-child(even) (
    background-color: #FAD7A0;
    )
    table#mytable tr:nth-child(odd) (
    background-color: #E67E22;
    )
    table#mytable th (
    color: white;
    background-color: teal;
    )


















    ИмеЗемља
    ДхониИндија
    Давид МиллерЈужна Африка
    Јое РоотЕнгланд

    Извршите горњи код, имаћете следећи излаз:

    8. Гнездане табеле

    Можете користити једну таблицу унутар друге таблице која се назива угнијежђена таблица.

    Размотримо доњи пример за угнијежђене табеле:

    Пример



    HTML Table Tag Usage























    ИмеЗемља
    ДхониИндија
    Давид МиллерЈужна Африка
    Јое РоотЕнгланд

    Горњи код ће приказати следећи излаз:

    Атрибути табеле

    • поравнање: Овај атрибут омогућава усклађивање садржаја унутар елемента.
    • бгцолор: Овај атрибут одређује боју позадине за табелу.
    • граница: Овај атрибут одређује границу за ћелије табеле.
    • целпаддинг: Овај атрибут приказује пресвлаке између ћелија таблице и садржаја таблице.
    • размак ћелија : Овај атрибут приказује размак између ћелија табеле.
    • оквир: Одређује који су делови спољних граница видљиви.
    • правила: Ово одређује који су делови унутрашњих граница видљиви.
    • сортабле: Овај атрибут омогућава да се табела може сортирати.
    • Резиме: Омогућава који тип садржаја табеле је присутан.
    • видтх: Овај атрибут говори о ширини табеле.
    • хеигхт: Овај атрибут одређује висину табеле.

    Закључак

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

    Препоручени чланци

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

    1. Елементи ХТМЛ обрасца
    2. Креирајте табеле у ХТМЛ-у
    3. Ознаке ХТМЛ слике
    4. Шта је ХТМЛ
    5. ХТМЛ Фрамес
    6. ХТМЛ Блоцкс
    7. Поставите боју позадине у ХТМЛ-у са примјером

    Категорија:

    Алати за веб развој