Se você quer uma Ajuda Específica para o seu caso, proceda como indicado:
clique Suporte, e
envie a sua dúvida (para cadastrados no CLUBE DO HELP DESK)
ou envie sua dúvida para nosso
Super Fórum
)
Seção HTML da abcDICAS.com.br
HTML
Dicas de Uso para a Construção de Páginas
Web
HTML
Básico
Tutorial de HTML Básico-
com muitos detalhes, bem explicados, incluindo aqueles detalhes
imprescindíveis para se publicar as páginas na teia mundial.
Os comandos básicos para
montar uma página simples mas competente.
Ao final um Exemplo Completo de uma
Página montada com os comandos aprendidos aqui.
Uma página HTML é na verdade um
conjunto de comandos e textos, digitados no formato texto puro (por isso muita gente usa o
NOTEPAD para escrever páginas para a WEB) que determinam aos browsers
a maneira de apresentar a página numa tela de microcomputador.
Uma página, de qualquer tipo, e para qualquer objetivo,
deve ter pelo menos a seguinte estrutura de comandos HTML:
<html>
<head>
<tittle> Título da Página </tittle>
</head>
<body>
Como ser visto, nesse pequeno exemplo de página HTML,
os tags mínimos são os:
<html> e </html>:
que abrem e fecham uma página HTML;
<head> e </head>:
que iniciam e encerram uma seção de cabeçalho para a página:
<body> e </body>:
que indicam o início e o fim do corpo da página, onde vai todo o conteúdo real de uma
página HTML, isto é: os textos, as figuras, as tabelas, e os links para
outros documentos e/ou outros sites da WEB;
Cada tag é composto de 2 símbolos
especiais: o sinal "<" denominado "menor que", e o sinal
">" denominado "maior que". No meio desses símbolos especiais vem
o comando propriamente dito, sempre uma palavra na lingua inglesa, como body (corpo). Não
importa se tais comandos são digitados em maiúsculas ou minúsculas, porém o ideal, e
também um padrão de fato, é se utilizar apenas de comandos em minúsculas.
Um cuidado importante com estes, e na verdade com quase
todos os demais tags, é que eles sempre andam aos pares. Para cada tag de abertura (ex.:
<head>) deve existir um outro tag de fechamento (ex.: </head>). E este tag de
fechamento é idêntico ao de abertura, apenas com a adição de uma barra logo após o
sinal de "menor que".
Diversos TAGs são considerados básicos, sendo na
verdade um pouco relativa essa classificação. Muitos poderão perguntar: porque tal TAG
é básico, e porque aquele outro TAG é avançado?. Para efeito deste Site consideraremos
TAGs BÁSICOS aqueles TAGs que fazem parte de praticamente todos as páginas HTML, e
aqueles que não necessitam de recursos mais elaborados para sua aplicação numa página
HTML.
TAG:
<tittle>
Comando: TÍTULO
Objetivo do TAG:
definir um texto como sendo o Título de uma Página, e que é mostrada na parte superior
do browser (na Barra de Título) e no cabeçalho de uma página impressa. A tag
<tittle> deve aparecer sempre dentro da tag <head>.
Sintaxe Básica:
<tittle> Título </tittle>
Exemplo:
<tittle>Página Principal do Meu Site</tittle>
Objetivo do TAG:
realçar os diversos níveis de cabaçalhos de modo hierárquico num apágina; os níveis
vão desde <h1> até <h6>, passando por <h2>, <h3>, e assim por
diante.
Sintaxe Básica:
Linha <h2> Cabeçalho de Nivel 2</h2>
Exemplo:
<h1>Cabeçalho de Nível 1</h1>
<h2>Cabeçalho de Nível 2</h2>
<h3>Cabeçalho de Nível 3</h3>.
Objetivo do TAG:
insere um link na página, destacando o "endereço" com uma linha sublinhada,
permitindo ao usuário que clicar sobre o link, ir diretamente à outro local, dessa ou de
outra página.
Sintaxe Básica:
Texto <a href="endereço">
mais texto.
Exemplo: Ir para <a HREF="http://www.superdicas.com"> Panizo's
Home Page</a> para um Help Desk.
Objetivo do TAG:
insere um link de E-Mail na página, permitindo ao usuário que clicar sobre o link,
enviar um e-mail diretamente ao destinatário indicado no comando.
Sintaxe Básica:
Texto <a href="mailto:e-mail">
mais texto.
Exemplo: Clique <a HREF="mailto:webmaster@superdicas.com">AQUI</a> para
enviar um E-Mail para mim.
Como fica:
Clique AQUI para enviar um E-Mail para mim.
Abaixo indicamos, puramente
como exemplo didático, uma página com todos os elementos básicos de
uma Página que usa apenas os TAGs básicos, descritos nesta seção. Veja bem como os
comandos se integram, seu posicionamento, e veja o resultado final clicando AQUI.
<html>
<head>
<tittle>Minha Primeira Home Page</tittle>
</head>
<body>
<h1> Esta é minha PRIMEIRA Home Page</h1>
<hr>
Meu Nome é <b>Francisco Panizo Beceiro</b> e nasci em <u>4 de
janeiro</u>.
e moro na cidade de <i><b>São Paulo</b></i> desde 1970.
<hr>
Eu Gosto muito desta figura: <img src="emobras.gif"> pois lembra que
estamos <b>sempre</b> em construção.
<hr>
<p>Agora vou colocar 2 links para vocês darem uma olhada:</p>
Vírus Alerta: <a href="http://www.pypbr.com/noticias/"> no
Geocities</a>. Internet: <a
href="http://www.abcdicas.com.br"> no Tripod</a>.
<hr>
<center>
Para enviar um E-Mail, clique <a href="mailto: webmaster@superdicas.com">
AQUI</a>.
</center>
</body>
</html>
Atenção: não temos condição de dar suporte direto para todos os visitantes;
use nosso
Super Fórum Web Design para poder enviar suas dúvidas. O registro é gratuito!
Para um suporte diferenciado use o nosso
Clube do Help Desk.