html

Transcrição

html

Exercícios XHTML
1.
Professor Rinaldo Demétrio
Digite a seguinte página e salve como base.html.
<html>
<head>
<title>
Titulo da pagina
</title>
</head>
<body>
Corpo do texto da pagina
</body>
</html>
2. Digite a seguinte página e salve como comentarios.html.











<html>
<head>
<title>
Titulo da pagina
</title>
</head>
<body>
Corpo do texto da pagina
</body>
</html>
3. Digite a seguinte página e salve como alo_o1.html.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Exercícios XHTML
<head>
<title>
Página de saudação
</title>
<meta http-equiv="content-type" content="application/xhtml+xml;
charset=iso-8859-1" />
</head>
<body>
<p>
Alô, mundo!
</p>
</body>
</html>
<head>
<title>
</title>
</head>
<body>
<p>
Alô, mundo!
</p>
</body>
</html>
5.
Digite a seguinte página e salve como alo_o3.html.
<head>
<title>
</title>
</head>
Exercícios XHTML
<body>
<p>
Alô, mundo!
</p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<HTML>
<HEAD>
<TITLE>
</TITLE>
<META HTTP-EQUIV="content-type" CONTENT="text/html;
charset=iso-8859-1">
</HEAD>
<BODY>
<P>Alô, mundo!
</BODY>
</HTML>
7.
Digite a seguinte página e salve como paragrafo_01.html.
<head>
<title>
Exemplo de Parágrafo
</title>
<style type="text/css">
h1 {text-align: center;}
</style>
</head>
<body>
Exercícios XHTML
<h1>
Linguagem de Programação FORTRAN
</h1>
<hr />
<p>
A linguagem FORTRAN possui uma característica
fundamental que jamais nenhuma outra linguagem
de programação de computadores terá,
por ser a primeira linguagem de alto nível desenvolvida.
Foi a partir dela que surgiram outras; portanto, FORTRAN
é considerada a raiz que deu origem à
árvore das linguagens de programação
de alto nível.
O nome FORTRAN é uma abreviação
de FORmula TRANslation, que significa tradutor de
fórmulas. Essa linguagem possui a
característica de ser uma ferramenta para
facilitar a utilização de algoritmos
e equações matemáticas em computadores
eletrônicos, tendo como alvo as áreas
técnica e científica.
Por: Suely Toledo, Sandra Toledo e Augusto Manzano.
</p>
</body>
</html>
8. Digite a seguinte página e salve como paragrafo_02.html.
<head>
<title>
Exemplo de Parágrafo
</title>
p.paragrafo1 {text-align: justify;}
p.paragrafo2 {text-align: justify;}
p.paragrafo3 {text-align: center;}
</style>
Exercícios XHTML
</head>
<body>
<h1>
Linguagem de Programação FORTRAN
</h1>
<hr />
<p class="paragrafo1">
A linguagem FORTRAN possui uma característica
fundamental que jamais nenhuma outra linguagem
de programação de computadores terá,
por ser a primeira linguagem de alto nível desenvolvida.
Foi a partir dela que surgiram outras; portanto, FORTRAN
é considerada a raiz que deu origem à
árvore das linguagens de programação
de alto nível.
</p>
O nome FORTRAN é uma abreviação
de FORmula TRANslation, que significa tradutor de
fórmulas. Essa linguagem possui a
característica de ser uma ferramenta para
facilitar a utilização de algoritmos
e equações matemáticas em computadores
eletrônicos, tendo como alvo as áreas
técnica e científica.
</p>
Por: Suely Toledo, Sandra Toledo e Augusto Manzano.
</p>
</body>
</html>
9. Digite a seguinte página e salve como paragrafo_03.html.
<head>
<title>
Exemplo de quebra de linha com tag <br>
</title>
Exercícios XHTML
p {text-align: justify;}
</style>
</head>
<body>
<h2>
Estacionamento "Pare Aqui..."
</h2>
<p>
Serviços Opcionais: Lavamos, enceramos e
polimos seu veículo. Temos lanchonete com
música ambiente, para que nossos clientes
possam aguardar o serviço de forma agradável.
<br />
Atenção: Torne-se nosso cliente especial
e faça um contrato anual de serviço, com
preços diferenciados. Para mais
informação,
ligue para: 0800-11-22-33.
<br />
<br />
OBS.: Na quebra do contrato será cobrada a
diferença do período até a data de
vencimento do contrato.
</p>
</body>
</html>
10. Digite a seguinte página e salve como cabecalho_01.html.
<head>
<title>
Exercícios XHTML
Exemplo de Cabeçalhos do Corpo
</title>
</head>
<body>
<h1>
Exemplo com formato 1
</h1>
<h2>
</h2>
<h3>
</h3>
<h4>
</h4>
<h5>
</h5>
<h6>
</h6>
</body>
</html>
11. Digite a seguinte página e salve como cabecalho_02.html.
<head>
<title>
Exemplo de Cabeçalhos com Alinhamento
</title>
Exercícios XHTML
h2.esquerda {text-align: left;}
h2.centro {text-align: center;}
h2.direita {text-align: right;}
</style>
</head>
<body>
<h2 class="esquerda">
Texto alinhado junto ao lado esquerdo do corpo (default).
</h2>
<h2 class="centro">
Texto alinhado ao centro do corpo.
</h2>
<h2 class="direita">
Texto alinhado junto ao lado direito do corpo.
</h2>
</body>
</html>
12. Digite a seguinte página e salve como lista_01.html.
<head>
<title>
Exemplo de Lista Não Ordenada
</title>
</head>
<body>
<h2>
Lista Não Ordenada
</h2>
<hr />
<ul>
<li>Linha 1</li>
<li>Linha 2</li>
<li>Linha 3</li>
</ul>
Exercícios XHTML
</body>
</html>
<head>
<title>
Lista Não Ordenada com Modificadores Alterados
</title>
ul.lista1 {list-style-type: square;}
ul.lista2 {list-style-type: circle;}
ul.lista3 {list-style-type: disc;}
</style>
</head>
<body>
<h2>
Lista Não Ordenada com Modificadores Alterados
</h2>
<hr />
<ul class="lista1">
<li>Linha 1 tipo squere</li>
</ul>
<ul class="lista2">
<li>Linha 1 tipo circle</li>
</ul>
<ul class="lista3">
<li>Linha 1 tipo disc</li>
</ul>
Exercícios XHTML
</body>
</html>
<head>
<title>
Exemplo de Lista Ordenada
</title>
</head>
<body>
<h2>
Lista Ordenada
</h2>
<hr />
<ol>
<li>Linha A</li>
<li>Linha B</li>
<li>Linha C</li>
</ol>
</body>
</html>
<head>
<title>
Exemplo de Listas Ordenadas com Marcadores
</title>
Exercícios XHTML
ol.lista1
ol.lista2
ol.lista3
ol.lista4
ol.lista5
</style>
{list-style-type:
{list-style-type:
{list-style-type:
{list-style-type:
{list-style-type:
decimal;}
upper-alpha;}
lower-alpha;}
upper-roman;}
upper-roman;}
</head>
<body>
<h4>
Numéricos - tipo decimal
</h4>
<hr />
<ol class="lista1">
<li>Linha 1</li>
<li>Linha 2</li>
<li>Linha 3</li>
</ol>
<h4>
Alfabéticos maiúsculos - tipo upper-alpha
</h4>
<hr />
<ol class="lista2">
<li>Linha 1</li>
<li>Linha 2</li>
<li>Linha 3</li>
</ol>
<h4>
Alfabéticos minúsculos - tipo lower-alpha
</h4>
<hr />
<ol class="lista3">
<li>Linha 1</li>
<li>Linha 2</li>
<li>Linha 3</li>
</ol>
<h4>
Numérico romano maiúsculo - tipo upper-roman
</h4>
<hr />
<ol class="lista4">
<li>Linha 1</li>
<li>Linha 2</li>
<li>Linha 3</li>
Exercícios XHTML
</ol>
<h4>
Numérico romano minúsculo - tipo lower-roman
</h4>
<hr />
<ol class="lista5">
<li>Linha 1</li>
<li>Linha 2</li>
<li>Linha 3</li>
</ol>
</body>
</html>
<head>
<title>
Exemplo de Lista de Definição
</title>
</head>
<body>
<h2>
Geografia
</h2>
<hr />
<p>
<br /> <br /> <br /> <br />
<br /> <br /> <br /> <br />
</p>
<hr />
<dl>
<dt>
<b><i>Oceano</i></b>
</dt>
<dd>
Exercícios XHTML
Vasta extensão de águas salgadas
que cobre a maior parte do planeta Terra; mar.
</dd>
<dt>
<b><i>Ilha</i></b>
</dt>
<dd>
Terra menos extensa que os continentes e
cercada de água em suas laterais.
</dd>
</dl>
</body>
</html>
<head>
<title>
Exemplo de Lista Ordenada
</title>
ul {list-style-type: circle; list-style-position: inside;}
</style>
</head>
<body>
<h2>
Lista Ordenada
</h2>
<hr />
<ul>
<li>Linha A</li>
<li>Linha B</li>
<li>Linha C</li>
</ul>
Exercícios XHTML
</body>
</html>

html

Transcrição

Documentos relacionados

Aula Nº 1 – Introdução

Aula Nº 4 – XHTML+CSS

VENDE MORADIA GEMINADA V3 EM SUITE CABANAS DE TAVIRA

t2 em condomínio com piscina, a 5 minutos a pé da marina da

Seção do Cabeçalho - profª msc. elizabete munzlinger

Veja e imprima em PDF

Apostila de XHTML

Imagens em HTML

Imprimir - Greice Homes

Cascading Style Sheets II

Nova aba

Ricardo Terra rterrabh [at] gmail.com - DCC

Associação Portuguesa de Ciências Forenses

Arqueologia Forense