Conhecendo alguns Tags
Atenção: O que pode e não pode ser modificado quando se está criando uma página html
|
Texto em vermelho |
Código Html( não pode ser modificado) |
|
Texto em verde |
Texto que pode ser modificado a vontade |
|
Texto em violeta |
Código Html que as vezes pode ser modificado |
Tag <H>
O Tag <H> cria uma espécie de cabeçalho no documento. Serve para identificar o começo de uma seção ou tópico, facilitando a visualização dentro de uma página. Logo após o TAH<H> de vir um número de 1 a 6 indicando o tamanho da fonte, sendo 1 o maior e 6 o menor.Exemplo:
<H1> Texto Grande</H1>
<H6> Texto Pequeno </H6>
Tags <left>, <center> e <right>
As Tags <left>, <center> e <right> alinham o texto, sendo:
<right> = Alinha a direita;
<center> = Alinha ao centro;e
<left> = Alinha a esquerda.
Exemplo:
<right> O texto será exibido alinhado a direita</right>
<center> O texto será exibido ao centro</center>
<left> O texto será exibido a esquerda </left>
Obs.: Você pode combinar as Tags, por exemplo, se deseja o cabeçalho alinhado ao centro (com os conhecimentos apresentados até aqui) basta:
<h6> <center> Cabeçalho ao centro </center> </h6>
Tag <P>
Responsável pela quebra de parágrafos. Ele iniciará um novo parágrafo e pulará uma linha entre o texto. Com esta Tag você também pode alinhar um parágrafo inteiro. Exemplos:
Texto <p>
Para alinhar um parágrafo basta:
<p align=center> Todo este texto, entre a tag <P>, estará centralizado em sua página. Lembre-se que para testar as Tags basta utilizar os conhecimentos adquiridos e salvar um arquivo com a extensão .html ou .htm.</p>
Tag <br>
Este Tag pula uma linha, dando continuidade ao texto na linha de baixo. Exemplo:
Texto <br>
Obs.: O tag <p> pula parágrafo ao passo que o Tag <br> apenas pula uma linha. Para melhor entendimento faça um teste.
Tag <HR>
Este Tag cria uma linha horizontal que são utilizadas para dar destaque a títulos ou para gerar sensação de quebra entre um item e outro. Essas linhas podem também ser usadas com atributos de largura e altura. Exemplo:
<hr size=8 width=80%>
Onde WIDTH indica que a linha ocupará 80% da largura da janela do seu navegador e SIZE que será exibida uma linha com 8 pixels. O resultado do código anterior é o seguinte:
Obs.: Não é preciso o Tag finalizador </hr>.
Tag <b>, <i>, <u>, <marquee> e <blink>
<b> = Deixa o texto em negrito;Exemplo: <b>
Texto</b>
Resultado=Texto
<i> = Deixa o texto em itálico; Exemplo: <i> Texto </i> Resultado=Texto
<u> = Deixa o texto sublinhado; Exemplo: <u> Texto </u> Resultado=Texto
<marquee> = Cria o efeito da proteção de tela "marquee" do Windows (Internet Explorer);Exemplo:<marquee> Texto </marquee> Resultado=
<blink> = Cria um efeito pisca-pisca no texto (Netscape Navigator);Exemplo:<blink> texto</blink>
Tag <font>
O tag <font> possui os complementos FACE, COLOR e SIZE
O <font face="tipo_de_fonte">Irá definir qual fonte será usada na sua página, o ideal é utilizar fontes padrões do Windows (tipo ARIAL ou TIMES NEW ROMAN), pois as fontes que seu computador tem, pode ser que outro computador não tenha(no caso o visitante de sua página).
Exemplo:<font face="comic sans ms">Seu texto aqui</font>
O <font size="tamanho_da_fonte> irá definir o tamanho da fonte.
Exemplo:<font size="3">Seu texto aqui</font>
O <font color="cor"Irá colocar uma cor na sua fonte.
Exemplo:<font color="red"> Seu texto aqui</font>
Obs.: Todos esses complementos podem ser usados dentro de um mesmo Tag.
Exemplo:<font face="arial" color="green" size="4"> Texto exibido com fonte ARIAL cor VERDE e tamanho 4. </font>
Tag BODY parâmetro BGCOLOR
Esse Tag não precisa de tag de fechamento, pois o próprio <BODY> se encarregará disso. Sua função é a de colocar uma cor de fundo para sua página.
<BODY BGCOLOR="COR">
Onde: "COR" será a cor de fundo escolhido, que deverá ser escrito em inglês ou em código. Os browsers disponibilizam até 256 cores para serem usadas como cor de fundo. Caso seja escrito em código hexadecimal, deve ser iniciado com # e os dois primeiros dígitos representam a intensidade do vermelho(R), o segundo o verde(G) e o terceiro o azul(B), formando assim o código RGB.
Exemplo: <BODY BGCOLOR="green"> ou <BODY BGCOLOR="#00ff00"> fazem com que sua página tenha fundo de cor verde.
Veja a tabela com algumas cores e seus respectivos códigos hexadecimais:
| Cor | Código hexadecimal |
| Black (Preto) | #000000 |
| White (Branco) | #FFFFFF |
| Yellow (Amarelo) | #FFFF00 |
| Blue (Azul) | #0000FF |
| Green (verde) | #00FF00 |
| Dark Green (Verde Escuro) | #2F4F2F |
| Red (Vermelho) | #FF0000 |
| Magenta (Rosa) | #FF00FF |
| Cyan (Ciano) | #00FFFF |
Obs.: Se você deseja colocar uma cor na sua barra do Tag <HR> basta adicionar color"Cor".
Exemplo:<hr size=8 width=80% color="yellow"> terá como resultado: