Tópicos Avançados I - Cartela de comandos básicos HTML
Marcação Função Características
<HTML></HTML> Delimita o documento (início e fim) Deve ser inserida no início e no final de todo arquivo HTML <HEAD></HEAD> Cabeçalho Área para inserção de informações que não serão visíveis na página HTML, tais como “title” e comentários <TITLE></TITLE> Título do documento Aparace na barra de títulos do browser <!-- , Fecha com -- > Comentário Insere comentário na página <BODY></BODY> Corpo do documento Delimita o corpo do documento. Vem abaixo da área “head”. Deve ser “fechada” no final do documento, antes da marcação </html> <BODY Imagem de fundo Insere uma imagem formato gif ou jpg como fundo da página BACKGROUND=““> = arquivo imagem ou url de </BODY> arquivo imagem <BODY Cor padrão de fundo Define uma cor de fundo padrão para a página. BGCOLOR=“#rrggbb”> #rrggbb = código de cores rgb . </BODY> <BODY TEXT=“#rrggbb” Cores do texto do documento Define a cor para: LINK=“#rrggbb” text = texto normal da página VLINK=“#rrggbb” #rrggbb = código de cores rgb (ver link = links da página ALINK=“#rrggbb”> tabela de cores neste documento) vlink = links consultados na página </BODY> alink = links ativados na página <Hy></Hy> Títulos ou cabeçalhos na página Existem seis níveis de cabeçalho na página <h1></h1>, <h2></h2> , etc, sendo H1 o maior e H6 o menor y = número de 1 a 6 nível. Marcações Hy definem tamanho relativo do texto, e os colocam em destaque (normalmente negrito) <P> Parágrafo Insere uma linha em branco entre dois parágrafos <BR> Quebra de linha Faz uma quebra de linha. <A HREF=“ “> Âncora para hiperlink referencial Define um link. texto</a> = URL ou nome arquivo O link vai aparecer em destaque na página (normalmente outra cor e sublinhado) <A HREF=“MAILTO: Envio de email para endereço Cria-se um link que ao ser selecionado abrirá uma tela para xyz@algumlugar.br”> especificado envio de email para o usuario posto após MAILTO: <UL></UL> Delimita lista não numerada Deve ser escrita ao início e ao final da lista. <OL></OL> Delimita lista numerada Deve ser escrita ao início e ao final da lista. <LI> Mostra itens da lista <B></B> Negrito Texto a seguir será negritado <I></I> Itálico Texto a seguir será itálico <IMG SRC=“. ”> Inserção de imagem Marcação para inserir uma imagem na página. Esta imagem . = nome ou URL de arquivo deve estar preferencialmente em formato .gif ou .jpg. Pode estar imagem. na mesma máquina ou em outra máquina (apontar com URL) <IMG [ALIGN=“”] Alinhamento de imagem ALIGN define o alinhamento de uma imagem na página : SRC=“. ”> TOP = alinha o texto com o alto da figura MIDDLE = alinha o texto com o meio da figura BOTTOM = alinha o texto com o rodapé da figura RIGHT = alinha a figura à direita da tela LEFT = alinha a figura à esquerda da tela. <HR [SIZE=n] HR insere linha horizontal Size=Define a largura da linha [WIDTH=n%]> n=número Width=Define o quanto da tela uma linha vai ocupar <table [border=n]> Definição de uma tabela <table> - Início definição tabela <tr> Define linha <tr>define linha </tr> final de linha <th>dados coluna</th> Define coluna <th>coluna de cabeçalho </th> final coluna </tr> <td>coluna normal </td> final coluna </table> </table> final tabela <table border=n> N=0 -> Sem borda <tr/<th/<td Alinhamento dos dados das linhas Left-alinha a esquerda, center=centraliza, right=alinha a direita [align=left/center/right]> e colunas <tr/<th/<td Alinhamento em relação à borda Define o alinhamento do texto nas células com relação a borda [valign=top/middle/bottom]> superior e inferior. <table/<th/<td [width=<n ou Ocupação da janela ou tabela N=valor em pixels a ocupar na janela percentual]> Percentual a ocupar na janela (/table) ou janela (/th e /td) <font [face=xxx] [size=n] xxx-tipo da fonte xxx-arial, Courier new, etc [color="#rrggbb"] n-tamanho iniciando de 1 #rrggbb = código de cores rgb (ver tabela guia 1) [color="nome da cor"]> rrggbb-Cores rgb nome cor-"blue", "red" , etc
* Parâmetros entre colchetes [parâmetro] são opcionais