aula25012013
aula25012013.html
—
HTML,
4 kB (4217 bytes)
Conteúdo do arquivo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>:::: >> Aula do dia 18.01.13 << :::: </title>
</head>
<body>
<style type="text/css">
<!--
span.destaque{
font-weight : bolder;
color: red;
}
span.destaque_verde{
font-weight:bolder;
color:green;
}
-->
</style>
<div id="main">
<div id="cabeçalho">
<h1>Título</h1>
<h2>Sub-Título</h2>
<h3>Sub-Sub-Título</h3>
<h4>Sub-Sub-Sub-Título</h4>
<h5>Sub-Sub-Sub-Sub-Título</h5>
<h6>Sub-Sub-Sub-Sub-Sub-Título</h6>
</div>
<div id="conteudo_1">
<h1>O que é lorem ipsum?</h1>
<p><span class="destaque">Lorem Ipsum</span> é simplesmente uma <span class="destaque_verde">simulação</span> de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. <span class="destaque">Lorem Ipsum</span> sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. <!-- <br /> --> Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de <span class="destaque">Lorem Ipsum</span>, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
<!-- Para entender as tags do html procurar no W3C Schools -->
</div>
<div id="conteudo_2">
<h1>Porquê nós o usamos?</h1>
<blockquote>
<p>É um fato conhecido de todos que um leitor se distrairá com o conteúdo de texto legível de uma página quando estiver examinando sua diagramação. A vantagem de usar Lorem Ipsum é que ele tem uma distribuição normal de letras, ao contrário de "Conteúdo aqui, conteúdo aqui", fazendo com que ele tenha uma aparência similar a de um texto legível. Muitos softwares de publicação e editores de páginas na internet agora usam Lorem Ipsum como texto-modelo padrão, e uma rápida busca por 'lorem ipsum' mostra vários websites ainda em sua fase de construção. Várias versões novas surgiram ao longo dos anos, eventualmente por acidente, e às vezes de propósito (injetando humor, e coisas do gênero).</p></blockquote><cite>IPSUM, Loren.</cite>
<br /><br />
<q>Aqui a citação de uma linha</q>
<cite>SOUTO, Moisés C. B.</cite>
<p>Sobre as abreviações podemos utilizar a tag abbr. <abbr title="Exemplo">Ex.</abbr> <abbr title="File Transfer Protocol">FTP</abbr></p>
</div>
<div id="testes">
<dl>
<dt>Navegador</dt>
<dd>Programa utilizado para acessar site na WEB.</dd>
<dt>WEB</dt>
<dd>Um dos serviços disponíveis na internet</dd>
</dl>
<hr />
<p>Atualmente o curso técnico sub. em informática possui <del>15</del> vagas em aberto, Atualização: Possui <ins>10</ins> vagas.</p>
<hr />
<p>O IFRN é uma entidade focada na construção da <dfn title="pública e de qualidade">educação</dfn> a toda a sua comunidade acadêmica.</p>
<hr />
<tt>Tipo máquina de escrever</tt>
<br />
<i>Texto</i> <em>itálico</em>
<br />
<b>Texto</b> <strong>Negrito</strong>
<br />
<big>Texto com fonte grande</big>
<br />
<small>Texto com fonte pequena</small>
<hr />
<h2>Sem o pre</h2>
<p>Nananna nanannna nanna
nanna'
na
'</p>
<h2>Usando o pre</h2>
<pre>Nananna nanannna nanna
nanna'
na
'</pre>
<hr />
</div>
<div id="listas">
<h2>Lista não ordenada</h2>
<ul>
<li>Este é o 1º item</li>
<li>Este é o 2º item</li>
<li>Este é o 3º item</li>
<li>Este é o 4º item</li>
</ul>
<h2>Lista ordenada</h2>
<ol>
<li>Este é o 1º item</li>
<li>Este é o 2º item</li>
<li>Este é o 3º item</li>
<li>Este é o 4º item</li>
</ol>
</div>
<div id="rodape">
<p><acronym title="Instituto Federal de Educação, Ciência e Tecnologia do Rio Grande do Norte">IFRN</acronym>
<address> RN 116, s/n, Nova Caicó, Caicó, RN</address></p>
</div>
</div>
</body>
</html>
