Download to read offline
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