SlideShare a Scribd company logo
1 of 18
Download to read offline
УПОТРЕБА ТАБЕЛА У
HTML ДОКУМЕНТУ
ОШ „Лукреција Анкуцић“, Самош, 8.разред
Употреба табела у ХТМЛ документу
◦ Табеле се при изради веб страна користе на различите начине.
◦ Понекад, то је само табела.
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 2
Р.број Име Презиме Разред Оцена
1 Никола Влајић 8 4
2 Стефан Томашевић 8 3
3 Аница Крстић 8 5
4 Никола Мраовић 8 4
5 Стеван Оларевић 8 5
Употреба табела у ХТМЛ документу
◦ Други пут, то је начин да се постави слика на веб страници тачно тамо
где је потребно.
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 3
◦ Табеле су такође начин да се људима дају информације у унапред
одређеном формату или приказу, тако да корисници могу брзо да
прихвате више података.
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 4
Употреба табела у ХТМЛ документу
Наслов
Текст
Слика Текст
Слика
Слика Поднаслов
Слика
Подела
Основни тагови у табели
◦ <TABLE>
◦ <TR>
◦ <TD> PRVI RED </TD>
◦ </TR>
◦ <TR>
◦ <TD> DRUGI RED </TD>
◦ </TR>
◦ </TABLE>
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 5
ОВАЈ ДЕО УНОСИМО У
ВЕЋ ПОСТОЈЕЋИ HTML
ДОКУМЕНТ, КОЈИ СМО
ОТВОРИЛИ ПРЕКО
NOTEPAD ++
◦ Покретањем документа преко WEB-Browser-a (Mozilla, Google
Chrome, Internet Explorer…) добијамо приказ на монитору:
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 6
Основни тагови у табели
ТАБЕЛА ИМА 1 КОЛОНУ И 2
РЕДА
ТАБЕЛА НЕМА ОКВИР
Додавање атрибута BORDER
◦ <TABLE BORDER = “1” >
◦ <TR>
◦ <TD> PRVI RED </TD>
◦ </TR>
◦ <TR>
◦ <TD> DRUGI RED </TD>
◦ </TR>
◦ </TABLE>
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 7
У таг TABLE додајемо
особину BORDER и
вредност од 1-7
◦ Покретањем документа преко WEB-Browser-a (Mozilla, Google
Chrome, Internet Explorer…) добијамо приказ на монитору:
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 8
Основни тагови у табели
Имамо линије око ћелија
Проширујемо табелу ...
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 9
ДОДАТИ САМО ОВАЈ
ДЕО У ПРОДУЖЕТКУ
ДОКУМЕНТА – ИМЕ
СЛИКЕ КОЈУ ИМАТЕ У
ФОЛДЕРУ
◦ Покретањем документа преко WEB-Browser-a (Mozilla, Google
Chrome, Internet Explorer…) добијамо приказ на монитору:
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 10
Проширујемо табелу ...
…и комбинација слика и текста....
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 11
Овај део – COPY
– PASTE (3 пута)
Заменимо
називе слика
(слике МОРАЈУ
бити у истом
фолдеру као
главни HTML
документ)
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 12
Односно – изменимо мало текст, мало додамо слике....
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 13
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 14
Документ у HTML - у
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 15
Задатак за рад у паровима:
◦ Поновити научене тагове – <HTML>, <HEAD>, <BODY>,<BR>,<P>,
<H2>…
◦ Поновити бојење позадине, додавање слике на позадину
◦ Поновити таг <FONT> – и његове атрибуте SIZE, COLOR, FACE,…<b>
<i> <sub> <sup>
◦ Направити табелу 3 x 3
* Унети 3 обичне слике (jpg format)
* 3 речи (реченице)- употреба тага <FONT>
* 3 анимацијске слике(gif format)
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 16
Презентација – на нашој ФБ страници -
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 17
ХВАЛА НА ПАЖЊИ !
24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 18

More Related Content

More from Darina Poljak

