Feb 7, 2009
Categories: HTML
Primeiramente crie uma pasta para salvar as páginas. De preferência na Área de
trabalho (Desktop).
Sempre deixe os arquivos do site muito bem organizados, assim facilita e muito o
desenvolvimento dele.
Depois de criado uma pasta no Desktop ou em qualquer outro lugar de sua preferência
abra o Bloco de Notas.
Menu Iniciar>Programas>Acessórios>Bloco de Notas
Depois de aberto digite o seguinte código:
(ATENÇÃO! [...]
Primeiramente crie uma pasta para salvar as páginas. De preferência na Área de
trabalho (Desktop).
Sempre deixe os arquivos do site muito bem organizados, assim facilita e muito o
desenvolvimento dele.
Depois de criado uma pasta no Desktop ou em qualquer outro lugar de sua preferência
abra o Bloco de Notas.
Menu Iniciar>Programas>Acessórios>Bloco de Notas
Depois de aberto digite o seguinte código:
(ATENÇÃO! NÃO COPIE, DIGITE, ASSIM VOCÊ JÁ COMESSA A PRATICAR!)
<html>
<head>
<title> Minha Primeira Página em HTML!!!</title>
</head>
<body>
<p align="center"> Essa é a primeira página HTML!!! </p>
</body>
</html>
Agora vou explicar tudo o que ... Read More
Feb 7, 2009
Categories: HTML
Uma página básica em HTML é um arquivo de texto simples contendo o texto da página
e os comandos HTML que definem a formatação das mesmas. Os comandos são
indicados entre os marcadores chamados TAG que vem entre os símbolos de < e >. A
maioria dos comandos é usada em pares, sendo que quando você abre alguma [...]
Uma página básica em HTML é um arquivo de texto simples contendo o texto da página
e os comandos HTML que definem a formatação das mesmas. Os comandos são
indicados entre os marcadores chamados TAG que vem entre os símbolos de < e >. A
maioria dos comandos é usada em pares, sendo que quando você abre alguma TAG como, por exemplo, a TAG <BODY>você precisará fechar repetindo a TAG assim:
</BODY>. A TAG com barra (/) significa que está fechando a que esta sem barra.
Exemplos:
<BODY> ... Read More
Mar 10, 2008
Frames
Frames são divisões de uma pagina em HTML. Ela é composta de uma pagina
principal e diversas outras divisões, compostas por outras paginas. Na pagina
principal você insere as outras paginas em colunas ou linhas, sendo que você
identifica o tamanho que cada uma deve ter.
É necessária cautela ao pôr frames, pois se você não souber como organizálas,
sua [...]
Frames
Frames são divisões de uma pagina em HTML. Ela é composta de uma pagina
principal e diversas outras divisões, compostas por outras paginas. Na pagina
principal você insere as outras paginas em colunas ou linhas, sendo que você
identifica o tamanho que cada uma deve ter.
É necessária cautela ao pôr frames, pois se você não souber como organizálas,
sua pagina perdera todo o sentido. No entanto, elas podem ser muito
úteis para criação de menus em sua pagina.
Para criar as frames vamos usar duas Tag’s:
FRAMESET: Indica como ... Read More
Mar 10, 2008
Células Mescladas
Para mesclar as células vamos atribuir à Tag TD os seguintes atributos:
COLSPAN: Será o numero de colunas que a célula ocupara.
ROWSPAN: Será o numero de linhas que a célula ocupara.
<Table Border=”2″ width=”50%” cellpadintg=”3″ celladding=”3″>
<TR bgcolor=”#FFFACD”>
<TD colspan=”2″>Célula 1</TD>
</TR>
</TABLE>
Criar siteA TAG HR by Criar Blog on March 10th, 2008A TAG HR
Insere uma linha horizontal no Browser.Tabelas [...]
Células Mescladas
Para mesclar as células vamos atribuir à Tag TD os seguintes atributos:
COLSPAN: Será o numero de colunas que a célula ocupara.
ROWSPAN: Será o numero de linhas que a célula ocupara.
<Table Border="2" width="50%" cellpadintg="3" celladding="3">
<TR bgcolor="#FFFACD">
<TD colspan="2">Célula 1</TD>
</TR>
</TABLE> Read More
Mar 10, 2008
Atributos Individuais
Vamos agora configurar individualmente cada célula.
ALIGN: alinha do conteúdo da célula ou das células da linha. Valores: right,
left, center.
BGCOLOR: define a cor de fundo das células da linha ou de uma célula
individual;
VALIGN: alinhamento vertical de uma célula ou de células de uma linha;
Pode ser top, middle ou bottom.
WIDTH: largura de uma célula em pixels [...]
Atributos Individuais
Vamos agora configurar individualmente cada célula.
ALIGN: alinha do conteúdo da célula ou das células da linha. Valores: right,
left, center.
BGCOLOR: define a cor de fundo das células da linha ou de uma célula
individual;
VALIGN: alinhamento vertical de uma célula ou de células de uma linha;
Pode ser top, middle ou bottom.
WIDTH: largura de uma célula em pixels ou %;
NOWRAP: indica ao browser que o texto da célula não pode ser dividido em
mais de uma linha. A coluna inteira terá o tamanho do texto escrito ... Read More
Mar 10, 2008
TABELAS
As Tabelas servem para deixar mais organizados os dados disponíveis em sua
pagina.
Criando tabelas
Para criar tabelas simples, vamos fazer da seguinte maneira:
<TABLE>
<TR>
<TH>Cabeçalho da Tabela</TH>
<TD>Dados da Tabela</TD>
</TR>
</TABLE>
As tag’s Table e /Table servem para indicar inicio e fim de tabela.
TR define cada linha de cada tabela.
TH Define o cabeçalho da Tabela. É uma célula da tabela.
TD Define os [...]
TABELAS
As Tabelas servem para deixar mais organizados os dados disponíveis em sua
pagina.
Criando tabelas
Para criar tabelas simples, vamos fazer da seguinte maneira:
<TABLE>
<TR>
<TH>Cabeçalho da Tabela</TH>
<TD>Dados da Tabela</TD>
</TR>
</TABLE>
As tag’s Table e /Table servem para indicar inicio e fim de tabela.
TR define cada linha de cada tabela.
TH Define o cabeçalho da Tabela. É uma célula da tabela.
TD Define os dados da Tabela.
Melhorando a Tabela
Agora vamos melhorar a aparência da tabela inserindo Tag’s
BORDER: espessura da borda em pixels.
BOREDERCOLOR: especifica a cor da borda da tabela
WIDTH: especifica a ... Read More
Mar 10, 2008
Categories: HTML
SOM
Para inserir sons na sua pagina vamos utilizar as seguintes Tag’s:
EMBED SRC – Para colocar as músicas para reproduzir em uma espécie de
mini-media player na pagina.
Ex.<embed src=”audio.mp3″ mce_src=”audio.mp3″ loop=”1″>
BGSOUND SRC – Para colocar músicas em plano de fundo, para que apenas
toque sem que ninguém consiga ver, apenas ouvi-la.
Ex.<bgsound src=”audio.mp3 loop=”1″>
LOOP – Utilizamos o loop para [...]
SOM
Para inserir sons na sua pagina vamos utilizar as seguintes Tag’s:
EMBED SRC – Para colocar as músicas para reproduzir em uma espécie de
mini-media player na pagina.
Ex.<embed src="audio.mp3" mce_src="audio.mp3" loop="1">
BGSOUND SRC – Para colocar músicas em plano de fundo, para que apenas
toque sem que ninguém consiga ver, apenas ouvi-la.
Ex.<bgsound src="audio.mp3 loop="1">
LOOP – Utilizamos o loop para colocarmos quantas vezes queremos que a
música toque. Com loop=1, a musica tocara apenas duas vezes, loop=2, suas
vezes... Para colocarmos para que se repita inúmeras vezes, colocamos
loop=infinite. Read More
Mar 10, 2008
Categories: HTML
Inserindo Imagens aos Links
Para inserir uma imagem num link basta colocar no lugar do texto do link a
tag que insere imagem.
Ex. <a href=”teste.html><img src=”http://www.univab.
pt/disciplinas/dchs/pagina_dchs/disciplinas/527/media/Site%20Background.jpg” width=120 height=160 align=”middle” border=”3″ alt=”fundo”></a>
Criar siteTag Paragrafo by Criar Blog on March 5th, 2008Para iniciar um parágrafo utilizamos a Tag P.A TAG HR by Criar Blog on March 10th, 2008A TAG [...]
Inserindo Imagens aos Links
Para inserir uma imagem num link basta colocar no lugar do texto do link a
tag que insere imagem.
Ex. <a href="teste.html><img src="http://www.univab.
pt/disciplinas/dchs/pagina_dchs/disciplinas/527/media/Site%20Background.jpg" width=120 height=160 align="middle" border="3" alt="fundo"></a> Read More
Mar 10, 2008
Categories: HTML
Inserindo Imagens
Para inserir imagens numa WebPage vamos utilizar a Tag IMG.
Ex. <img src=”http://www.univab.
pt/disciplinas/dchs/pagina_dchs/disciplinas/527/media/Site%20Background
.jpg”>
Configurando a Imagem
Após inserirmos a imagem temos de configurá-la. Não é necessário, mas você
pode utilizar para deixar a sua imagem ao seu gosto.
Utilizamos as seguintes Tag’s a partir de IMG SRC:
Width – A partir dela informamos a largura da imagem. Se não for [...]
Inserindo Imagens
Para inserir imagens numa WebPage vamos utilizar a Tag IMG.
Ex. <img src="http://www.univab.
pt/disciplinas/dchs/pagina_dchs/disciplinas/527/media/Site%20Background
.jpg">
Configurando a Imagem
Após inserirmos a imagem temos de configurá-la. Não é necessário, mas você
pode utilizar para deixar a sua imagem ao seu gosto.
Utilizamos as seguintes Tag’s a partir de IMG SRC:
Width – A partir dela informamos a largura da imagem. Se não for configurada a imagem será inserida no seu tamanho original.
Height – Com ela, informamos a altura. Quando não é informada mantém também sua altura original.
Border – Cria e ... Read More
Mar 10, 2008
Categories: HTML
Criando âncoras
Antes de criar um link interno, temos que criar uma ancora, desse jeito;
<A NAME=”seção1″>Este é o texto da seção</A>, em
que “seção1” é o nome da seção e “Este é o texto da
seção” é em que texto foi feito a seção.
Colocando Links nas Âncoras
Agora que a ancora foi feita, falta linká-la, desse jeito:
<a href=”#seção1″ mce_href=”#seção1″>Seção [...]
Criando âncoras
Antes de criar um link interno, temos que criar uma ancora, desse jeito;
<A NAME="seção1">Este é o texto da seção</A>, em
que “seção1” é o nome da seção e "Este é o texto da
seção" é em que texto foi feito a seção.
Colocando Links nas Âncoras
Agora que a ancora foi feita, falta linká-la, desse jeito:
<a href="#seção1" mce_href="#seção1">Seção 1</a>
<HTML>
<HEAD>
<TITLE> Minha Primeira Página</TITLE>
<META NAME="author" content="WebMaster"
<META NAME="description" CONTENT="Minha Primeira Página de HTML">
<META NAME="keywords" content="Página HTML">
<META HTTP-EQUIV="language" content="pt-br">
</HEAD>
BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW"
VLINK="DARKGREEN">
<h1><font face=Tahoma color=green>Este é o meu primeiro título
</font></h1>
<a ... Read More
