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 пута)