Binárna číselná sústava - Бинарни бројни систем
Binárna číselná sústava - Бинарни бројни системBinárna číselná sústava - Бинарни бројни систем
Binárna číselná sústava - Бинарни бројни системDarina Poljak
 
Learning for Life through STEM – Primary school Kovacica, Serbia
Learning for Life through STEM – Primary school Kovacica, SerbiaLearning for Life through STEM – Primary school Kovacica, Serbia
Learning for Life through STEM – Primary school Kovacica, SerbiaDarina Poljak
 
Prezentacija o poreklu naših imena
Prezentacija o poreklu naših imena Prezentacija o poreklu naših imena
Prezentacija o poreklu naših imena Darina Poljak
 
MARCH - from small town Kovacica till Final Conference in London
MARCH   - from small town Kovacica till Final Conference in LondonMARCH   - from small town Kovacica till Final Conference in London
MARCH - from small town Kovacica till Final Conference in LondonDarina Poljak
 
Healthy lifestyle vs. modern lifestyle bacon the difference presentation
Healthy lifestyle vs. modern lifestyle   bacon the difference presentationHealthy lifestyle vs. modern lifestyle   bacon the difference presentation
Healthy lifestyle vs. modern lifestyle bacon the difference presentationDarina Poljak
 
Lektúra sa píše sama - autorky Anna Hrková a Darina Poliaková a žiaci - siedmáci
Lektúra sa píše sama - autorky Anna Hrková a Darina Poliaková a žiaci - siedmáciLektúra sa píše sama - autorky Anna Hrková a Darina Poliaková a žiaci - siedmáci
Lektúra sa píše sama - autorky Anna Hrková a Darina Poliaková a žiaci - siedmáciDarina Poljak
 
