Scribd Logo
Upload

Welcome to Scribd!

  • 11 views

    Zadatak 5 I 6 HTML 12 4 2013

    Uploaded by

    tvpantic

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Zadatak 5 I 6 HTML 12 4 2013

    Uploaded by

    tvpantic
    11 views10 pages

    Original Title

    zadatak-5-i-6-html-12-4-2013

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    11 views10 pages

    Zadatak 5 I 6 HTML 12 4 2013

    Uploaded by

    tvpantic

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 10

    ZADATAK 5 - OSNOVE HTML-a

    Kreirajte zadatak5.html, koji e sadrati sledei HTML kod i sauvati u svom folderu.
    <!--Napraviti tabelu sa dve kolone koja u drugoj koloni ilustruje koriscenje fizickog stila-->
    <HTML>
    <HEAD>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
    <TITLE> Fizicki i logicki stil karaktera</TITLE>
    </HEAD>
    <BODY>
    <H2 align="center">Fizi&#269;ki stil </H2>
    <!--Prva tabela-->
    <TABLE>
    <!-1. red-->
    <TR>
    <TD>Normalan slog:</TD>
    <TD> Jedan primer</TD>
    </TR>
    <!--2. red-->
    <TR>
    <TD>Crni slog:</TD>
    <TD> <B>Jedan primer</B> </TD>
    </TR>
    <TR>
    <TD>Kurzivni slog:</TD>
    <TD> <I>Isko&#353;en primer</I> </TD>
    </TR>
    <TR> <TD>Podcrtavanje:</TD>
    <TD> <U>Jedan primer</U> </TD>
    </TR>
    <TR> <TD>Teleprinterski slog:</TD>
    <TD> <TT>Jedan primer</TT> </TD>
    </TR>
    <TR>
    <TD>Precrtavanje:</TD>
    <TD> <STRIKE>Jedan primer</STRIKE> </TD>
    </TR>
    </TABLE>
    <H2 ALIGN="CENTER">Logi&#269;ki stil</H2>
    <!--Druga tabela-->
    <TABLE>
    <TR>
    <TD>Naro&#269;ito istaknuto </TD>
    <TD><STRONG>Jedan primer</STRONG> </TD>
    </TR>
    <TR>

    <TD>Istaknuto </TD>
    <TD><EM>Jedan primer</EM> </TD>
    </TR>
    <TR> <TD>Segment koda</TD>
    <TD><CODE>Jedan primer</CODE> </TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>

    ZADATAK 6- OSNOVE HTML-a


    Kreirajte zadatak6.html, koji e sadrati sledei HTML kod i sauvati u svom folderu.
    <HTML>
    <HEAD><TITLE>Prvi naslov</title>
    <TITLE>Drugi naslov</title>
    </HEAD>

    <BODY TEXT="#0000FF">
    <!--Opisati HTML dokument koji daje tabelarni prikaz zarade za 3 lica.
    Nadnaslov
    tabele da bude Tabela plata i da se ispise centrirano i narocito istaknuto-->
    <H2 Align="Center">Tabela 0 </h2>
    <TABLE>
    <!-- poceta definicije tabele-->
    <CAPTION ALIGN="Center"> <STRONG>Tabela plata </STRONG>
    </CAPTION>
    <!-- definicija naslova tabele -->
    <TR>
    <!-- definicija naziva kolona-->
    <TH> ZARADA </TH>
    <TH> IME</TH>
    </TR>
    <!-- kraj definicije naziva kolona -->
    <TR>
    <!-- definisanje prvog reda-->
    <TD> 100.45 </TD>
    <TD> Pera </TD>
    </TR>
    <!-- kraj definicije prvog reda-->
    <TR>
    <!-- definicija drugog reda-->
    <TD> 1 000.56 </TD>
    <TD> Mika </TD>
    </TR>
    <!-- kraj definicije drugog reda-->
    <TR>
    <!-- definicija poslednjeg reda -->
    <TD> 500 </TD>
    <TD> Perica </TD>
    </TR>
    <!-- kraj definicije poslednjeg reda -->
    </TABLE>
    <!-- kraj definicije tabele -->
    <!--Opisati HTML dokument koji ce sadrzati tabelu zarada za 3 lica

    i ako je lice starije od 50 godina navesti i njegove godine-->


    <H2 ALIGN="CENTER">Tabela 1 </H2>
    <TABLE BORDER=2>
    <TR>
    <!-- header -->
    <TH bordercolor="#FF0000">GODINE </TH>
    <TH bordercolor="#00FF00"> ZARADA </TH>
    <TH> IME</TH>
    </TR>
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <TD>Pera </TD>
    </TR>
    <TR>
    <TD>54 </TD>
    <TD>1 000.56 </TD>
    <TD> Mika </TD>
    </TR>
    <TR>
    <TD></TD>
    <TD>500 </TD>
    <TD> Perica </TD>
    </TR>
    </TABLE>
    <H2 ALIGN="CENTER">Tabela 1.1 </H2>
    <TABLE BORDER=2>
    <TR>
    <!-- header -->
    <TH>GODINE </TH>
    <TH> ZARADA </TH>
    <TH> IME</TH>
    </TR>
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <TD>Pera </TD>
    </TR>
    <TR>
    <TD>1 000.56 </TD>
    <TD> Mika </TD>
    </TR>
    <TR>
    <TD>&nbsp;</TD>
    <TD>500 </TD>
    <TD> Perica </TD>
    </TR>
    </TABLE>

    <!--Tabela broj 2-->


    <H2 ALIGN="CENTER">Tabela 2 </H2>
    <TABLE BORDER=8 CELLSPACING=0>
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <TD>Pera </TD>
    </TR>
    <TR>
    <TD>54 </TD>
    <TD>1 000.56 </TD>
    <TD> Mika </TD>
    </TR>
    <TR>
    <TD>&nbsp;</TD>
    <TD>500 </TD>
    <TD> Perica </TD>
    </TR>
    </TABLE>
    <!--Tabela broj 2.1-->
    <H2 ALIGN="CENTER">Tabela 2.1 </H2>
    <TABLE BORDER=8 >
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <TD>Pera </TD>
    </TR>
    <TR>
    <TD>54 </TD>
    <TD>1 000.56 </TD>
    <TD> Mika </TD>
    </TR>
    <TR>
    <TD>&nbsp;</TD>
    <TD>500 </TD>
    <TD> Perica </TD>
    </TR>
    </TABLE>

    <!--Tabela broj 2.2-->


    <H2 ALIGN="CENTER">Tabela 2.2 </H2>
    <TABLE BORDER=8 CELLSPACING=1>
    <TR> <TH>Godine </TH> <TH>Zarada</TH> <TH>Ime</TH> </TR>
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <TD>Pera </TD>
    </TR>
    <TR>
    <TD>54 </TD>
    <TD>1 000.56 </TD>
    <TD> Mika </TD>

    </TR>
    <TR>
    <TD>&nbsp;</TD>
    <TD>500 </TD>
    <TD> Perica </TD>
    </TR>
    </TABLE>
    <!--Tabela broj 2.3-->
    <H2 ALIGN="CENTER">Tabela 2.3 </H2>
    <TABLE CELLSPACING=1>
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <TD>Pera </TD>
    </TR>
    <TR>
    <TD>54 </TD>
    <TD>1 000.56 </TD>
    <TD> Mika </TD>
    </TR>
    <TR>
    <TD>&nbsp;</TD>
    <TD>500 </TD>
    <TD> Perica </TD>
    </TR>
    </TABLE>

    <H2 ALIGN="CENter">Tabela 3 </H2>


    <TABLE BORDER=2 CELLSPACING=8>
    <TR>
    <TH>Godine</TH>
    <TH>Zarada</TH>
    <TH>Ime</TH>
    </TR>
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <Td>Pera</TD>
    </TR>
    <TR>
    <TD> 54</TD>
    <TD> 10000.56 </TD>
    <TD>Mika</TD>
    </TR>
    <TR>
    <TD> &nbsp; </TD>
    <TD>500</TD>
    <TD>Perica</TD>
    </TR>
    </TABLE>
    <H2 ALIGN="CENter">Tabela 4 </H2>
    <TABLE BORDER=2 CELLSPACING=12>

    <TR>
    <TH>Godine</TH>
    <TH>Zarada</TH>
    <TH>Ime</TH>
    </TR>
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <Td>Pera</TD>
    </TR>
    <TR>
    <TD> 54</TD>
    <TD> 10000.56 </TD>
    <TD>Mika</TD>
    </TR>
    <TR>
    <TD> &nbsp; </TD>
    <TD>500</TD>
    <TD>Perica</TD>
    </TR>
    </TABLE>
    <h2 align="center">Tabela 5 </h2>
    <TABLE BORDER=5 CELLSPACING=0>
    <TR>
    <TH>Godine</TH>
    <TH>Zarada</TH>
    <TH>Ime</TH>
    </TR>
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <Td>Pera</TD>
    </TR>
    <TR>
    <TD> 54</TD>
    <TD> 10000.56 </TD>
    <TD>Mika</TD>
    </TR>
    <TR>
    <TD> &nbsp; </TD>
    <TD>500</TD>
    <TD>Perica</TD>
    </TR>
    </TABLE>
    <h2 align="center">Tabela 6 </h2>
    <TABLE BORDER=0 CELLSPACING=0>
    <TR>
    <TH>Godine</TH>
    <TH>Zarada</TH>
    <TH>Ime</TH>
    </TR>
    <TR>

    <TD> 52 </TD>
    <TD>100.45 </TD>
    <Td>Pera</TD>
    </TR>
    <TR>
    <TD> 54</TD>
    <TD> 10000.56 </TD>
    <TD>Mika</TD>
    </TR>
    <TR>
    <TD> &nbsp; </TD>
    <TD>500</TD>
    <TD>Perica</TD>
    </TR>
    </TABLE>

    <h2 align="center">Tabela 7 </h2>


    <TABLE >
    <TR>
    <TH>Godine</TH>
    <TH>Zarada</TH>
    <TH>Ime</TH>
    </TR>
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <Td>Pera</TD>
    </TR>
    <TR>
    <TD> 54</TD>
    <TD> 10000.56 </TD>
    <TD>Mika</TD>
    </TR>
    <TR>
    <TD> &nbsp; </TD>
    <TD>500</TD>
    <TD>Perica</TD>
    </TR>
    </TABLE>

    <h2 align="center">Tabela 8 </h2>


    <TABLE BORDER=2 CELLPADDING=10>
    <TR>
    <TH>Godine</TH>
    <TH>Zarada</TH>
    <TH>Ime</TH>
    </TR>
    <TR>
    <TD> 52 </TD>
    <TD>100.45 </TD>
    <Td>Pera</TD>

    </TR>
    <TR>
    <TD> 54</TD>
    <TD> 10000.56 </TD>
    <TD>Mika</TD>
    </TR>
    <TR>
    <TD> &nbsp; </TD>
    <TD>500</TD>
    <TD>Perica</TD>
    </TR>
    </TABLE>

    <!--HTML-om opisati tabelu koja ce za dva kandidata koji imaju jednak broj godina
    izvrsiti spajanje odgovarajucih celija prvih kolona-->
    <h2 align="center">tabela 8</h2>
    <TABLE BORDER=2>
    <TR>
    <TH>gODINE</th>
    <th>zARADA</th>
    <th>IME</th>
    </tr>
    <tr>
    <TD ROWSPAN=2>52</TD>
    <TD>14 000</TD>
    <TD>LAZA</TD>
    </TR>
    <TR>
    <TD>100.45</TD>
    <TD>Pera</TD>
    </TR>
    <TR>
    <TD>54</TD>
    <TD>10000.56</TD>
    <TD>Mika</TD>
    </TR>
    </TABLE>
    <!--HTMLom opisati tabelu koja ce u slucaju da je za kandidata nije evidentirana zarad
    i da je mladju od 50 godina izvrsiti spajanje celija te dve kolone-->
    <h2 align="center">tabela 9</h2>
    <TABLE BORDER=2>
    <TR>
    <TH>GODINE</th>
    <th>ZARADA</th>
    <th>IME</th>
    </tr>
    <TR>
    <TD>54</TD>
    <TD>100.45</TD>
    <TD>Pera</TD>

    </TR>
    <TR>
    <TD COLSPAN=2>nepoznato</TD>
    <TD>Sima</TD>
    </TR>
    </TABLE>
    <h2 align="center">tabela 10</h2>
    <TABLE BORDER=2 BGCOLOR="#FF0000">
    <TR BGCOLOR="#00FF00">
    <TD BGCOLOR="#0000FF">52</TD>
    <TD>100.45</TD>
    <TD>Pera</TD>
    </TR>
    <TR>
    <TD>54</TD>
    <TD>10 000.56</TD>
    <TD>Mika</TD>
    </TR>
    </TABLE>
    <h2 align="center">Tabela 11 </h2>
    <TABLE BORDER=2>
    <TR>
    <TH>razno</TH>
    <TH>Zarada</TH>
    <TH>Ime</TH>
    </TR>
    <TR>
    <TD> <OL type=A> <li>nezaposlen <li>neozenjen <li value=22>C kategorija </OL></TD>
    <TD>100.45 </TD>
    <Td>Pera</TD>
    </TR>
    <TR>
    <TD><OL type=A> <li value=2>ozenjen <li value=7>polozio strucni </TD>
    <TD> 10000.56 </TD>
    <TD>Mika</TD>
    </TR>
    </TABLE>
    <p>Sa tabelama smo se sreli u datoteci &nbsp;
    <a href="h16.htm">
    <B style="color:black;background-color:#ffff66">h16.htm</B> </a>
    </BOdy>
    </HTML>

    You might also like