Boa formatação, bem explicado.
-
Tópico movido.
4
1.4k
info
Grupo: Conde
Registrado: 06/11/06
Posts: 850
Reputação: +6
Char no Tibia: Xearius Thor
04 de outubro de 2008 às 10:05
05 de outubro de 2008 às 08:59
Obrigado por aprovar.
Depois irei postar outro tutorial, mostrando o intermedíario do HTML.
Espero comentários construtivos =).
Sinister//
2 semanas depois...
info
Grupo: Visconde
Registrado: 03/07/08
Posts: 306
Reputação: +7
'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:
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:
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:
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//