Lektira se pise sama - obavezno pogledati i dokumentarni i igrani film (linko...
Lektira se pise sama - obavezno pogledati i dokumentarni i igrani film (linko...Lektira se pise sama - obavezno pogledati i dokumentarni i igrani film (linko...
Lektira se pise sama - obavezno pogledati i dokumentarni i igrani film (linko...Darina Poljak
 
7 novih svetskih čuda -Grupa 1 - rad sa OKC seminara Nastava u oblaku
 7 novih svetskih čuda  -Grupa 1 - rad sa OKC seminara Nastava u oblaku 7 novih svetskih čuda  -Grupa 1 - rad sa OKC seminara Nastava u oblaku
7 novih svetskih čuda -Grupa 1 - rad sa OKC seminara Nastava u oblakuDarina Poljak
 
Da li je zdravo jesti slaninu?
Da li je zdravo jesti slaninu?Da li je zdravo jesti slaninu?
Da li je zdravo jesti slaninu?Darina Poljak
 
Scratch uputstvo za pocetnike
Scratch uputstvo za pocetnikeScratch uputstvo za pocetnike
Scratch uputstvo za pocetnikeDarina Poljak
 
Sigurnost dece na internetu samos
Sigurnost dece na internetu samosSigurnost dece na internetu samos
Sigurnost dece na internetu samosDarina Poljak
 
Uvod u programiranje-sa zadacima
Uvod u programiranje-sa zadacimaUvod u programiranje-sa zadacima
Uvod u programiranje-sa zadacimaDarina Poljak
 
Uvod do programovania pre žiakov 6 ročnika
Uvod do programovania pre žiakov 6 ročnikaUvod do programovania pre žiakov 6 ročnika
Uvod do programovania pre žiakov 6 ročnikaDarina Poljak
 
Uvod do programovania
Uvod do programovaniaUvod do programovania
Uvod do programovaniaDarina Poljak
 
Uvod u programiranje - 6.razred
Uvod u programiranje - 6.razredUvod u programiranje - 6.razred
Uvod u programiranje - 6.razredDarina Poljak
 

More from Darina Poljak (20)

Binárna číselná sústava - Бинарни бројни систем
Binárna číselná sústava - Бинарни бројни системBinárna číselná sústava - Бинарни бројни систем
Binárna číselná sústava - Бинарни бројни систем
 
Learning for Life through STEM – Primary school Kovacica, Serbia
Learning for Life through STEM – Primary school Kovacica, SerbiaLearning for Life through STEM – Primary school Kovacica, Serbia
Learning for Life through STEM – Primary school Kovacica, Serbia
 
Prezentacija o poreklu naših imena
Prezentacija o poreklu naših imena Prezentacija o poreklu naših imena
Prezentacija o poreklu naših imena
 
Prezentacija oblaci
Prezentacija oblaciPrezentacija oblaci
Prezentacija oblaci
 
MARCH - from small town Kovacica till Final Conference in London
MARCH   - from small town Kovacica till Final Conference in LondonMARCH   - from small town Kovacica till Final Conference in London
MARCH - from small town Kovacica till Final Conference in London
 
Healthy lifestyle vs. modern lifestyle bacon the difference presentation
Healthy lifestyle vs. modern lifestyle   bacon the difference presentationHealthy lifestyle vs. modern lifestyle   bacon the difference presentation
Healthy lifestyle vs. modern lifestyle bacon the difference presentation
 
Lektúra sa píše sama - autorky Anna Hrková a Darina Poliaková a žiaci - siedmáci
Lektúra sa píše sama - autorky Anna Hrková a Darina Poliaková a žiaci - siedmáciLektúra sa píše sama - autorky Anna Hrková a Darina Poliaková a žiaci - siedmáci
Lektúra sa píše sama - autorky Anna Hrková a Darina Poliaková a žiaci - siedmáci
 
Lektira se pise sama - obavezno pogledati i dokumentarni i igrani film (linko...
Lektira se pise sama - obavezno pogledati i dokumentarni i igrani film (linko...Lektira se pise sama - obavezno pogledati i dokumentarni i igrani film (linko...
Lektira se pise sama - obavezno pogledati i dokumentarni i igrani film (linko...
 
7 novih svetskih čuda -Grupa 1 - rad sa OKC seminara Nastava u oblaku
 7 novih svetskih čuda  -Grupa 1 - rad sa OKC seminara Nastava u oblaku 7 novih svetskih čuda  -Grupa 1 - rad sa OKC seminara Nastava u oblaku
7 novih svetskih čuda -Grupa 1 - rad sa OKC seminara Nastava u oblaku
 
Da li je zdravo jesti slaninu?
Da li je zdravo jesti slaninu?Da li je zdravo jesti slaninu?
Da li je zdravo jesti slaninu?
 
Scratch uputstvo za pocetnike
Scratch uputstvo za pocetnikeScratch uputstvo za pocetnike
Scratch uputstvo za pocetnike
 
Sigurnost dece na internetu samos
Sigurnost dece na internetu samosSigurnost dece na internetu samos
Sigurnost dece na internetu samos
 
Uvod u programiranje-sa zadacima
Uvod u programiranje-sa zadacimaUvod u programiranje-sa zadacima
Uvod u programiranje-sa zadacima
 
Grcke muze
Grcke muzeGrcke muze
Grcke muze
 
Bogovi egipta
Bogovi egiptaBogovi egipta
Bogovi egipta
 
Ares bog rata
Ares bog rataAres bog rata
Ares bog rata
 
Bogovi sa olimpa
Bogovi sa olimpaBogovi sa olimpa
Bogovi sa olimpa
 
Uvod do programovania pre žiakov 6 ročnika
Uvod do programovania pre žiakov 6 ročnikaUvod do programovania pre žiakov 6 ročnika
Uvod do programovania pre žiakov 6 ročnika
 
Uvod do programovania
Uvod do programovaniaUvod do programovania
Uvod do programovania
 
Uvod u programiranje - 6.razred
Uvod u programiranje - 6.razredUvod u programiranje - 6.razred
Uvod u programiranje - 6.razred
 

Tabele i tabele sa linijom

  • 1. УПОТРЕБА ТАБЕЛА У HTML ДОКУМЕНТУ ОШ „Лукреција Анкуцић“, Самош, 8.разред
  • 2. Употреба табела у ХТМЛ документу ◦ Табеле се при изради веб страна користе на различите начине. ◦ Понекад, то је само табела. 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 2 Р.број Име Презиме Разред Оцена 1 Никола Влајић 8 4 2 Стефан Томашевић 8 3 3 Аница Крстић 8 5 4 Никола Мраовић 8 4 5 Стеван Оларевић 8 5
  • 3. Употреба табела у ХТМЛ документу ◦ Други пут, то је начин да се постави слика на веб страници тачно тамо где је потребно. 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 3
  • 4. ◦ Табеле су такође начин да се људима дају информације у унапред одређеном формату или приказу, тако да корисници могу брзо да прихвате више података. 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 4 Употреба табела у ХТМЛ документу Наслов Текст Слика Текст Слика Слика Поднаслов Слика Подела
  • 5. Основни тагови у табели ◦ <TABLE> ◦ <TR> ◦ <TD> PRVI RED </TD> ◦ </TR> ◦ <TR> ◦ <TD> DRUGI RED </TD> ◦ </TR> ◦ </TABLE> 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 5 ОВАЈ ДЕО УНОСИМО У ВЕЋ ПОСТОЈЕЋИ HTML ДОКУМЕНТ, КОЈИ СМО ОТВОРИЛИ ПРЕКО NOTEPAD ++
  • 6. ◦ Покретањем документа преко WEB-Browser-a (Mozilla, Google Chrome, Internet Explorer…) добијамо приказ на монитору: 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 6 Основни тагови у табели ТАБЕЛА ИМА 1 КОЛОНУ И 2 РЕДА ТАБЕЛА НЕМА ОКВИР
  • 7. Додавање атрибута BORDER ◦ <TABLE BORDER = “1” > ◦ <TR> ◦ <TD> PRVI RED </TD> ◦ </TR> ◦ <TR> ◦ <TD> DRUGI RED </TD> ◦ </TR> ◦ </TABLE> 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 7 У таг TABLE додајемо особину BORDER и вредност од 1-7
  • 8. ◦ Покретањем документа преко WEB-Browser-a (Mozilla, Google Chrome, Internet Explorer…) добијамо приказ на монитору: 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 8 Основни тагови у табели Имамо линије око ћелија
  • 9. Проширујемо табелу ... 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 9 ДОДАТИ САМО ОВАЈ ДЕО У ПРОДУЖЕТКУ ДОКУМЕНТА – ИМЕ СЛИКЕ КОЈУ ИМАТЕ У ФОЛДЕРУ
  • 10. ◦ Покретањем документа преко WEB-Browser-a (Mozilla, Google Chrome, Internet Explorer…) добијамо приказ на монитору: 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 10 Проширујемо табелу ...
  • 11. …и комбинација слика и текста.... 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 11 Овај део – COPY – PASTE (3 пута)
  • 12. Заменимо називе слика (слике МОРАЈУ бити у истом фолдеру као главни HTML документ) 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 12
  • 13. Односно – изменимо мало текст, мало додамо слике.... 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 13
  • 14. 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 14
  • 15. Документ у HTML - у 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 15
  • 16. Задатак за рад у паровима: ◦ Поновити научене тагове – <HTML>, <HEAD>, <BODY>,<BR>,<P>, <H2>… ◦ Поновити бојење позадине, додавање слике на позадину ◦ Поновити таг <FONT> – и његове атрибуте SIZE, COLOR, FACE,…<b> <i> <sub> <sup> ◦ Направити табелу 3 x 3 * Унети 3 обичне слике (jpg format) * 3 речи (реченице)- употреба тага <FONT> * 3 анимацијске слике(gif format) 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 16
  • 17. Презентација – на нашој ФБ страници - 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 17
  • 18. ХВАЛА НА ПАЖЊИ ! 24.03.2014 ОШ „Лукреција Анкуцић“, Самош, 8.разред 18