Você está na página 1de 3

DEFININDO PAGINA HTML

<hr color =red>


hr: comando que desenha barra horizontal
color: atributo que especifica a cor da barra
red: valor do atributo color

ESTRUTURA BSICA
<html>
<head> (abre cabealho da pgina)
<title>Ttulo do Documento</title>
</head> (fecha cabealho da pgina)
<body> (abre corpo da pgina)
MICROCAMP
</body> (fecha corpo da pgina)
</html>

CORPO DO DOCUMENTO
<body bgcolor=cor text=color link=color alink=color vlink=color background=imagem que vai aparecer>
<body leftmargin=X rightmargin=X>
LEFTMARGIN e RIGHTMARGIN = configura as margens direita e esquerda do documento. Seu valor pode ser dado em
unidades ou porcentagem da tela.
BGPROPERTIES= a imagem de fundo ficar fixa enquanto voc desliza a barra de rolagem.

CABEALHO DO DOCUMENTO
META <meta>
Define valores especiais. Os valores so definidos como pares name/value (nome/valor).
<meta name=author content=ERNANDES>
<meta name=description content=Desenvolvimento - de Cursos - e materiais>
<meta name=keywords=Office, sites, web, desenvolvimento>

COMENTRIOS
<!--texto do documentrio -->

REGUAS HORIZONTAIS
<hr size=3 width=X% align=center noshade>
size = espessura da linha
widht = largura da linha
align (left, right, center) = tipo de alinhamento da linha

FORMATANDO TEXTO
CABEALHO
<body>
<h1...6>cabealho nvel 1...6</h1...6>
</body>

FORMATAO DE PARGRAFO
<p> </p>
O texto um pargrafo e possui alinhamento prprio.
ALIGN
indica o alinhamento do pargrafo (LEFT, RIGHT, CENTES, JUSTIFY)
EXEMPLO:

<p align=center> Bem vindo ao site </p>

QUEBRA DE LINHA
<br> </br>
se deseja quebrar uma linha e iniciar outra

FORMATAO DE ESTILO DE FONTE


<b>...</b>
negrito
<i>... </i>
itlico
<u>...</u>
sublinhado
<s>...</s>
riscado
<big>...</big>
texto grande
<small>...</small> texto pequeno
<sub>...</sub> texto subscrito
<sup>...</sup> texto supescrito

ELEMENTOS DE TIPO DE INFORMAO


<cite>...</cite>
<code>...</code>
<em>...</em>
<kbd>...</kbd>
<samp>...</samp>
<strong>...</strong>
<var>...</var>
<tt>...</tt>
<listing>....</listing>

marca uma citao


texto de cdigo
texto enfatizado
texto teclado
texto de amostra
texto marcado
uma varivel
define o texto utilizando uma fonte de tipo e largura definidas pelo navegador
em desuso. Usa-se o <pre>

FONT
<font face=arial> TEXTO </font>
<font face=arial size=5 color=black>SEU TEXTO</font>

LISTAS
Listas no-ordenadas
<ul>...</ul> elemento delimitador de lista sem ordenao
<li>...</li> inserir antes de cada lista
Exemplo:
<body>
<h2>lista no-ordenadas</h2>
<ul>
<li>elemento 1</li>
<li>elemento 2</li>
</ul>
</body>
Listas ordenadas
<ol> elemento delimitador de lista ordenada
Exemplo:
<body>
<h2>lista ordenadas</h2>
<ol>
<li>elemento 1</li>
<li>elemento 2</li>
</ol>
</body>
Listas intercaladas (pag50)
Listas de definies
<dl> tag de iniciao
<dt> para cada novo termo
<dd> para as definies dos termos

TABELAS
<table>...</table> inicia a tabela
<tr>....</tr> indica o incio de uma linha na tabela
<td>....</td> indica uma coluna na tabela
Exemplo

<body>
<table width=200 height=139 border=1 align=center bordercolor=#009900>
<tr>
<td width=100>Primeira celula</td>
<td width=100>Segunda celula</td>
</tr>
<tr>
<td width=100>Primeira celula</td>
<td width=100>Primeira celula</td>
</tr>
</body>

IMAGENS
Inserindo imagem de fundo
<body background=imagens/fundo1.jpg> ou
<body background=imagens/fundo1.jpg bgcolor=ffcecb>
Inserindo imagem
<img src=url_imagem>
<img src=imagem/fundo1.jpg>
alt
indica um texto alternativo para a imagem
<img src=url_imagem alt=descrio_da_imagem>
border
quando uma frase marcada como ancora de um link, ela se apresenta sublinhada
<img src=url_imagem alt=descrio_da_imagem border=4>

HIPERTEXTO