Ir para conteúdo

Introdução Ao Html

Wiltry

Por Wiltry
em Tutoriais de Websites

 Share

Posts Recomendados

Wiltry

Wiltry 7

Postado
Postado

'Começando um arquivo HTML'

 

Anatomia de um documento HTML

 

Dentro de um documento HTML temos elementos de marcação denominados TAGS . Uma TAG é definida através de seu nome cercado pelos sinais de “menor” (<) e “maior” (>) e normalmente tem uma TAG correspondente para finalização, com o mesmo nome e precedido por uma barra (/).

Ex.: <BODY> .... corpo do documento ... </BODY> (define o início e o fim do corpo do documento HTML)

Algumas TAGS admitem de atributos (parâmetros) que alteram a maneira como o navegador deve interpretá-la e normalmente são colocados na TAG inicializadora.

Ex.: <BODY BACKGROUND=”fundo.gif”> .... corpo do documento </BODY> (define que o documento HTML terá como fundo a figura fundo.gif )

 

 

Tags Iniciais

 

Todo documento HTML deve começar com as tags <html> e terminar com </html>.

Dentro dessas tags temos duas seções, que são o <head></head> (cabeça) e <body></body>

 

<head>

Indicam o cabeçalho do documento e nelas estão contidas as informações de configuração da página. Entre as tags <HEAD> e </HEAD> temos as seguintes opções:

Tag Title: <title>

Tag Meta: <meta>

Tag Isindex: <isindex>

Tag NextID: <nextid>

 

Normalmente para iniciantes, a tag mais usada é a tag title, que define o titulo da pagina.

Tag <TITLE> ... </TITLE>

 

Essas tags devem ser utilizadas entre as tags de cabeçalho <HEAD>. Determinam o título que irá ser apresentado na barra de título da janela do navegador.

Abaixo temos um exemplo que ilustra a utilização das tags vistas até agora :

 

 

Citação:

<html>

<head>

<title>

Meu primeiro tutorial - Introducao ao HTML by Sinister

</title>

</head>

</html>

 

Entenderam? Não é tão dificil assim =).

 

 

Tags <BODY> ... </BODY>

 

Todo conteúdo que irá aparecer na página, deve estar dentro dessas tags, e ela pode se extender, da seguinte forma:

<html>

<head>

<title>

Tutorial de HTML

</title>

</head>

<body background="imagem.jpg">

Aqui fica o conteúdo

</body>

</html>

Nesse script, a "imagem.jpg" será o fundo da página.

Além do body background, pode se usar atributos como: BGCOLOR, TEXT, LINK, ALINK e VLINK

 

Tag <BR>

 

Essa tag serve para fazer uma quebra de linha, se no script você quizer pular uma linha, e usar a barra de espaço ou Enter, não irá pular.

Para gerar a quebra, deve se fazer assim:

<body>

Eu quero pular a linha

<br>

Pulei =)

</body>

 

IMPORTANTE: A tag <br> não precisa ser fechada como </br>

 

Tags <P> ... </P>

 

 

Essas tags criam parágrafos no texto do corpo do documento, gerando uma quebra de linha maior que a da tag <BR>. Admitem também atributo de alinhamento ALIGN=”left” (à esquerda), ALIGN=”right” (à direita) e ALIGN=”center” (ao centro).

 

 

Tags <B> ... </B>

 

 

Coloca em negrito o texto envolvido.

Tags <I> ... </I>

 

 

Coloca em itálico o texto envolvido.

Tags <U> ... </U>

 

 

Sublinha o texto envolvido.

Tags <SUB> ... </SUB> e <SUP> ... </SUP>

 

 

O texto envolvido fica Subscrito e Sobrescrito , respectivamente.

 

 

Tags <Hn> ... </Hn>

 

Para demarcar títulos e subtítulos, use os TAGs de HEADER (H1 a H6), que podem ser de seis formas com tamanhos e posicionamento diferentes. Juntamente podemos utilizar as opções de alinhamento ALIGN=”left” (à esquerda), ALIGN=”right” (à direita) e ALIGN=”center” (ao centro).

 

 

Tags <FONT> ... </FONT>

 

As tags <FONT>...</FONT> fazem a formatação de fonte no texto que envolvem no documento HTML. Juntamente a essas tags utilizam-se os atributos SIZE, FACE e COLOR para definir tamanho, tipo do fonte e cor, respectivamente.

 

 

 

Exemplo:

<font size="4" face="helvetica" color="black">Aqui vão estar as configuração do tamanho, letra e cor</font>

 

 

Tags <A>...</A>

 

Faz a âncora entre documentos ou partes de um mesmo documento. Deve sempre ser utilizada acompanhada de um atributo que fará a especificação do tipo de âncora que se deseja. O texto que está incluído entre as tags <A> e </A> será apresentado como link no documento (sublinhado e em cor destacada).

Abaixo alguns dos atributos mais comuns que podem ser utilizados com a tag <A> :

HREF : Marca a âncora como um link para outro documento, recurso ou parte do mesmo documento.

NAME : Marca a âncora para um possível local do documento com um nome para que possa ser referido como alvo de um link . O nome especificado deve ser único no documento (não podem haver duas âncoras com o mesmo nome no mesmo documento).

 

 

Tag <IMG>

 

Insere uma imagem dentro de um documento HTML. As imagens, assim como em <BODY BACKGROUND >, devem estar nos formatos GIF ou JPEG.

Os atributos normalmente utilizados são :

SRC : Especifica o nome do arquivo de imagem. Sem esse atributo a tag <IMG> não tem finalidade.

ALT : Texto alternativo para a imagem (muito útil quando o usuário não está exibindo as figuras. O texto auxilia no entendimento do significado daquela imagem).

ALIGN : Alinhamento do texto em relação à imagem.

HEIGHT : Altura da figura em pixels (se não utilizada, a figura será mostrada em sua altura original).

WIDTH : Largura, semelhante a HEIGHT.

 

 

------------------------------------------

Bom espero que tenham gostado, usei como base e copiei algumas tags um tutorial que usei para aprender o basico de html...

 

 

 

Sinister//

Link para o comentário
Compartilhar em outros sites
  • 2 weeks later...
 Share
Ir para a lista de tópicos
×
×
  • Criar Novo...