cartelahtml

Tópicos Avançados I - Cartela de comandos básicos HTML

Marcação <HTML></HTML> <HEAD></HEAD> <TITLE></TITLE> <!-- , Fecha com -- > <BODY></BODY> <BODY BACKGROUND=““> </BODY> <BODY BGCOLOR=“#rrggbb”> </BODY> <BODY TEXT=“#rrggbb” LINK=“#rrggbb” VLINK=“#rrggbb” ALINK=“#rrggbb”> </BODY> <Hy></Hy> Função Delimita o documento (início e fim) Cabeçalho Título do documento Comentário Corpo do documento Imagem de fundo  = arquivo imagem ou url de arquivo imagem Cor padrão de fundo #rrggbb = código de cores rgb Cores do texto do documento #rrggbb = código de cores rgb (ver tabela de cores neste documento) Títulos ou cabeçalhos na página y = número de 1 a 6 <P> <BR> <A HREF=“ “> texto</a> <A HREF=“MAILTO: xyz@algumlugar.br”> <UL></UL> <OL></OL> <LI> <B></B> <I></I> <IMG SRC=“. ”> <IMG [ALIGN=“”] SRC=“. ”> Parágrafo Quebra de linha Âncora para hiperlink referencial = URL ou nome arquivo Envio de email para endereço especificado Delimita lista não numerada Delimita lista numerada Mostra itens da lista Negrito Itálico Inserção de imagem . = nome ou URL de arquivo imagem. Alinhamento de imagem Características Deve ser inserida no início e no final de todo arquivo HTML Área para inserção de informações que não serão visíveis na página HTML, tais como “title” e comentários Aparace na barra de títulos do browser Insere comentário na página Delimita o corpo do documento. Vem abaixo da área “head”. Deve ser “fechada” no final do documento, antes da marcação </html> Insere uma imagem formato gif ou jpg como fundo da página Define uma cor de fundo padrão para a página. . Define a cor para: text = texto normal da página link = links da página vlink = links consultados na página alink = links ativados 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 nível. Marcações Hy definem tamanho relativo do texto, e os colocam em destaque (normalmente negrito) Insere uma linha em branco entre dois parágrafos Faz uma quebra de linha. Define um link. O link vai aparecer em destaque na página (normalmente outra cor e sublinhado) Cria-se um link que ao ser selecionado abrirá uma tela para envio de email para o usuario posto após MAILTO: Deve ser escrita ao início e ao final da lista. Deve ser escrita ao início e ao final da lista. Texto a seguir será negritado Texto a seguir será itálico Marcação para inserir uma imagem na página. Esta imagem deve estar preferencialmente em formato .gif ou .jpg. Pode estar na mesma máquina ou em outra máquina (apontar com URL) ALIGN define o alinhamento de uma imagem na página : 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. Size=Define a largura da linha Width=Define o quanto da tela uma linha vai ocupar <table> - Início definição tabela <tr>define linha </tr> final de linha <th>coluna de cabeçalho </th> final coluna <td>coluna normal </td> final coluna </table> final tabela N=0 -> Sem borda Left-alinha a esquerda, center=centraliza, right=alinha a direita Define o alinhamento do texto nas células com relação a borda superior e inferior. N=valor em pixels a ocupar na janela Percentual a ocupar na janela (/table) ou janela (/th e /td) xxx-arial, Courier new, etc #rrggbb = código de cores rgb (ver tabela guia 1) nome cor-"blue", "red" , etc

<HR [SIZE=n] HR [WIDTH=n%]> <table [border=n]> <tr> <th>dados coluna</th> </tr> </table> <table border=n> <tr/<th/<td [align=left/center/right]> <tr/<th/<td [valign=top/middle/bottom]> <table/<th/<td [width=<n ou percentual]> <font [face=xxx] [size=n] [color="#rrggbb"] [color="nome da cor"]>

insere linha horizontal n=número Definição de uma tabela Define linha Define coluna

Alinhamento dos dados das linhas e colunas Alinhamento em relação à borda Ocupação da janela ou tabela xxx-tipo da fonte n-tamanho iniciando de 1 rrggbb-Cores rgb

* Parâmetros entre colchetes [parâmetro] são opcionais

Tópicos I - Mauro Mendes

Em 25/09/2000

Pág 1

Sign up to vote on this title
UsefulNot useful