You are on page 1of 5

CURSO: Técnico em Informática

DISCIPLINA: Programação para Internet (PHP)


PROFESSOR: Elvis Araújo
SEMESTRE: 1º

Lista de Exercícios HTML

1) Escreva o código HTML que simule as páginas 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 página do google (http://www.google.com)
Uma linha Horizontal.

3) Escreva o HTML que simule as tabelas abaixo. (Todas as tabelas estão usando: border=”1”)

a)

b)
4) Traduza os códigos HTML abaixo, faça um desenho esboçando 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 formulário e tabelas abaixo. (Todas as tabelas estão usando: border=”1”
e as linhas tracejadas representam o formulário)

a)

b)

c)
6) Traduza os códigos HTML abaixo, faça um desenho esboçando 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>

You might also like