img svojstva img srcslika jpg height 100 width

  • Slides: 40
Download presentation

<img svojstva /> � <img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src=“slika. jpg”» height=“ 100 “width=“ 120” /> � <img

<img svojstva /> � <img src=“slika. jpg”» height=“ 100 “width=“ 120” /> � <img src=“slika. jpg” border=“ 2”/> � <img src=“slika. jpg” alt=“slika”/> � <img src=“slika. jpg” align=“right” />

Слике – решење вежбе <html> <head> <title> Dodavanje slike </title> </head> <body> <img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src=“sunset.

Слике – решење вежбе <html> <head> <title> Dodavanje slike </title> </head> <body> <img src=“sunset. jpg" width="400“ height=“ 300" alt=“Photo of Florida Sunset" border="3"/> </body> </html>

<table> <table border="1"> <Caption>Naslov tabele</caption> <TR> <Th>Kolona I</Th> <Th>Kolona III</Th> </TR> <Td>sadržaj prve kolone

<table> <table border="1"> <Caption>Naslov tabele</caption> <TR> <Th>Kolona I</Th> <Th>Kolona III</Th> </TR> <Td>sadržaj prve kolone prvog reda</Td> <Td>sadržaj druge kolone prvog reda</Td> <Td>sadržaj treće kolone prvog reda</Td> </TR> <Td>sadržaj prve kolone drugog reda</Td> <Td>sadržaj prve kolone drugog reda </Td> </TR> </table> Атрибути Align="center“ border="5" background="tulips. jpg" bgcolor="red" bordercolor="blue" bordercolorlight="red" bordercolordark="green" cellpadding="10" cellspacing="5"

� <table Align="center" border="5" bgcolor="red" bordercolor="blue" bordercolorlight="red" bordercolordark="green" cellpadding="10" cellspacing="5"> <TR> <Caption>Naslov tabele</caption> <Th

� <table Align="center" border="5" bgcolor="red" bordercolor="blue" bordercolorlight="red" bordercolordark="green" cellpadding="10" cellspacing="5"> <TR> <Caption>Naslov tabele</caption> <Th BGColor="white">kolona I</Th> <Th BGColor="silver">Kolona II</Th> <Th BGColor="yellow">kolona III</Th> </TR> <TR>

Атрибути за уређивање табела <table Align="center" border="5" background="tulips. jpg" bgcolor="red" bordercolor="blue" bordercolorlight="red" bordercolordark="green" cellpadding="10"

Атрибути за уређивање табела <table Align="center" border="5" background="tulips. jpg" bgcolor="red" bordercolor="blue" bordercolorlight="red" bordercolordark="green" cellpadding="10" cellspacing="5">

Елементи на хтмл форми � Теxт поље � Password поље � Radio – option

Елементи на хтмл форми � Теxт поље � Password поље � Radio – option button � Check box � Drop down list � Send button o . . .

Текст поље <!DOCTYPE html> <title>tekstualna polje</title> <body> <p>Unesi svoje ime i prezime</p> <form action="">

Текст поље <!DOCTYPE html> <title>tekstualna polje</title> <body> <p>Unesi svoje ime i prezime</p> <form action=""> Ime: <input type="text" name="Ime"> Prezime: <input type="text" name="Prezime"> </form> <p><b>Napomena: </b> Maksimalana dužina 20 karaktera</p> </body> </html>

Pasvord поље <!DOCTYPE html> <title>password field</title> <body> <H 3> <p>Unesi koriničko ime i lozinku</p>

Pasvord поље <!DOCTYPE html> <title>password field</title> <body> <H 3> <p>Unesi koriničko ime i lozinku</p> </H 3> <form action=""> Korisničko ime: <input type="text" name="korisnik"></br> lozinka: <input type="password" name="lozinka"> </form> <p><b>Napomena: </b> karakteri u polju lozinka su maskirani. </p> </body> </html>

Checkbox list <!DOCTYPE html> <body> <title>checkbox</title> <H 3><p><b>Označi razred u koji ideš</b></H 3> <form

Checkbox list <!DOCTYPE html> <body> <title>checkbox</title> <H 3><p><b>Označi razred u koji ideš</b></H 3> <form action=""> <input type="checkbox" name="vehicle" value="prvi">I <input type="checkbox" name="vehicle" value="drugi">II <input type="checkbox" name="vehicle" value="treci">III <input type="checkbox" name="vehicle" value="cetvrti">IV </form> </body> </html>

Drop down list <!DOCTYPE html> <title>dropdown liste</title> <body> Moj omiljeni predmet je </br> <form

Drop down list <!DOCTYPE html> <title>dropdown liste</title> <body> Moj omiljeni predmet je </br> <form action=""> <select name="predmeti"> <option value="Informatika">Informatika</option> <option value="Matematika">Matematika</option> <option value="Engleski jezik">Engleski jezik</option> <option value="Drugo">Drugo</option> </select> </form> </body> </html>

Radio Button <!DOCTYPE html> <title>Radio button</title> <body> <H 3> <p><b>Označi svoj pol</b> </H 3>

Radio Button <!DOCTYPE html> <title>Radio button</title> <body> <H 3> <p><b>Označi svoj pol</b> </H 3> <form action=""> <input type="radio" name="pol" value="muški">Muški <input type="radio" name="pol" value="ženski">Ženski </form> </body> </html>

Send button <html> <title>Send email</title> <body> <h 3>Pošalji e-mail to someone@example. com: </h 3>

Send button <html> <title>Send email</title> <body> <h 3>Pošalji e-mail to someone@example. com: </h 3> <form action="MAILTO: someone@example. com" method="post" enctype="text/plain"> Ime: <input type="text" name="name" value="vaše ime"> E-mail: <input type="text" name="mail" value="vaš email"> Komentar: <input type="text" name="comment" value="vaš komentar" size="50"> <input type="submit" value="Send"> <input type="reset" value="Reset"> </form> </body> </html>

оквири <html> <head> <title> okviri </title> </head> <frameset cols="30%, *"> <frame src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src="tabele. html"> <frame

оквири <html> <head> <title> okviri </title> </head> <frameset cols="30%, *"> <frame src="tabele. html"> <frame src="linkovi. html"> <noframes> nemoguc prikaz sa ovim navigatorom </noframes> </frameset> </html>

Оквири <html> <head> <title>tri okviri</title> </head> <frameset cols="30%, *"> <frame src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src="linkovi. html"> <frameset rows="40%,

Оквири <html> <head> <title>tri okviri</title> </head> <frameset cols="30%, *"> <frame src="linkovi. html"> <frameset rows="40%, *"> <frame src="tabele. html"> </frameset> </html>

Оквири <!DOCTYPE html> <body> <iframe src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src="demo_iframe. htm" width="400" height="400" name="iframe_a"> </iframe> <p><a href="http: //ivanaspasic.

Оквири <!DOCTYPE html> <body> <iframe src="demo_iframe. htm" width="400" height="400" name="iframe_a"> </iframe> <p><a href="http: //ivanaspasic. wordpress. com" target="iframe_a">blog </a></p> </body> </html>