Све што треба да знате о ХТМЛ табелама



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

Од технолошког почетка, табела је уобичајени начин чувања и визуализације података. Користи се у готово свим пољима за представљање текстуалних података и нумеричких података, при чему можете лако упоредити два или више елемената. У овом чланку ћу разговарати о томе Табеле по следећем редоследу:

Шта је ХТМЛ табела?

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





HTML5
Да бисмо дефинисали ХТМЛ табелу, користимо

ознака. У
ознаку, прво дефинишете редове табеле са ознака. Даље, дефинишете заглавља табела у ознаке садрже тело табеле.

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

Ознаке ХТМЛ табеле

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



  • :Користи се за дефинисање табеле
  • :Користи се за дефинисање реда у табели
  • : Користи се за груписање садржаја тела у табели
  • : Користи се за груписање садржаја подножја у табели
  • Сада погледајмо пример ХТМЛ кода за креирање табеле.

     
    : Користи се за дефинисање ћелије заглавља у табели
  • : Користи се за дефинисање ћелије у табели
  • : Користи се за дефинисање натписа табеле
  • : Користи се за одређивање групе једног или више колона у табели за форматирање
  • : Користи се за специфицирање својстава колона за сваку колону у елементу
  • : Користи се за груписање садржаја заглавља у табелу
  • Име Старост
    Абхисхек 18
    Боб 2. 3

    Излаз:



    Варијације ХТМЛ табеле

    • Атрибути ћелијског додавања и размака ћелија

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

    јава како се користи тостринг
    Простор ћелија и додавање ћелија
    Име Старост
    Абхисхек петнаест
    Боб 2. 3

    • Атрибути Цолспан и Ровспан

    Атрибут Цолспан користи се за спајање два или више ступаца, док се распони редова користе за спајање два или више редова.

    Цолспан & Ровспан
    Батцх Име Старост
    Информатика Абхисхек петнаест
    Боб 2. 3
    Пауза

    • Висина и ширина стола

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

    Ширина и висина ХТМЛ табеле
    Абхисхек петнаест
    Боб 2. 3

    • Заглавље, тело и подножје табеле

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

    како избећи мртве тачке у јави

    таг креира засебно заглавље табеле, вхереастаг креира засебно подножје табеле.

Заглавље табеле
Подножје табеле
Име Старост Оцене

  • Позадине и натписи табеле

Такође можете поставити позадину табеле. Бгцолор Атрибут поставља боју позадине за целу табелу као и за једну ћелију, док атрибут бацкгроунд поставља позадину за целу табелу, као и само за једну ћелију.

Ознака описа служи као наслов или објашњење табеле која је приказана на врху табеле.

Позадина ХТМЛ табелеТабела
Колона 1 Колона 2 Колона 3
Ред 1, ћелија 1 Ред 1, ћелија 2 Ред 1, ћелија 3
Ред 2, ћелија 2 Ред 2, ћелија 3
Ред 3, ћелија 1

Овим смо дошли до краја овог чланка. Сада бисте након извршавања горњих исечака разумели како да креирате табеле у ХТМЛ-у. Надам се да је овај блог информативан и да вам додаје вредност.

Погледајте Едурека, поуздана компанија за учење на мрежи са мрежом од више од 250.000 задовољних ученика раширених широм света. Обука за сертификацију за веб развој ће вам помоћи да научите како да креирате импресивне веб локације помоћу ХТМЛ5, ЦСС3, Твиттер Боотстрап 3, јКуери и Гоогле АПИ-ја и примените их на Амазон Симпле Стораге Сервице (С3).

Имате питање за нас? Молимо вас да га помињете у одељку за коментаре овог чланка и јавићемо вам се.