Aula 010: Os elementos de uma tag HTML e a tag "br"
Autor: Uai Cartões Bh | Publicado: 2012-05-09T07:39:00-03:00


Hoje, vamos falar um pouco mais sobre tags HTML. Gosto de abordar um mesmo assunto em prismas diferentes para que possamos absorver o conteúdo um pouquinho em cada aula. Acho que assim nós conseguiremos dominar essa e outras linguagens que estudaremos nesse blog.



Vamos analisar o elemento HTML abaixo:







O exemplo acima é um elemento em HTML. Um elemento HTML é tudo o que se pode analisar desde o início até o fim de uma tag. Nesse caso, o elemento é o parágrafo e a tag é &lt;p&gt;. Temos também uma tag de fechamento &lt;/p&gt; que completa o elemento. Esse elemento introduz um parágrafo no navegador do usuário.



Vejamos mais um elemento HTML







Nesse outro elemento, temos um link. A tag de abertura é o &lt;a&gt; e a tag de fechamento é o &lt;/a&gt;. Como já sabemos, a tag &lt;a&gt; precisa de um atributo: o href. É com esse atributo que indicamos para qual página o visitante será redirecionado quando clicar no link.&nbsp;Esse elemento introduz um link no navegador do usuário.



Mais analisar mais um?







Nesse terceiro elemento temos uma imagem. Veja que a tag &lt;img/&gt; não existe abertura, apenas fechamento. Isso porque não há a necessidade de abrirmos e fecharmos a tag de imagem, pois não há nenhum texto a ser impresso no navegado. O elemento apenas introduz a imagem descrita no atributo src no navegador do usuário.



Como você pode perceber, alguns elementos HTML exigem a abertura e o fechamento de uma tag; outros, não.



A tag &lt;br/&gt;



Vamos aproveitar o nosso encontro de hoje e conhecer mais uma tag HTML: a &lt;br/&gt; (quebra de linha).



Essa tag - assim como a &lt;img/&gt; também é uma tag apenas de fechamento. Não há a necessidade de abrirmos e fecharmos esse tipo de elemento. O que ela faz? Ela apenas introduz uma quebra de linha simples no documento. Vejamos um exemplo em nosso editor online: (acesse aqui)



Digite lá o seguinte:



Este é um texto em HTML.&nbsp;



Agora, introduza a tag &lt;br/&gt; depois da palavra texto e veja o resultado:



Este é um texto&lt;br/&gt;em HTML.



Repare - então - que a tag &lt;br/&gt; quebrou a linha do texto e continuou o restante da frase na linha debaixo.



Qual a diferença entre a tag &lt;br/&gt; e a tag &lt;p&gt;.



São duas coisas totalmente diferentes. Na tag &lt;p&gt; (que exige fechamento &lt;/p&gt;), o navegador reconhece todo o bloco de texto como um único parágrafo. Ao iniciar um novo parágrafo, o novo bloco de texto será impresso 2 linhas abaixo do parágrafo anterior.



Ex.:&nbsp;

&lt;p&gt;Este é o parágrafo 1 do texto.&lt;/p&gt;

&lt;p&gt;Este é o parágrafo 2 do texto.&lt;p&gt;



Visualização:







Se você colocar apenas uma quebra de linha &lt;br/&gt;, o navegador entenderá que o bloco é apenas um parágrafo, mas com uma frase em cada linha.





Esta é a linha 1 do texto.&lt;br/&gt;

Esta é a linha 2 do texto.



Visualização:





Por que essa necessidade?



Às vezes, dentro de um mesmo parágrafo, precisamos incluir uma quebra de linha. É somente para isso que essa tag serve. Não se esqueça dela, ok?



Atividade Prática



Apenas para praticarmos tudo o que já aprendemos até agora, vamos fazer uma atividade prática.&nbsp;



Lembra na aula passada que pedi para que você salvasse a imagem do cholocate em sua pasta AULA HTML? Pois bem, vamos precisar dela agora.



Passo a passo:



Abra o seu bloco de notas;
Digite a estrutura básica do documento HTML;
Na barra de títulos do navegador, escreva "A História do Chocolate";
No documento HTML insira o título de nível 1: "A História do Chocolate";
Abaixo do Título, insira uma quebra de linha;
Abaixo da quebra de linha, escreva:&nbsp;
Origem: Wikipédia, a enciclopédia livre.
Crie um sub-título de nível 2: Chocolate;
Inicie um parágrafo e coloque o seguinte texto:


O chocolate é um alimento feito com base na amêndoa fermentada e torrada do cacau. Sua origem remonta às civilizações pré-colombianas da América Central. A partir dos Descobrimentos, foi levado para a Europa, onde popularizou-se, especialmente a partir dos séculos XVII e XVIII. Contudo, em função das necessidades climáticas para o cultivo do cacau, não é possível o seu plantio na Europa e por isso as colônias americanas de clima tropical úmido continuaram a fornecer a matéria-prima. Atualmente os maiores produtores estão na África Ocidental.


