HTML:Avançando Seus Conhecimentos Em HTML.
Autor: Erick | Publicado: 2011-03-24T02:55:00-03:00


&nbsp;&nbsp; Seguindo esta ordem:&nbsp;&nbsp; HTML:Conceitos Básicos.&nbsp;&nbsp; HTML:Conceitos Básicos 02.&nbsp;&nbsp; HTML:Criando Sua Própria Página Na Web.&nbsp;&nbsp; HTML:Criando Seu Site TAGS HTML.&nbsp; &nbsp;HTML:Criando Sua Primeira Página. &nbsp;&nbsp; HTML:Criando Sua Primeira Página 02.
&nbsp;&nbsp; Conseguimos criar a nossa primeira página em HTML que foi devidamente&nbsp;&nbsp; interpretada pelo nosso Navegador padrão.&nbsp;&nbsp; 
&nbsp;&nbsp; Agora vamos nos aprofundar um pouco mais e criar uma outra página com um pouco&nbsp;&nbsp; mais de ¨conteúdo¨.&nbsp;&nbsp; Ex:&nbsp;&nbsp; &lt;html&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;head&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;Avançando no HTML&lt;/title&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/head&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;body&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Nesse local vai todo o CONTEÚDO do corpo da página.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/body&gt;&nbsp;&nbsp; &lt;/html&gt;
&nbsp;&nbsp; E iremos acrescentar aquilo que já aprendemos nas aulas anteriores.&nbsp;&nbsp; Já sabem não é?Se ainda não leram...Links no topo dessa matéria.^^&nbsp;&nbsp; Ex:&nbsp;&nbsp; &lt;h1&gt;Cabeçalho&lt;/h1&gt;&nbsp;&nbsp; &lt;h2&gt;Subtítulo&lt;/h2&gt;&nbsp;&nbsp; &lt;h3&gt;Sub-Subtítulo&lt;/h3&gt;
&nbsp;&nbsp; &lt;p&gt;Utilizado em Parágrafos&lt;/p&gt;&nbsp;&nbsp; &lt;b&gt;Utilizado para Negritos&lt;/b&gt;&nbsp;&nbsp; &lt;i&gt;Utilizado para escrever em Itálico&lt;/i&gt;&nbsp;&nbsp; &lt;br /&gt; (Utilizado para pular linha)
&nbsp;&nbsp; Acompanhem a imagem abaixo:

&nbsp;&nbsp; Ps: No meu caso esse é um PC de testes, por isso a linguagem dele não é o Português.&nbsp;&nbsp; Caso notem em minhas imagens a ausência de Ç e outros símbolos da linguagem&nbsp;&nbsp; do Português Brasileiro.^^&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; Perceberam o resultado?&nbsp;&nbsp; Agora vamos MIXAR um pouco as TAGS e ver o resultado.&nbsp;&nbsp; Ex:&nbsp;&nbsp; ANTES:&nbsp;&nbsp; &lt;h1&gt;Cabeçalho&lt;/h1&gt;&nbsp;&nbsp; Depois:&nbsp;&nbsp; &lt;h1&gt;&lt;i&gt;Cabeçalho&lt;/i&gt;&lt;/h1&gt;
&nbsp;&nbsp; &nbsp;&nbsp; Notem aonde fiz o circulo em vermelho.&nbsp;&nbsp; Com isso obtemos um cabeçalho em Itálico.&nbsp;&nbsp; Conforme imagem abaixo:&nbsp;&nbsp; &nbsp;&nbsp; Não esquecer de colocar o ¨Pula linha¨ &lt;br /&gt; para não ficar tudo grudado.^^&nbsp;&nbsp; E para quem quiser escrever ou precisar mesmo encaixar aquela frase em um&nbsp;&nbsp; espacinho mínimo:&nbsp;&nbsp; &lt;small&gt; SMALL significa PEQUENO em Inglês.&nbsp;&nbsp; Ex:&nbsp;&nbsp; &lt;html&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;head&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/head&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;body&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;small&gt;Se conseguir ler não precisa de óculos&lt;/small&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/body&gt;&nbsp;&nbsp; &lt;/html&gt;
&nbsp;&nbsp; Resultado abaixo:
&nbsp;&nbsp; Se conseguir ler não precisa de óculos
&nbsp;&nbsp; Sempre que quisermos podemos MIXAR ¨combinar¨, as TAGS mas devemos&nbsp;&nbsp; sempre respeitar as devidas ordens para que o navegador possa interpretar de forma &nbsp;&nbsp; correta.&nbsp;&nbsp; Vou demonstrar combinando Negrito &lt;b&gt;, com o itálico &lt;i&gt;.&nbsp;&nbsp; Ex. Correto:
&nbsp;&nbsp; &lt;b&gt;&lt;i&gt;Texto Negrito Itálico&lt;/i&gt;&lt;/b&gt;
&nbsp;&nbsp; Ex. Errado:
&nbsp;&nbsp; &lt;b&gt;&lt;i&gt;Texto Negrito Itálico&lt;/b&gt;&lt;/i&gt;
&nbsp; Perceberam aonde ocorreu o ERRO?&nbsp; Abrir e fechar a primeira TAG com a última e a segunda com a penúltima.&nbsp; Nem adianta teimar ou querer inventar moda, não irá funcionar.&nbsp; (Já cansei de tentar.Rs).
&nbsp; E para finalizar essa postagem aqui, irei colocar uma linha horizontal&nbsp; utilizando a TAG &lt;hr /&gt;&nbsp; Ela é outro exemplo como a &lt;br /&gt; que se abre e fecha sozinha:&nbsp; O código utilizado será:&nbsp; &lt;b&gt;&lt;i&gt;Até a próxima aula&lt;/i&gt;&lt;/b&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;hr /&gt;
&nbsp; Até a próxima aula&nbsp; Continuação:Criando Listas Na Página.