Seguindo esta ordem:
Conseguimos criar a nossa primeira página em HTML que foi devidamente
interpretada pelo nosso Navegador padrão.
Agora vamos nos aprofundar um pouco mais e criar uma outra página com um pouco
mais de ¨conteúdo¨.
Ex:
<html>
<head>
<title>Avançando no HTML</title>
</head>
<body>
Nesse local vai todo o CONTEÚDO do corpo da página.
</body>
</html>
E iremos acrescentar aquilo que já aprendemos nas aulas anteriores.
Já sabem não é?Se ainda não leram...Links no topo dessa matéria.^^
Ex:
<h1>Cabeçalho</h1>
<h2>Subtítulo</h2>
<h3>Sub-Subtítulo</h3>
<p>Utilizado em Parágrafos</p>
<b>Utilizado para Negritos</b>
<i>Utilizado para escrever em Itálico</i>
<br /> (Utilizado para pular linha)
Acompanhem a imagem abaixo:
Ps: No meu caso esse é um PC de testes, por isso a linguagem dele não é o Português.
Caso notem em minhas imagens a ausência de Ç e outros símbolos da linguagem
do Português Brasileiro.^^
Perceberam o resultado?
Agora vamos MIXAR um pouco as TAGS e ver o resultado.
Ex:
ANTES:
<h1>Cabeçalho</h1>
Depois:
<h1><i>Cabeçalho</i></h1>
Notem aonde fiz o circulo em vermelho.
Com isso obtemos um cabeçalho em Itálico.
Conforme imagem abaixo:
Não esquecer de colocar o ¨Pula linha¨ <br /> para não ficar tudo grudado.^^
E para quem quiser escrever ou precisar mesmo encaixar aquela frase em um
espacinho mínimo:
<small> SMALL significa PEQUENO em Inglês.
Ex:
<html>
<head>
</head>
<body>
<small>Se conseguir ler não precisa de óculos</small>
</body>
</html>
Resultado abaixo:
Se conseguir ler não precisa de óculos
Sempre que quisermos podemos MIXAR ¨combinar¨, as TAGS mas devemos
sempre respeitar as devidas ordens para que o navegador possa interpretar de forma
correta.
Vou demonstrar combinando Negrito <b>, com o itálico <i>.
Ex. Correto:
<b><i>Texto Negrito Itálico</i></b>
Ex. Errado:
<b><i>Texto Negrito Itálico</b></i>
Perceberam aonde ocorreu o ERRO?
Abrir e fechar a primeira TAG com a última e a segunda com a penúltima.
Nem adianta teimar ou querer inventar moda, não irá funcionar.
(Já cansei de tentar.Rs).
E para finalizar essa postagem aqui, irei colocar uma linha horizontal
utilizando a TAG <hr />
Ela é outro exemplo como a <br /> que se abre e fecha sozinha:
O código utilizado será:
<b><i>Até a próxima aula</i></b>
<hr />
Até a próxima aula
0 comentários:
Postar um comentário