Espero que tenham gostado da primeira parte do HTML, hoje continuarei o assunto, conhecendo um pouco mais dos códigos em HTML. Lembrando que hoje em dia é essencial esse aprendizado até mesmo para que no futuro você possa saber onde inserir um script seja em php ou até mesmo em Css (lembrando que mais pra frente passarei algumas coisas sobre HTML:
Então hoje iremos ver:
- Formatação de texto
- Cores;
- Parágrafo;
Formatação
O uso de textos no HTML é bem simples, hoje em dia é muito usado em Css, que é até melhor, pois lhe permite muito mais opções. Vamos ao exemplo. Abra o bloco de notas e digite:
<html>
<head>
<body>
Trabalhando com textos no HTML.
</body>
</head>
</html>
salve no arquivo com o nome de texto.html
Esse mesmo texto poderia ser digitado dessa mesma maneira:
<html>
<head>
<body>
Trabalhando
com
textos
no HTML.
</body>
</head>
</html>
Se você salvar e atualizar novamente o arquivo você vai perceber que no navegador será sempre a mesma visualização, portanto podemos chegar a conclusão que o HTML não consegue interpretar espaços em branco ou quebras de linhas. Para passar para a linha de baixo teremos que usar a tag.
<br>, que indica quebra de página e não precisa ser fechada.
Ex:
<html>
<head>
<body>
Este<br>é<br>um<br>teste.
</body>
</head>
</html>
Depois que você salvar vai observar:
É então você ta vendo que espaços em branco não importam para a interpretação do HTML.
Agora vamos formatar algum texto:
Para início você deve conhecer a tag <font></font> de fechamento obrigatório, indicando que o que estiver entre essas tags vai ser interpretada como texto. So que essa tag não tem muito ação sozinha, sendo necessário o uso de atributos (pequenas palavras que ampliam a função da tag). Ex:
- face - indica o nome da fonte: Arial, verdana, times….
- size - indica o tamanho da fonte, em pontos: 3 ou 4 é o padrão…
- color - cor da fonte…
Agora vamos utilizar em nosso modelo, digite:
<font face=”arial” size=”7″ color=”CCCCCC”>Um texto arial com tamanho 7 e cor cinza</font>
Salve e atualize o navegador.
Agora para exemplo você pode mudar esses atributos, uma coisa interessante é que o campo de cor, você pode colocar o nome da cor (so que em inglês, tipo).
<font face=”arial” size=”4″ color=”green”>Olha o texto verde</font>
Já que vocês já sabem a tag usada para executar uma quebra de página (<br>), a tag do parágrafo é o <p></p>, também com fechamento obrigatório.
Ex:
<p>
Este seria um parágrafo interpetado pelo navegador
</p>
<p>
Esse seria outro parágrafo.
</p>
A grande diferença entre esses dois (<br> e <p>), é o espaço, sendo o parágrafo maior do que a quebra de página. E a tag parágrafo, pode ter alguns atributos, o principal é o atributo de align. Ex:
<p align=”center”>
aparecerá no meio da página.
</p>
E o align recebe os seguintes parâmetros:
left - esquerda
right - direita
justify - justificado
Tente criar algumas páginas e utilizar essas tags e atributos, qualquer dúvida ou sugestão, coloque nos comentários….
Valew…
0 comentários
Deixe um comentário!