Scribd
Carregar
115 visualizações5 páginas

Lista de Exercícios de HTML

Este documento apresenta uma lista de exercícios de HTML para o curso de Técnico em Informática da disciplina de Programação para Internet (PHP) no 1o semestre, ministrado pelo professor Elvis Araújo. Os exercícios incluem codificar páginas HTML simples, inserir texto, links e tabelas, além de codificar formulários.

Enviado por

ivanlendel206
Direitos autorais
© Attribution Non-Commercial (BY-NC)
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOC, PDF, TXT ou leia on-line no Scribd
115 visualizações5 páginas

Lista de Exercícios de HTML

Este documento apresenta uma lista de exercícios de HTML para o curso de Técnico em Informática da disciplina de Programação para Internet (PHP) no 1o semestre, ministrado pelo professor Elvis Araújo. Os exercícios incluem codificar páginas HTML simples, inserir texto, links e tabelas, além de codificar formulários.

Enviado por

ivanlendel206
Direitos autorais
© Attribution Non-Commercial (BY-NC)
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOC, PDF, TXT ou leia on-line no Scribd

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 ([Link]
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="[Link]">Link 1</a><br>
<a href="[Link]
<p><a href="[Link] </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>

CURSO: Técnico em Informática DISCIPLINA: Programação para Internet (PHP) PROFESSOR: Elvis Araújo SEMESTRE: 1º Lista
2) Escreva um HTML que tenha os seguintes itens. Um texto em vermelho, o texto pode ser (blah blah blah), com algumas tags de
4) Traduza os códigos HTML abaixo, faça um desenho esboçando o resultado que será exibido no navegador. a) <html> <head> <tit
5) Escreva o HTML que simule o formulário e tabelas abaixo. (Todas as tabelas estão usando: border=”1” e as linhas tracejadas
6) Traduza os códigos HTML abaixo, faça um desenho esboçando o resultado que será exibido no navegador. <html> <head> <title

Você também pode gostar