Você está na página 1de 5

CURSO: Tcnico em Informtica DISCIPLINA: Programao para Internet (PHP) PROFESSOR: Elvis Arajo SEMESTRE: 1

Lista de Exerccios HTML

1) Escreva o cdigo HTML que simule as pginas abaixo: a)

b)

2) Escreva um HTML que tenha os seguintes itens. Um texto em vermelho, o texto pode ser (blah blah blah), com algumas tags de quebra de linha. Um link para a pgina do google (http://www.google.com) Uma linha Horizontal. 3) Escreva o HTML que simule as tabelas abaixo. (Todas as tabelas esto usando: border=1) a)

b)

4) Traduza os cdigos HTML abaixo, faa um desenho esboando o resultado que ser exibido no navegador. a) <html> <head> <title>Exercicio 4 a)</title> </head> <body> <table border="1"> <tr> <td>1</td><td>2</td><td>3</td> </tr> <tr> <td colspan="2">4</td><td>6</td> </tr> <tr> <td colspan="3">6</td> </tr> </table> </body> </html> b) <html> <head> <title>Exercicio 4 b)</title> </head> <body> <table border="1"> <tr> <td colspan="3"><h1>123</h1></td> </tr> <tr> <td rowspan="2">47</td><td>5</td><td>6</td> </tr> <tr> <td colspan="2">89</td> </tr> </table> </body> </html> c) <html> <head> <title>Exercicio 4 c)</title> </head> <body> <p><a href="index.php">Link 1</a><br> <a href="http://www.google.com">Google</a></p> <p><a href="http://www.yahoo.com">Yahoo</a> </p> </body> </html>

5) Escreva o HTML que simule o formulrio e tabelas abaixo. (Todas as tabelas esto usando: border=1 e as linhas tracejadas representam o formulrio)

a)

b)

c)

6) Traduza os cdigos HTML abaixo, faa um desenho esboando o resultado que ser exibido no
navegador.

<html> <head> <title>Exercicio 6 a)</title> </head> <body> <form name="form1" method="post" action=""> <table border="1" align="center"> <tr> <td align="right" valign="top">Usuario:</td><td><input name="usuario" type="text" id="usuario"></td> </tr><tr> <td align="right" valign="top">Senha: </td><td><input name="senha" type="password" id="senha"></td> </tr><tr> <td align="right" valign="top">Endere&ccedil;o: </td><td><textarea name="end" rows="5" id="end"></textarea></td> </tr><tr> <td align="right" valign="top">Idade: </td><td><select name="idade" size="3" id="idade"> <option value="1">menos de 25</option> <option value="2">entre 25 e 50</option> <option value="3">mais de 50</option> </select> </td> </tr><tr> <td align="right" valign="top">Sexo: </td><td><p> <label> <input type="radio" name="sexo" value="m"> masculino</label> <br> <label> <input type="radio" name="sexo" value="f"> feminino</label> <br> </p></td> </tr><tr> <td align="right" valign="top">Eu concordo:</td><td><input name="concordo" type="checkbox" id="concordo" value="1"></td> </tr><tr> <td colspan="2" align="center"><input type="submit" name="Submit" value="Submit"></td> </tr> </table> </form> </body> </html>

Você também pode gostar