Insira a imagem do chocolate logo após esse parágrafo.
Inicie um novo parágrafo e coloque o texto abaixo:


O chocolate tal como é consumido hoje é resultado de sucessivos aprimoramentos realizados desde o início da colonização da América. O produto era consumido pelos nativos na forma duma bebida quente e amarga, de uso exclusivo da nobreza. Os europeus passaram a adoçar e a misturar especiarias para adequá-lo ao seu gosto. Com o desenvolvimento dos processos industriais e técnicas culinárias, surgiu o chocolate com leite e depois na forma de um sólido. Atualmente, é encontrado em diferentes formas que vão desde o sólido, como o chocolate em pó, as barras, os ovos e os bombons, e líquido, como achocolatado ou chocolate quente. Além de ser consumido puro, é também ingrediente de um grande número de alimentos como bolos (tortas, biscoitos, etc.), mousses, sorvetes e outros doces.


Inicie mais um parágrafo para o texto abaixo:


Paralelamente, o chocolate passou a ser associado a determinadas festividades, como por exemplo a Páscoa. Além disso, com as descobertas científicas, foram conhecidas algumas propriedades que o relaciona, especialmente na versão amarga, à saúde humana. Contudo, o mesmo não se aplica a diversos animais domésticos, para os quais pode chegar a ser tóxico.



Vamos criar um sub-titulo de nível 2 com o seguinte texto: Origem do Chocolate
Depois criaremos mais 3 parágrafos, um para cada bloco de texto abaixo:



O cacaueiro, de nome científico Theobroma cacao, é uma planta nativa de uma região que vai do México, passando pela América Central, até à região tropical da América do Sul, que vem sendo cultivada desde há pelo menos três mil anos na região.&nbsp;Os primeiros registros de seu uso datam do período olmeca. No entanto, existem evidências que indicam cultivo anterior a esse período. Desde a sua domesticação, o cacau é usado como bebida e, depois, como ingrediente para alimentos. Durante a civilização maia, era cultivado e, a partir de suas sementes, era feita uma bebida amarga chamada xocoatl, geralmente temperada com baunilha e pimenta. O xocoatl, acreditava-se, combatia o cansaço, além de ser afrodisíaco.



Kakaw (cacau) escrito na língua maia. A palavra foi descrita de diversas outras maneiras nos antigos textos maias.&nbsp;Alguns dos vestígios mais antigos de uma plantação de cacau foram datados de 1100 a 1 400 a.C., tendo sido encontrados em Puerto Escondido, localidade do Departamento de Cortés, em Honduras. Pelo tipo de recipientes encontrados e pela análise de seu conteúdo, concluiu-se que eram usados para produzir uma bebida alcoólica pela fermentação dos açúcares contidos na polpa que envolve os grãos, bebida essa que continua a ser feita até hoje em partes da América Latina. Resíduos de chocolate encontrados numa peça de cerâmica maia de Río Azul, na Guatemala, sugerem que já era utilizado como bebida por volta do ano 400 d.C. Documentos maias e astecas relatam que o chocolate era usado tanto para fins cerimoniais como no cotidiano, sendo, no entanto, consumido apenas pela elite.



Por suas reconhecidas propriedades e sua difusão regional, o cacau ganhou grande importância econômica na Mesoamérica na era pré-colombiana. Os Maias usavam os grãos como moeda. Dez favas valiam um coelho e por 100 favas de primeira qualidade adquiria-se um escravo. Durante o Império asteca (1325 a 1521 dC), sementes de cacau eram uma forma importante de divisas e meio de pagamento de tributos. Um dos principais objetivos da expansão imperial dos Astecas na direção sudeste, durante o século XV, havia sido o de controlar as regiões produtoras de cacau no Istmo de Tehuantepec e no litoral sul da Guatemala. Diz um cronista quinhentista que os armazéns de Montezuma II, em Tenochtitlan, continham mais de 40 mil cargas de amêndoas de cacau, algo estimado em torno de 1 200 toneladas. Grande parte desse tesouro destinava-se a pagar o soldo dos guerreiros e também alimentá-los. Bernal Diaz, o soldado de Cortés e narrador da conquista, informou que somente a guarda do palácio consumia diariamente mais de 2 000 taças da bebida. Seu uso como meio de pagamento continuou até ao século XX, pois em algumas partes da América Central, o cacau ainda era usado como dinheiro.


E para finalizar, indicaremos a fonte de onde o texto foi tirado. &nbsp;Escreva abaixo do último parágrafo a seguinte frase: Texto adaptado retirado do site Wikipedia em 09/05/2012. Confira fonte integral clicando aqui.
Insira o link "http://pt.wikipedia.org/wiki/Chocolate" na expressão "clicando aqui" na frase acima;
Salve seu arquivo como "chocolate.html"
Visualize em seu navegador.


Na próxima aula, comento com vocês essa atividade. Caso queira tirar alguma dúvida, acesse o nosso fórum e faça sua pergunta. Link para o Fórum




Até nosso próximo encontro e bons estudos.