antiblock
diamwall
  • Chatbox

    Did you check out our Discord? https://discord.gg/FFdvMjk9xA
    You don't have permission to chat.
    Load More
Sign in to follow this  
V¡®u§

Introdução ao HTML

2 posts in this topic

Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag <HTML>, na primeira linha do código, e terminar com </HTML> na última linha do documento. Perceba que a barra "/" sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. A estrutura das tags é formada por:
<xxx>: Este é o inicio da tag;*

</xxx>: Este é o fechamento da tag para que ela possa funcionar.**
* xxx é apenas uma representação de uma tag, não é uma tag HTML.

** Algumas tags não necessitam do fechamento. Neste caso você será avisado.
Entre o início da tag e o seu fechamento ficam os textos, parâmetros, atributos e até outras tags que vão formando a sua página. Se você não fechar corretamente as tags, a página não irá ser mostrada direito ou nem mesmo irá aparecer.
Após iniciar o documento com a tag <HTML> você deve incluir o cabeçalho que é feito com as tags <HEAD> </HEAD>. E também um título usando o par <TITLE> ... </TITLE>. Geralmente, o título não é mostrado na página, porém os navegadores o utilizam para entitular a janela de visualização. Coloque um título bem claro e explicativo para seus documentos.
- A tag <BODY>
O "corpo" do documento deve ser demarcado pelo par <BODY> ... </BODY>. Nesta parte do documento serão colocados todos os comandos para apresentação de uma página HTML. Entre as tags <BODY> e </BODY> é que você vai colocar todos os códigos para sua página.
Um documento simples seria digitado da seguinte maneira:
<HTML>

<HEAD>

<TITLE> Meu documento HTML </TITLE>

</HEAD>

<BODY>

Aqui você coloca os comandos em HTML.

</BODY>

</HTML>



Os espaços em branco são ignorados quando o navegador "lê" o código. Assim o código acima poderia ser escrito da seguinte forma:



<HTML><HEAD><TITLE> Meu documento HTML </TITLE></HEAD><BODY>Aqui você coloca os comandos em HTML.</BODY></HTML>



A vantagem é que isto economiza espaço em disco, mas é uma maneira muito confusa e relaxada de programar. Acostume-se a organizar seus programas para poder entendê-los posteriormente.



- Atributos do <BODY>



Através de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (papel de parede da página):



<BODY BGCOLOR="cor" TEXT="cor" LINK="cor" ALINK="cor" VLINK="cor" BACKGROUND="imagem que vai aparecer">



Onde:



- BGCOLOR

Cor de fundo (padrão: cinza ou branco)



- TEXT

Cor dos textos da página (padrão: preto)



- LINK

Cor dos links (padrão: azul)



- ALINK

Cor dos links, quando acionados (padrão: vermelho)



- VLINK

Cor dos links, depois de visitados (padrão: azul escuro ou roxo)



- BACKGROUND

Imagem de fundo. Saiba como colocar uma imagem de fundo clicando aqui.



Em "cor", você pode colocar os valores de cores em inglês como:



Preto = black

Branco = white

Azul = blue

Amarelo = yellow

Vermelho = red



Você também pode usar o valor hexadecimal de cores ou "RRGGBB", que é a forma mais comum de definir cores usadas na Internet.. Com isso você pode colocar em sua página outras cores diferentes, como um azul-claro. Para isso você deve ter o código das cores, e no lugar de escrever o nome da cor em inglês, você coloca o valor da cor

Share this post


Link to post
Share on other sites
antiblock
Cyphriun

Interessante o post, acredito que ajudará a muitas pessoas que estão iniciando com o HTML agora, mesmo que o HTML 5 esteja aí a pleno vapor.Eu aprendi HTML também meio que na marra e acessando sites e fóruns. Esse eu conheci hoje.Um dos que eu mais gosto é o Linha de Código, sempre tem uns posts de html por lá também.Deixo aqui alguns para o pessoal, se quiser se aprofundar mais, apesar de ter achado os posts daqui excelentes.http://www.linhadecodigo.com.br/artigo/81/html-basico.aspxhttp://www.linhadecodigo.com.br/artigo/3439/introducao-ao-htmlusando-tabelas.aspxhttp://www.linhadecodigo.com.br/artigo/3443/introducao-ao-html---controles-de-formulario.aspxBjs.Espero ter ajudado.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this