Креирање табела на веб страни

Ова објава обухвата:

  • тагове за креирање табеле, реда и ћелије,
  • атрибуте за оквир, боју оквира, сенчење позадине, ширину колоне, висину реда, поравнање,
  • атрибуте за хоризонтално и вертикално спајање ћелија,
  • унос текстуалног садржаја ћелије,
  • постављање слике као садржаја ћелије.

Основни тагови:

Tabele tagovi

Атрибути тага <table>:

Tabele atributi

Пример 1. – Табела са текстуалним садржајем

Изглед табеле

Primer1

HMTL код

Primer1-kod

Пример 2. – Хоризонтално спајање ћелија

Изглед табеле

Sein

Avoir

HMTL код

Sein kod

Avoir kod

Пример 3. Вертикално спајање ћелија

Основни ниво

Primer3-simboli

Варијација табеле са сликама

Primer3a-sa slikama

Напредни ниво

Primer3b-jezici

Posted on 8. februara 2013., in 8. разред. Bookmark the permalink. 5 komentara.

  1. Jel moguce prilagoditi rezoluciju vvebsajta svakom ekranu, jer na primer neko ima najvecu rezoluciju 1280×1080 a neko 192×1080 , tako da ako uradim sajt za manju rezoluciju, ovom ko ima dzinovsku, bice mali sajt isuvise, a ako napravim u velikoj rezoluciji onda ce ovom sa malom rezolucijom da bude tesko jer ce da skroluje mnogo!Ako moze, recite kako.

  2. Pogresio sam, hteo sam da kazem neko ima najvecu rezoluciju 1920×1080, a neko 1280×1080…

  3. Da li opcijom img možemo da stavimo preko cele tabele sliku(pozadinu) pa da svaka “pod tabela“ ima svoju sličiciu ili ne?

    • Може помоћу атрибута background у оквиру тага table или td. Ево неколико линкова са примерима:
      пример 1
      пример 2
      Резолуција слике и величина табеле (атрибути windth и height) треба да буду једнаке ако се слика поставља као позадина табеле.
      Резолуција слике и величина ћелије треба да буду једнаке ако се слика поставља као позадина ћелије.

Ostavite odgovor

Popunite detalje ispod ili pritisnite na ikonicu da biste se prijavili:

WordPress.com logo

Komentarišet koristeći svoj WordPress.com nalog. Odjavite se /  Promeni )

Slika na Tviteru

Komentarišet koristeći svoj Twitter nalog. Odjavite se /  Promeni )

Fejsbukova fotografija

Komentarišet koristeći svoj Facebook nalog. Odjavite se /  Promeni )

Povezivanje sa %s

%d bloggers like this: