Lista-tags

Lição 9 - Lista de Tags

TAG

EXPLICAÇÃO

<X> e </X>	Um comando tem essa estrutura, a TAG <X>, que inicia e a TAG </X>, que termina, onde X é o mesmo nas duas TAGs. Não importa se é maiúscula ou minúscula.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> "http://www.w3.org/TR/html4/str ict.dtd"	Deve ser colocado no início da página, antes da TAG <html> para a página passar num teste de máquina, para que ela permita acesso à página.
<!--X-->	Pode colocar comentários no X. Eles não aparecem na sua home page.
<html> e </html>	TAG que inicia o documento, dizendo que será um tipo de documento HTML e o finaliza.
<p> e </p>	Inicia e finaliza um parágrafo.
<title> e </title>	Indica o título do seu documento. Repare O LOCAL em que esse TÍTULO APARECE. Indica o final do título (repare que o título começa com <title> e termina com </title>).
<BODY BGCOLOR="#rrggbb" TEXT="#rrggbb" LINK="#rrggbb" ALINK="#rrggbb" VLINK="#rrggbb" BACKGROUND="X"> e </body>	Indica o corpo do documento ("body" significa "corpo"). O body contém todo o conteúdo que será exibido e finaliza o corpo do seu programa (script). Você pode colocar nesta TAG a cor do fundo da página e a cor do texto e dos links. ALINK é a cor dos links quando são acionados, VLINK é a cor dos links visitados e BACKGROUND é o nome ou diretório da imagem de fundo. Use aspas (") ou apóstrofo ('), não fará diferença.
<head> e </head>	TAG que inicia o cabeçalho. Nele você coloca informações sobre o documento (formatações, funções, fundo musical etc). O conteúdo que estiver dentro do <HEAD> geralmente não aparecerá quando sua home page for exibida. Ele pode ser exibido de outras formas, em aplicações mais avançadas.
<hX> e </hX>	Inicia um cabeçalho, onde X é o nível de tamanho variando de 1 a 6, onde 1 é o maior e 6 o menor. Finaliza um cabeçalho, o X é igual ao do que inicia esse mesmo cabeçalho.
<X align="Y" style="text-indent:A; margin-left:B; margin-right: C; margin-top:D; margin-bottom:E; word-spacing:F; line-height:G“> e </X>	X é a TAG. Ao iniciar uma Tag você pode escolher se é alinhado a direita, centro, esquerda ou justificado, para Y respectivamente right, center, left ou justify. Há outros itens que são adicionados nas TAGs. Não é necessário colocar todos os comandos. Em pixels, A é a distância do espaço do início do parágrafo, B, C, D e E são o espaçamento do texto respectivamente da esquerda, direita cima e baixo, e F é a distância entre as palavras, se colocar em porcentagem 100% é a página total. G é o a distância entre as linhas, em número de linhas, pode por em porcentagem e em números decimais, mas usando (.) ao invés de (,). Se o "margin-bottom" de um parágrafo e o "margin-top" do parágrafo seguinte forem zero, não aparecerá o espaço entre as linhas, que aparece com a mudança de parágrafo.
< e > &	Usa-se respectivamente os dois primeiros para escrever < e > sem que seja uma TAG. O caractere & serve para indicar alguns códigos, eles não aparecem na página. O código abaixo serve para fazer o caractere & aparecer na página.
<div> e </div>	Coloca o conteúdo, entre as TAGS, em um quadro. Funciona como parágrafo, mas não forma espaço entre eles.
<O style="border-style:X; border-width:Y; padding-left:Z; padding-right:I; padding-top:U; padding-bottom:K; background-color:W" background="L">	Para trabalhar bordas e sombreamentos. Usado com a Tag <div>, mas também é possível usá-lo com a <p>. O é a Tag, X é a aparência da borda, Y (solid, dotted, dashed, double, groove, ridge, inset, outset) é a grossura em pixels da borda, Z, I, U e K são a distância distância do texto até as respectivas bordas esquerda, direita, de cima e de baixo, W é a cor de fundo e L é figura de fundo. Não só o comando div permite fazer a borda, o P também o faz. As outras formatações são as mesmas que em style, para formar a borda.
<font color="#000000" face="X" size="Y"> e </font>	Usam-se estas TAGs para formatações, não é necessário seguir a ordem ou usá-las todas. X é o nome da fonte, Y é o nível HTML de tamanho (de 1 a 7) e os 6 zeros determinam a cor da fonte (deve-se colocar, de dois em dois dígitos, a intensidade de vermelho, verde e azul, respectivamente, para formar a cor desejada, lembrando que os dígitos são hexadecimais). Também é possível utilizar os nome em inglês de algumas cores - como red, por exêmplo - no lugar dos códigos entre aspas.
<span style="font-family:X;color:#Y;background:#Z;font-size:W"> e </span>	Outra forma de formatação, X é o nome da fonte, Y é a cor da fonte (em hexadecimal), Z é a cor de fundo (hexadecimal) do texto e W é o tamanho da fonte
<img src="X" width="Y" height="Z">	<img src="X" width="Y" height="Z">
e &#032	O primeiro código insere o caractere "space". Não é possível colocar mais que um espaço consecutivo usando texto, entretanto, com esse código já se pode fazê, além de também possibilitar a criação de linhas em branco. O segundo código faz um caractere nulo e invisível, não funciona consecutivamente.
<br />	Insere uma quebra de linha.
<center> e </center>	Centraliza o conteúdo.
<pre> e </pre>	Incluí um espaçamento antes de um parágrafo; para escolher o alinhamento é só dar espaços na primeira linha e as outras ficarão alinhadas com ela.

<a href = "X" target="_blank">Y<a>	Cria um hyperlink com o conteúdo; X é o endereço e Y o nome do endereço. O target deve ser adicionado se quiser que abra em uma nova janela.
<a href="mailto:X">Y<a>	Insere um hyperlink de e-mail; X é o e-mail.
<img src = "X" height = "Y" width ="Z"> ou <T imagesrc=X>	Insere imagens; X é o link da imagem, se estiver na mesma pasta que o arquivo HTML, é só pôr o nome, e se estiver dentro de uma sub-pasta, coloque o caminho começando pelo nome da primeira sub-pasta. Y é a altura e Z é a largura. T é uma Tag de listas.
<a name="X"></a>	Insere um link para um lugar mesma página. Coloque esta TAG no lugar onde você quer que apareça após clicar no link. X é um nome criado por você para identificar o lugar.
<a href="#X">Y</a>	É o link para outro lugar na mesma página; X é o nome que você criou na Tag da linha acima.
<ul> e </ul>	Inicia e finaliza uma lista de tópicos não ordenada - com o símbolo ponto (bullet) no início de cada linha.
<li> e </li>	Inicia e finaliza cada linha de uma lista de tópicos ordenada e não ordenada.
<b> e </b>, e <strong> e </strong>	Texto em negrito.
<u> e </u>	Texto sublinhado.
<i> e </i>	Texto em itálico.
<sub> e </sub>	Texto subscrito.
<sup> e </sup>	Texto sobrescrito.
<strike> e </strike>	Texto tachado.
<dl> e </dl>	Usadas para listas de definições.
<dt> e </dt>	É um termo da lista de definições.
<dd> e </dd>	É a explicação do termo; aparece como nas listas ordenadas e não ordenadas, mas sem os números ou bullets.
<hr width=X size=Y>	Insere uma linha horizontal; X é o comprimento em pixels ou em porcentagem em relação à largura da página, se colocar o sinal %, e Y é a expessura (em pixels) da linha.
&#8238	Inverte os textos dentro da Tag.
<table border="X" width="Y" height="Z" background="W" bgcolor="V" bordercolor="U" darkbordercolor="T" lightbordercolor="S”> e </table>	Inicia e finaliza uma tabela. X é a expessura da borda - se for zero a tabela existirá, mas sem bordas - Y é a largura em pixels ou porcentagem, Z é a altura em pixels, W é a imagem de fundo, V é a cor de fundo, U é a cor da borda, T é a cor da borda clara e S a cor da borda escura.
<tr> e </tr>	Inicia e finaliza uma linha de tabela. Você pode adicionar nesta Tag o mesmo que foi adicionado acima (largura, cor etc.) mas a soma das medidas deve ser igual as da tabela.

Inicia e finaliza uma célula em uma linha de tabela. Você pode adicionar nesta Tag o mesmo que foi adicionado acima (largura, alura etc.). Em caso de células mescladas, X é a quantidade de colunas que a célula ocupa e Y é a quantidade de linhas. As formatações de letras ficam entre estas TAGs.

Criar sites em html / css

MENÚ

Lista-tags

Lição 9 - Lista de Tags

What's Popular