Dicas de Informática

Aprenda a receber dados de Formulário com PHP

2010-09-27T07:33:00.000-07:00

Existem três arrays associativos que podemos usar para receber dados de Formulários HTML em PHP. São eles: $_GET, $_POST e $_REQUEST. Os dois primeiros são usados de acordo com o método de envio de informações definido para o formulário. Já o array $_REQUEST recupera dados tanto de formulários que utilizam GET quanto POST.

Para exemplificar, crie uma pasta chamada forms na raiz do seu Ambiente de Desenvolvimento. No meu caso, como estou usando o Wamp, meu diretório raiz é C:\wamp\www.

Agora, abra um Editor de Textos simples (Bloco de Notas por exemplo) e digite o código abaixo:

<html>

<head>

<title>Recebendo dados do Formulário</title>

</head>

<body>

<form method="post" action="receber-form.php">
Digite seu nome:<br />
<input type="text" name="nome" />
<input type="submit" value="Enviar" />
</form>

</body>

</html>

Salve o arquivo com o nome form-teste.html dentro da pasta forms.

Repare que criamos um formulário que utiliza o método POST e que enviará dados para o arquivo receber-form.php que criaremos no mesmo diretório. O formulário possui apenas uma Caixa de Texto e um Botão de Envio. Observe também que o valor do parâmetro name da Caixa de Texto é nome.

Pra finalizar, abra um novo documento no Editor de Textos e digite o código abaixo:

<?php
$nome = $_POST['nome'];
echo "Olá " . $nome;
?>

Salve o arquivo com o nome receber-form.php na pasta forms.

Entenda que, na linha 2, criamos uma variável com o nome $nome (poderia ser outro nome) que recebe o texto digitado na Caixa de Textos do formulário. Isso porque utilizamos $_POST['nome'] onde a chave nome corresponde ao parâmetro name da Caixa de Texto do formulário.

É bom lembrar que se substituirmos a segunda linha do Arquivo PHP por:

$nome = $_REQUEST['nome'];

Teríamos o mesmo resultado.

Por fim, abra o navegador acesse o endereço: http://localhost/forms/form-teste.html

Observe o resultado:

Após preencher o nome e clicar em Enviar:

Obviamente que esse é um exemplo simples, apenas para mostrar como o PHP recebe dados de um Formulário. Em breve, explicarei como gravar esses dados em um Arquivo de Textos, em Bancos de Dados e até como enviar por E-mail.

Nota: Existe uma variável no Arquivo de Configuração do PHP (php.ini) chamada register_globals, essa variável pode receber dois valores: On e Off (Off é o padrão por segurança). Quando o valor está definido como On, nós não precisamos utilizar os arrays associativos $_POST, $_GET ou $_REQUEST para receber dados de formulários. Isso quer dizer que, caso o valor dessa variável esteja definido como On, o Código PHP do exemplo acima também funcionaria se tirasse-mos a segunda linha conforme abaixo:

<?php
echo "Olá " . $nome;
?>

Não sabe como alterar o Arquivo de Configuração do PHP? Expliquei isso no post: Conheça todas as formas de Abrir e Fechar Blocos de Código PHP.

Leia mais:

Não tem o ambiente de desenvolvimento instalado? Instale o Apache, o PHP e o MySQL com o Wamp;
Não sabe nada de PHP? Comece com Introdução ao PHP;
Não conhece nem HTML? Comece com Introdução ao HTML;

Constantes em PHP

2010-09-26T18:56:00.000-07:00

Constantes servem para guardar informações que podem ser usadas mais de uma vez no mesmo script. A principal diferença entre variáveis e constantes é que uma vez definida a constante, seu valor não pode ser alterado. Outra diferença é que para criar e usar constantes em PHP não usamos cifrão ($).

Para criar uma constante, utilizamos a função define do PHP. A função define recebe três parâmetros: o nome da constante, o valor da constante e um booleano que informa se a constante é Case Sensitive ou não. Este terceiro parâmetro é opcional e, caso não seja informado, o valor padrão é TRUE (a constante é Case Sensitive).

Segue um exemplo:

<?php
define("PI", 3.14);
$diametroCirculo = 6;
$comprimentoCirculo = $diametroCirculo * PI;
echo $comprimentoCirculo;
?>

Ao executar o script acima, vemos o resultado: 18.84.

Repare que na segunda linha do código, definimos uma constante utilizando a função define passando dois parâmetros: O nome "PI" e o valor "3.14" (Tipo de Dados float).

Já na quarta linha, efetuamos uma Operação Aritmética utilizando a constante (sem cifrão).

Leia mais:

Entenda como o Receber dados de um formulário com PHP;
Não sabe trabalhar com variáveis? Leia: Variáveis em PHP;
Não tem o ambiente de desenvolvimento instalado? Instale o Apache, o PHP e o MySQL com o Wamp;
Não sabe nada de PHP? Comece com Introdução ao PHP;
Não conhece nem HTML? Comece com Introdução ao HTML;

Data e Hora em PHP

2010-09-23T06:17:00.000-07:00

Mais que trabalhar com Data e Hora em PHP, este post ajuda a explicar um conceito que normalmente não é claro para os iniciantes em Desenvolvimento Web, que é o fato de a Linguagem PHP rodar no lado do Servidor.

A questão é que para trabalhar com Data e Hora em PHP utilizamos a função date, e essa data/hora vem do Servidor Web e não da máquina do internauta que esta acessando a aplicação. Isso quer dizer que mesmo se a data/hora do Sistema Operacional usuário estiverem erradas, ele irá visualizar a Data/Hora corretamente no site pois, como já foi dito, esses dados vem do Servidor (caso a data/hora do servidor estejam corretas).

Você também pode exibir a Data/Hora em um site utilizando uma linguagem que roda do lado cliente (navegador), como JavaScript por exemplo. No entanto, neste caso, se a data/hora do Sistema Operacional estiverem incorretas, as informações também serão exibida erradamente no site.

Exibindo Data e Hora com PHP

Conforme foi dito anteriormente, vamos usar a função date para exibir a Data e a Hora com PHP. Essa função recebe um parâmetros com o Tipo de Dados String que representa a formatação da Data/Hora.

Observe o código abaixo:

<?php
$dataAtual = date("d/m/Y");
echo $dataAtual;
?>

O executar o Script acima imprime na tela 23/09/2010 (dia em que o post foi escrito).

Repare que, na linha 2, utilizei a função date para atribuir à variável $dataAtual a data de hoje. Perceba também que passei a String d/m/Y como parâmetro na função date, esses caracteres representam a formatação da data já que d = dia, m = mês e Y = ano.

Se quiser adicionar a Hora, o código fica assim:

<?php
$dataHora = date("d/m/Y h:i:s");
echo $dataHora;
?>

Testando aqui, recebi o resultado: 23/09/2010 10:08:40.

Repare na segunda linha que após o Y (que representa o ano), eu dei um espaço e adicionei h:i:s pois: h = hora, i = minuto e s = segundo.

Veja uma lista resumida de formatações aceitas pela função date:

Caracter	Descrição	De	Até
Dia
j	Dia do mês sem preenchimento de zero	1	31
d	Dia do mês com preenchimento de zero	01	31
Semana
w	Representação numérica do dia da semana	0 (domingo)	6 (sábado)
L	Dia da semana por extenso	Sunday	Saturday
Mês
n	Representação numérica do mês sem preenchimento de zero	1	12
m	Representação numérica do mês com preenchimento de zero	01	12
F	Mês por extenso	January	December
Ano
Y	Ano com quatro dígitos
y	Ano com dois dígitos
Hora
g	Hora sem preenchimento de zero	1	12
h	Hora com preenchimento de zero	01	12
G	Hora sem preenchimento de zero	0	23
H	Hora com preenchimento de zero	00	23
Minuto
i	Minuto com preenchimento de zero	00	59
Segundo
s	Segundo com preenchimento de zero	00	59

Confira a tabela completa em: http://php.net/manual/pt_BR/function.date.php

Leia mais:

Aprenda também a criar e usar Constantes em PHP;
Não tem o ambiente de desenvolvimento instalado? Instale o Apache, o PHP e o MySQL com o Wamp;
Não sabe nada de PHP? Comece com Introdução ao PHP;
Não conhece nem HTML? Comece com Introdução ao HTML;

Arrays em PHP

2010-09-21T14:27:00.000-07:00

Arrays, também conhecidos como vetores, são conjuntos de elementos formados por pares de chaves e valores, ou seja, para acessar o valor de um elemento devemos informar a chave relacionada.

O Array possui infinitas utilidades mas normalmente é usado para manipular grandes quantidades de informações, como leitura de informações de tabelas em Bancos de Dados por exemplo.

Para criar um Array em PHP, podemos utilizar a função array. Basta passar a lista de valores como parâmetros (separados por vírgulas) conforme no exemplo abaixo:

<?php
$frutas = array("Laranja", "Maça", "Melão", "Pêra", "Uva");
echo $frutas[1];
?>

Ao executarmos o programa acima, visualizamos apenas a palavra Maça.

Repare que, na linha 2, criamos uma variável com o nome $frutas e atribuímos a ela um valor do Tipo de Dados Array. Repare que passamos cinco valores à função array separados por aspas (pois são cinco Strings).

Como não informamos as chaves, o próprio Interpretador PHP define que o primeiro elemento possui a chave 0, o segundo a chave 1, o terceiro a chave 2, e assim por diante.

Para acessar um elemento do Array, basta colocar o nome da variável (no caso $frutas) e, entre colchetes, a chave.

Por isso, ao executarmos o programa acima, visualizamos a palavra Maça (chave 1) e não Laranja (chave 0) pois na terceira linha, acessamos o elemento de chave 1.

Podemos também criar Arrays sem utilizar utilizar a função array, basta colocar colchetes imediatamente após o nome da variável. O código abaixo tem o mesmo resultado do exemplo anterior:

<?php
$frutas[] = "Laranja";
$frutas[] = "Maça";
$frutas[] = "Melão";
$frutas[] = "Pêra";
$frutas[] = "Uva";

echo $frutas[1];
?>

Ao executar o código acima, também visualizamos a palavra Maça pois, como já foi dito, ele funciona igual ao exemplo anterior.

Repare que, como também não definimos as chaves, ele mais uma vez considera que o primeiro elemento possui a chave 0, o segundo possui a chave 1, e assim por diante.

Definindo as Chaves dos elementos do Array

Podemos definir nossas próprias chaves para acessar cada elemento de um array. Normalmente, as chaves são do Tipo Inteiro, mas você pode definir chaves do tipo String. Basta lembrar de colocar entre aspas.

Os Arrays que possuem chaves do Tipo String são chamados de Arrays Associativos pois a deixam o código mais intuitivo (com associação mais visível).

Veja o exemplo abaixo utilizando a função array:

<?php
$times = array(

"bot" => "Botafogo",
"fla" => "Flamengo",
"flu" => "Fluminense",
"vas" =>"Vasco da Gama"

);

echo $times["fla"];
?>

Ao executar o código acima, deve aparecer a palavra Flamengo.

Repare que, para cada elemento nós definimos uma chave e um valor separados por =>. É importante observar também que colocamos vírgulas para separar cada elemento (chave => valor).

O mesmo resultado poderia ser obtido sem utilizar a função array, conforme abaixo:

<?php
$times["bot"] = "Botafogo";
$times["fla"] = "Flamengo";
$times["flu"] = "Fluminense";
$times["vas"] = "Vasco da Gama";

echo $times["fla"];
?>

Ao executar o script acima, o retorno também é a palavra Flamengo.

Arrays Multidimensionais (Matrizes)

Em alguns momentos, precisamos colocar Arrays dentro de Arrays, ou seja, criamos um Array que contém um ou mais elementos com valor do Tipo Array. Chamamos esses de Arrays Bidimensionais (ou Matrizes).

Vejamos um exemplo simples utilizando a função array:

<?php
$times = array(

"mg" => array(

"atl" => "Atlético",
"cru" => "Cruzeiro"
),

"rj" => array(

"bot" => "Botafogo",
"fla" => "Flamengo",
"flu" => "Fluminense",
"vas" => "Vasco da Gama"
),

"rs" => array(

"gre" => "Grêmio",
"int" => "Internacional"
),

"sp" => array(

"cor" => "Corinthians",
"pal" => "Palmeiras",
"san" => "Santos",
"spa" => "São Paulo"
),

);

echo $times["rj"]["fla"];
?>

O retorno será novamente a palavra Flamengo.

Observe (na penúltima linha) que dessa forma precisamos informar as duas chave para acessar o valor, a chave do Array Externo e a chave do Array Interno.

O mesmo resultado seria obtido com o código abaixo:

<?php
$times["mg"]["atl"] = "Atlético";
$times["mg"]["cru"] = "Cruzeiro";
$times["rj"]["bot"] = "Botafogo";
$times["rj"]["fla"] = "Flamengo";
$times["rj"]["flu"] = "Fluminense";
$times["rj"]["vas"] = "Vasco da Gama";
$times["rs"]["gre"] = "Grêmio";
$times["rs"]["int"] = "Internacional";
$times["sp"]["cor"] = "Corinthians";
$times["sp"]["pal"] = "Palmeiras";
$times["sp"]["san"] = "Santos";
$times["sp"]["spa"] = "São Paulo";

echo $times["rj"]["fla"];

?>

Quantidade de Elementos no Array

É muito fácil descobrir a quantidade de elementos em um Array, basta utilizar a função count do PHP. Veja um exemplo:

<?php
$frutas = array("Laranja", "Maça", "Melão", "Pêra", "Uva");
$quantidade = count($frutas);
echo $quantidade;
?>

O código acima irá imprimir na tela o número 5, já que o Array possui cinco elementos.

Leia mais:

Aprenda agora a trabalhar com Data e Hora em PHP;
Não tem o ambiente de desenvolvimento instalado? Instale o Apache, o PHP e o MySQL com o Wamp;
Não sabe nada de PHP? Comece com Introdução ao PHP;
Não conhece nem HTML? Comece com Introdução ao HTML;

Operações Aritméticas com PHP

2010-09-20T07:06:00.000-07:00

Agora vamos aprender a utilizar os Operadores Aritméticos do PHP e veremos como realizar cálculos na linguagem.

Segue abaixo a lista de Operadores Aritméticos:

Operador	Nome
+	Adição
-	Subtração
*	Multiplicação
/	Divisão
%	Módulo (Resto da divisão)

Observando a tabela acima percebemos que os operadores de Adição (+) e Subtração (-) são os mesmo que usamos na matemática convencional. Já para realizar cálculos de Multiplicação e Divisão, utilizamos o Asterisco (*) e a Barra (/) respectivamente.

Sabendo disso, observe o código abaixo:

<?php
$anoNascimento = 1981;
$anoAtual = 2010;
$idade = $anoAtual - $anoNascimento;
echo "Hoje eu tenho " . $idade . " anos.";
?>

Ao executar o código acima, teremos o resultado "Hoje eu tenho 29 anos." já que o resultado da subtração 2010-1981 é igual a 29. Repare que, na penúltima linha, usamos o Operador de Concatenação ponto (.) para colocar o resultado da subtração (que é um inteiro) entre duas Strings.

Se quiséssemos efetuar o cálculo diretamente na declaração echo (sem criar a variável $idade), nós teríamos que colocar a operação entre parênteses conforme abaixo:

<?php
$anoNascimento = 1981;
$anoAtual = 2010;
echo "Hoje eu tenho " . ($anoAtual - $anoNascimento) . " anos.";
?>

Esse código, retornará o mesmo resultado do anterior.

Operador Módulo

Em PHP, existe também um operador chamado Módulo (%) que é usado para descobrir o resto de uma divisão. Normalmente usamos o Operador de Módulo para descobrir se um inteiro é par ou ímpar, já que se o resto da divisão por 2 (dois) for zero, o número é par. Caso contrário, é ímpar.

Confira o código abaixo:

<?php
$numerador = 29;
$denominador = 2;
$resto = $numerador % $denominador;
echo "O resto da divisão é " . $resto;
?>

Ao executar o código acima, o retorno será "O resto da divisão é 1".

Leia mais:

Conheça agora os Arrays em PHP;
Aprenda a trabalhar com Data e Hora em PHP;
Conheça Todas as Formas de Abrir e Fechar um Bloco de Script PHP;
Não tem o ambiente de desenvolvimento instalado? Instale o Apache, o PHP e o MySQL com o Wamp;
Não sabe nada de PHP? Comece com Introdução ao PHP;
Não conhece nem HTML? Comece com Introdução ao HTML;

Entenda para que serve a Tag

2010-09-14T09:07:00.000-07:00

Os Rótulos servem para informar pra que serve cada campo do Formulário HTML. Já imaginou um formulário com vinte campos e sem nenhum texto (rótulo)? Dificilmente alguém entenderia alguma coisa.

Para adicionar um Rótulo ao Formulário, eu recomendo o uso da Tag <label>.

Muitos Web Designers e Web Developers não utilizam a Tag <label> pois acham que ela não serve para nada. De fato, se você digitar o texto na página sem utilizar a Tag <label>, terá (a principio) o mesmo resultado.

Agora, se você utilizar a Tag <label> juntamente com o parâmetro for, poderá fazer um vínculo entre um rótulo e um campo do formulário de forma que, ao clicar no rótulo, você terá o mesmo resultado que se clicasse no campo vinculado.

Para que o parâmetro for da Tag <label> funcione corretamente, devemos também definir o parâmetro id do controle relacionado. Veja um exemplo:

<html>

<head>

<title>Newsletter</title>

</head>

<body>

<h1>Newsletter</h1>
<form action="efetuar-login.php" method="post">

<label for="email">Digite seu e-mail:</label>
<input type="text" name="email" id="email" />
<input type="submit" value="Enviar" />

</form>

</body>

</html>

Repare que, na Tag <label>, o valor do parâmetro for é igual ao valor do parâmetro id da Tag <input>.

Veja o resultado:

Lembre-se que quando você desenvolve uma Aplicação Web, você geralmente faz para que outras pessoas usem. Esse recurso é ideal para os internautas que não possuem muita habilidade com o mouse.

Leia mais:

Veja agora como Adicionar Áreas de Texto em Seus Formulários HTML;
Aprenda a Adicionar Botões de Rádio em seus Formulários HTML;
Quer ir mais longe? Leia Introdução ao PHP;
Não sabe nada de HTML? Comece com Introdução ao HTML;

Agrupe Controles de um Formulário HTML

2010-09-14T08:03:00.000-07:00

Para agrupar controles de um Formulário HTML, usamos as Tags <fieldset> e <legend>. A primeira, serve para fazer o agrupamento em si. Já Tag <legend>, serve para adicionar um título ao conjunto.

Observe o exemplo abaixo:

<html>

<head>

<title>Formulário de Login</title>

</head>

<body>

<h1>Formulário de Login</h1>
<form method="post" action="efetuar-login.php">

<fieldset>

<legend>Informe seu e-mail e senha</legend>
E-mail:<br />
<input type="text" name="email" />
<br /><br />
Senha:<br />
<input type="password" name="senha" />

</fieldset>

</form>

</body>

</html>

Veja o resultado:

Leia mais:

Entenda pra que serve a Tag <label>;
Veja agora como Adicionar Áreas de Texto em Seus Formulários HTML;
Aprenda a Adicionar Botões de Rádio em seus Formulários HTML;
Quer ir mais longe? Leia Introdução ao PHP;
Não sabe nada de HTML? Comece com Introdução ao HTML;

Adicione Áreas de Texto aos Formulários HTML

2010-09-14T07:44:00.000-07:00

Utilizamos o controle Área de Texto em Formulários HTML para permitir que o usuário digite textos com mais de uma linha.

É muito fácil criar uma Área de Texto. Para isso, utilizamos a Tag <textarea>. Além disso, podemos definir a largura e a altura da Caixa utilizando os parâmetros Cols e Rows respectivamente.

Veja um exemplo:

<html>

<head>

<title>Conte um pouco sobre você</title>

</head>

<body>

<h1>Conte um pouco sobre você:</h1>
<form method="post" action="cadastrar-dados.php">
<textarea cols="50" rows="6"></textarea>
<br /><br />
<input type="submit" value="Enviar" />
<input type="reset" value="Cancelar" />
</form>

</body>

</html>

Observe o resultado:

Leia mais:

Agrupe Controles de seus Formulários HTML;
Entenda pra que serve a Tag <label>;
Aprenda a Adicionar Botões de Rádio em seus Formulários HTML;
Quer ir mais longe? Leia Introdução ao PHP;
Não sabe nada de HTML? Comece com Introdução ao HTML;

Adicione Caixas de Seleção aos Formulários HTML

2010-09-14T07:29:00.000-07:00

Também conhecidas como Combo Boxes ou Menu Select, as Caixas de Seleção são controles usados para facilitar o preenchimento de Formulários HTML pois os internautas escolhem a opção desejada através de cliques (sem precisar digitar).

Para criar uma Caixa de Seleção, usamos a Tag <select>. Além disso, devemos usar uma Tag <option> para cada opção.

Para entender melhor, preparei um exemplo simples.Pintei a Tag <select> de azul e as Tags <option> de vermelho apenas para facilitar o aprendizado. Confira o código:

<html>

<head>

<title>Qual o seu Time do Coração?</title>

</head>

<body>

<h1>Qual o seu Time do Coração?</h1>
<form method="post" action="cadastrar-enquete.php">

<select name="time">

<option value="bota">Botafogo</option>
<option value="fla">Flamengo</option>
<option value="flu">Fluminense</option>
<option value="vasco">Vasco da Gama</option>

</select>

</form>

</body>

</html>

Observe o resultado:

Repare que dessa forma, a Caixa de Seleção é uma alternativa ao uso de Botões de Radio.

Criando uma Caixa de Seleção Múltipla

É possível também permitir que os internautas selecionem mais de uma opção. Para isso, devemos utilizar os parâmetros size e multiple na Tag <select>. O primeiro serve para aumentar a altura da Caixa de Seleção e o segundo, permite a seleção de duas ou mais opções pressionando as Teclas Shift ou Ctrl.

Veja um exemplo:

<html>

<head>

<title>Informe seu conhecimento em Informática</title>

</head>

<body>

<h1>Informe seu conhecimento em Informática</h1>
<form method="post" action="cadastrar-dados.php">

<option value="win">Windows</option>
<option value="woird">Word</option>
<option value="excel">Excel</option>
<option value="net">Internet</option>

</select>
<br /><br />

</form>

</body>

</html>

Observe o resultado:

Repare que dessa forma, a Caixa de Seleção é uma alternativa ao uso de Caixas de Verificação (Checkboxes).

Nota: Em breve publicarei um post que explica como o PHP recebe valores de Caixas de Seleção. Mais a frente, explicarei o mesmo em outras linguagens.

Dica: Se você quiser que uma ou mais opções da Caixa de Seleção já apareça marcada ao carregar a página, basta adicionar o atributo selected nas Tags <option> desejadas conforme abaixo:

<option value="fla" selected>Flamengo</option>

Leia mais:

Veja agora como Adicionar Áreas de Texto em Seus Formulários HTML;
Aprenda a Adicionar Botões de Rádio em seus Formulários HTML;
Agrupe Controles de seus Formulários HTML;
Entenda pra que serve a Tag <label>;
Quer ir mais longe? Leia Introdução ao PHP;
Não sabe nada de HTML? Comece com Introdução ao HTML;

Adicione Caixas Verificação (Checkboxes) aos Formulários HTML

2010-09-14T06:47:00.000-07:00

As Caixas de Verificação (também conhecidas como Checkboxes) são controles quadriculados que servem para que o usuário possa escolher mais de uma opção (Com Botões de Radio, podemos escolher apenas uma opção).

Para criar um Caixas de Verificação, também usamos a Tag <input>. No nosso caso, a Tag <input> deve ter seu atributo type preenchido com o valor checkbox e o parâmetro value deve ser definido obrigatoriamente já que os valores nele informado que serão enviados pelo formulário.

Vamos a um exemplo:

<html>

<head>

<title>Informe seu conhecimento em Informática</title>

</head>

<body>

<h1>Informe seu conhecimento em Informática</h1>
<form method="post" action="cadastrar-dados.php">

<input type="checkbox" name="info[]" value="win" />
Windows
<br />
<input type="checkbox" name="info[]" value="word" />
Word
<br />
<input type="checkbox" name="info[]" value="excel" />
Excel
<br />
<input type="checkbox" name="info[]" value="net" />
Internet
<br /><br />
<input type="submit" value="Enviar" />
<input type="reset" value="Cancelar" />

</form>

</body>

</html>

Repare que todas as Caixas de Verificação estão com o parâmetro name definidos como info[]. Isso quer dizer que eles fazem parte do mesmo grupo. Em breve mostrarei como o PHP e outras linguagens recebem os dados de uma Caixa de Verificação, aí você vai entender bem a necessidade de abrir e fechar colchetes ([]) no nome (name) dos checkboxes.

Já o parâmetro value serve para informar o que deve ser enviado ao servidor. Entenda que os rótulos não são enviados.

Observe o resultado:

Dica: Se você quiser que uma ou mais opções já apareça marcada ao carregar a página, basta adicionar o atributo checked nas Caixas de Verificação desejadas conforme abaixo:

Leia mais:

Veja agora como Adicionar Caixas de Seleção (Combo Boxes) em seus Formulários HTML;
Veja agora como Adicionar Botões de Rádio em seus Formulários HTML;
Adicione Áreas de Texto em Seus Formulários HTML;
Agrupe Controles de seus Formulários HTML;
Entenda pra que serve a Tag <label>;
Quer ir mais longe? Leia Introdução ao PHP;
Não sabe nada de HTML? Comece com Introdução ao HTML;

Adicione Botões de Radio aos Formulários HTML

2010-09-14T06:11:00.000-07:00

Os Botões de Radio são controles circulares que servem para que o usuário possa escolher apenas uma opção entre duas ou mais. Eles são normalmente usados em Enquetes e Provas de Múltipla Escolha Online, etc.

Para criar um Botão de Rádio, também usamos a Tag <input>. No nosso caso, a Tag <input> deve ter seu atributo type preenchido com o valor radio e o parâmetro value deve ser definido obrigatoriamente já que o valor nele informado que será enviado pelo formulário.

Vamos a um exemplo:

<html>

<head>

<title>Qual o seu Time do Coração?</title>

</head>

<body>

<h1>Qual o seu Time do Coração?</h1>
<form method="post" action="cadastrar-enquete.php">

<input type="radio" name="time" value="bota" />
Botafogo
<br />
<input type="radio" name="time" value="fla" />
Flamengo
<br />
<input type="radio" name="time" value="flu" />
Fluminense
<br />
<input type="radio" name="time" value="vasco" />
Vasco da Gama
<br /><br />
<input type="submit" value="Enviar" />
<input type="reset" value="Cancelar" />

</form>

</body>

</html>

Repare que todos os Botões de Rádio estão com o parâmetro name definidos como time. Isso quer dizer que eles fazem parte do mesmo grupo e, com isso, ao clicar em uma opção, a outra é desmarcada automaticamente.

Já o parâmetro value serve para informar o que deve ser enviado ao servidor. Entenda que os rótulos não são enviados.

Observe o resultado:

Nota: Em breve publicarei um post que explica como o PHP recebe valores de Botões de Radio. Mais a frente, explicarei o mesmo em outras linguagens.

Dica: Se você quiser que alguma das opções já apareça marcada ao carregar a página, basta adicionar o atributo checked no Botão de Rádio desejado conforme abaixo:

Leia mais:

Veja agora como Adicionar Caixas de Verificação (Checkboxes) em seus Formulários HTML;
Adicione Caixas de Seleção (Combo Boxes) em seus Formulários HTML;
Adicione Áreas de Texto em Seus Formulários HTML;
Agrupe Controles de seus Formulários HTML;
Entenda pra que serve a Tag <label>;
Quer ir mais longe? Leia Introdução ao PHP;
Não sabe nada de HTML? Comece com Introdução ao HTML;

Formulários HTML

2010-09-14T05:41:00.000-07:00

Formulários HTML são geralmente usados para facilitar a comunicação entre os internautas que acessam um determinado site e os administradores do mesmo.

Com formulários, é possível criar salas de bate-papo, livros de visita, enquetes, e muito mais.

Todo Formulário HTML é composto por controles que podem ser “Botões”, “Caixas de Textos”, “Caixas de Senha”, etc. São diversos tipos de controles que podem ser utilizados. A imagem abaixo mostra um exemplo de Formulário HTML e uma legenda que informa o nome de cada controle e a Tag usada para exibi-lo:

Nota 1: Existem ainda outros controles (menos utilizados) que explicarei em posts futuros aqui no blog.

Nota 2: Não se assuste com o número de opções. Apesar da quantidade de controles ser grande, eles são de fácil entendimento. Além disso, com tempo você irá escrever esses comandos naturalmente, sem precisar fazer consultas para relembrar.

A Tag de Formulário <form>

A Tag <form> serve para informar o início e o término de um formulário, ou seja, é necessário que todos os controles do formulário fiquem posicionados entre a abertura e o fechamento da Tag <form> para que os dados sejam enviados corretamente.

A estrutura é a seguinte:

<form>

Os controles devem ser adicionados aqui

</form>

A Tag <form> possui dois parâmetros importantes: action e method. O primeiro serve para informar o arquivo que irá processar as informações enviadas pelo formulário. Já o segundo serve para informar o método de envio de informações.

Para entender melhor esses parâmetros, observe a estrutura alterada:

Os controles devem ser adicionados aqui

</form>

Utilizamos o parâmetro action para informar que os dados do formulário devem ser processados pelo arquivo envia-formulario.php que esta localizado no mesmo diretório do arquivo do formulário. O arquivo normalmente possui extensão de alguma tecnologia que roda no Servidor Web como: “.php”, .”asp”, “.aspx”, “.jsp”, etc. Isso porque a Linguagem HTML não é capaz de processar esses dados. No post Aprenda a receber dados de Formulário com PHP, como o próprio título diz, explico como a Linguagem PHP recebe dados de um formulário. Depois, explicarei o mesmo em outras tecnologias.

Já no parâmetro method, informamos que as informações devem ser enviadas pelo método post, ou seja, pelo corpo do documento.

Poderíamos ter atribuído o valor get ao parâmetro method. Assim, os valores preenchidos nos campos do formulário seriam enviados pela Barra de Endereços do Navegador.

Devemos ter cuidado ao utilizar o método get pois as vezes não queremos que algumas informações sejam exibidas na Barra de Endereços (como senha por exemplo).

Caixa de Texto

A Tag <input> é uma Tag Vazia usada para criação de vários tipos de controle.

A Tag <input> normalmente vem acompanhada do parâmetro type que, como o próprio nome já diz, serve para informar o tipo de controle que desejamos criar. No nosso caso, como desejamos criar uma Caixa de Texto, o parâmetro type deve ser definido como text.

Além disso, devemos definir um nome para nossa Caixa de Texto utilizando o parâmetro name. Esse nome será usado pelo arquivo que irá receber e processar os dados do formulário.

Segue a estrutura:

Caixa de Senha

Agora fica fácil entender como criar uma Caixa de Senha, pois a estrutura é praticamente a mesma usada para criar uma Caixa de Texto. A única diferença é que o parâmetro type deve ser definido como password conforme abaixo:

Existem parâmetros da Tag <input> que funcionam apenas com determinados tipos de controle, ou seja, de acordo com o valor do parâmetro type. Conheça alguns parâmetros que podemos utilizar quando o valor do parâmetro type é igual a text ou password:

Parâmetro	Descrição	Exemplo
size	Define a largura da Caixa de Texto em número de caracteres	<input type="text" name="email" size="50" />
maxlength	Define o numero máximo de caracteres que a Caixa de Texto suporta	<input type="text" name="estado" maxlength="2" />
value	Define o valor padrão da caixa de texto	<input type="text" name="estado" value="RJ" />

Botões de Envio e Reset

O Botão de Envio serve para submeter os dados a um arquivo que será responsável pelo processamento. Esse arquivo deve ser definido no parâmetro action da Tag <form>.

Já o Botão de Reset serve para recarregar o formulário, fazendo com que ele fique com seu aspecto inicial (antes do preenchimento).

Para criar um Botão de Envio e um Botão de Reset também utilizamos a Tag <input>. No entanto, os valores dos parâmetros type devem ser definidos como submit e reset respectivamente.

Além disso, devemos definir o parâmetro value em ambos os botões para informar os textos que devem ser exibidos neles.

Veja uma amostra de código:

Para finalizar, vamos criar um Formulário de Login simples:

<html>

<head>

<title>Formulário de Login</title>

</head>

<body>

<h1>Formulário de Login</h1>
<form method="post" action="efetuar-login.php">

E-mail:<br />
<input type="text" name="email" />
<br /><br />
Senha:<br />
<input type="password" name="senha" />
<br /><br />
<input type="submit" value="Efetuar Login" />
<input type="reset" value="Cancelar" />

</form>

</body>

</html>

Observe o resultado:

Nota 3: Se quiser melhorar a organização dos controles do formulário, você pode colocar seus controles dentro de uma Tabela.

Leia mais:

Veja agora como Adicionar Botões de Radio em seus Formulários HTML;
Adicione Caixas de Verificação (Checkboxes) em seus Formulários HTML;
Adicione Caixas de Seleção (Combo Boxes) em seus Formulários HTML;
Adicione Áreas de Texto em Seus Formulários HTML;
Agrupe Controles de seus Formulários HTML;
Entenda pra que serve a Tag <label>;
Quer mais? Entenda Como o PHP recebe dados de um formulário;
Quer ir mais longe? Leia Introdução ao PHP;
Não sabe nada de HTML? Comece com Introdução ao HTML;

Criar Listas em HTML

2010-09-09T11:25:00.000-07:00

Além de Cabeçalhos e Parágrafos, um dos recursos mais utilizados da Linguagem HTML são as Listas. Com HTML é possível criar Listas Ordenadas e Listas Não Ordenadas.

Listas Ordenadas

Para criar uma Lista Ordenada, devemos utilizar a Tag <ol> (Ordered List). Além disso, cada elemento da lista deve estar entre a abertura e o fechamento da Tag <li>.

Para melhorar o entendimento, preparei um exemplo simples. Pintei a Tag <ol> de vermelho e as Tags <li> de azul apenas para facilitar a compreensão. Veja o código:

<html>

<head>

<title>Lista Ordenada</title>

</head>

<body>

<h1>Lista de Compras</h1>

<ol>

<li>3 latas de Óleo de Soja</li>
<li>20 KG de Arroz Branco</li>
<li>10 KG de Feijão Preto</li>

</ol>

</body>

</html>

Veja o resultado:

Conheça também alguns parâmetros da Tag <ol>:

Parâmetro	Descrição	Observações
start	Define o início da lista	Exemplo: <ol start="3"> (inicia com o número 3)
type	Define o estilo da lista	Valores possíveis: "1", "a", "A", "i" e "I"

Listas Não Ordenadas

Já para criar uma Lista Não Ordenada, utilizamos a Tag <ul> (Unordered List). Cada um dos elementos de uma Lista Não Ordenada também deve estar entre a abertura e o fechamento da Tag <li>. Veja um exemplo:

<html>

<head>

<title>Lista Não Ordenada</title>

</head>

<body>

<h1>Lista de Compras</h1>

<ul>

<li>3 latas de Óleo de Soja</li>
<li>20 KG de Arroz Branco</li>
<li>10 KG de Feijão Preto</li>

</ul>

</body>

</html>

Observe o resultado:

Conheça também o principal parâmetro da Tag <ul>:

Parâmetro	Descrição	Observações
type	Define o estilo da lista	Valores possíveis: "disc", "square" e "circle"

Leia mais:

Aprenda agora a Criar Formulários HTML;
Aprenda a Exibir Imagens em Páginas HTML;
Veja como Inserir Links em Páginas HTML;
Entenda como Criar Tabelas em Páginas HTML;
Use as Cores RGB e tenha mais de 16 milhões de opções;

Formatar Fontes em HTML

2010-09-08T15:17:00.000-07:00

Para Formatar Fontes em HTML podemos usar a Tag <font>. Essa Tag normalmente vem acompanhada dos parâmetros face, size e color. Eles servem para alterar a fonte, o tamanho e a cor respectivamente.

Então, para alterar a fonte, poderiamos utilizar um código conforme abaixo:

<font face="Comic Sans MS">Denecir da Silva Pereira</font>

Nota 1: No post Parâmetros da Tags HTML, expliquei que sempre o valor de um parâmetro tiver espaço, ele deve obrigatoriamente estar entre aspas. O código acima é um exemplo.

Nota 2: Muitos Web Designers inexperientes tem problemas com fontes na hora de colocar um site no ar. Isso porque, para que um outro internauta possa visualizar as páginas Online conforme você vê na sua máquina, é necessário que as fontes utilizadas estejam instaladas também na máquina dele. Para que você não tenha problemas com isso, existem duas soluções:

Você pode gerar imagens contendo os textos que você quer formatados com as fontes que você deseja e depois, basta exibir as imagens (que contém os textos) utilizando a Tag <img>. Não recomendo a utilização desse método pois, além de deixar o carregamento das páginas mais lento, fará com que o site perca posições em buscadores como Google, Yahoo, Bing, etc. Explicarei melhor sobre melhorar a posição de sites nos buscadores quando falar sobre SEO (Search Engine Optimization);
A outra forma (sugiro que usem essa) é passar a utilizar fontes padrões como Verdana, Arial, Times New Roman, etc. pois essas estão instaladas em praticamente todos os computadores;

Já para alterar o tamanho de um texto, faríamos assim:

<font size="7">Denecir da Silva Pereira</font>

Nota 3: O valor do parâmetro size pode variar de 1 até 7. Quanto maior o número, maior o tamanho da fonte.

Agora, para alterar a cor da fonte, podemos usar tanto nomes de cores em inglês, quanto números hexadecimais. Veja um exemplo:

<font color="#00FF00">Denecir da Silva Pereira</font>

O código acima, deixará o texto com a cor verde.

Vamos finalizar o post com um exemplo prático. Digite o código abaixo em um Editor de Textos (por exemplo o Bloco de Notas):

<html>

<head>

<title>Formatação de Fontes</title>

</head>

<body>

<font face="Comic Sans MS" size="7" color="#00FF00">Denecir da Silva Pereira</font>

</body>

</html>

Salve o texto no seu computador com o nome formatacao-fontes.html e dê um clique duplo no arquivo para abri-lo. Compare o resultado:

Nota 4: A Tag <font> é depreciada pois podemos fazer isso e muito mais utilizando CSS. Explicarei como utilizar Folhas de Estilo CSS em posts futuros.

Leia mais:

Aprenda a Criar Listas Ordenadas e Listas Não Ordenadas com HTML;
Veja Também como Criar Formulários HTML;
Aprenda a Exibir Imagens em Páginas HTML;
Veja como Inserir Links em Páginas HTML;
Entenda como Criar Tabelas em Páginas HTML;
Use as Cores RGB e tenha mais de 16 milhões de opções;

Mesclar Células em uma Tabela HTML

2010-09-08T13:13:00.000-07:00

Em uma Tabela HTML, podemos mesclar (unir) células na horizontal e na vertical.

Mesclando Células na Horizontal

Para mesclar células na horizontal (em uma mesma linha), basta usarmos um parâmetro da Tag <td> chamado colspan. Veja um exemplo:

<html>

<head>

<title>Mesclando Células na Horizontal</title>

</head>

<body>

<tr>

<td colspan="3">Tabela de Produtos</td>

</tr>
<tr>

<td>Categoria</td>
<td>Produto</td>
<td>Preço</td>

</tr>
<tr>

<td>Multimídia</td>
<td>Headphone</td>
<td>6</td>

</tr>
<tr>

<td>Multimídia</td>
<td>WebCam</td>
<td>13</td>

</tr>
<tr>

<td>Multimídia</td>
<td>Placa de Vídeo 512 MB</td>
<td>85</td>

</tr>

</table>

</body>

</html>

Aqui, criamos uma tabela contendo 5 linhas e 3 colunas. No entanto, perceba que a primeira linha (primeiro <tr>), contém apenas uma célula (um <td>). Repare também que nesse <td>, definimos o parâmetro colspan com o valor "3". Com isso, informamos que a célula deve ser mesclada com as próximas duas células da mesma linha (célula atual + duas próximas células = 3).

Vejamos o resultado:

Mesclando Células na Vertical

Para mesclar células na vertical (em uma mesma coluna), basta usarmos um parâmetro da Tag <td> chamado rowspan. Veja um exemplo:

<html>

<head>

<title>Mesclando Células na Vertical</title>

</head>

<body>

<h1>Tabela de Produtos</h1>
<table border="1">

<tr>

<td>Categoria</td>
<td>Produto</td>
<td>Preço</td>

</tr>
<tr>

<td rowspan="3">Multimídia</td>
<td>Headphone</td>
<td>6</td>

</tr>
<tr>

<td>WebCam</td>
<td>13</td>

</tr>
<tr>

<td>Placa de Vídeo 512 MB</td>
<td>85</td>

</tr>

</table>

</body>

</html>

No código acima,criamos uma tabela com três colunas e quatro linhas. Perceba que na primeira célula da segunda linha (primeiro <td> do segundo <tr>), definimos o parâmetro rowspan com o valor "3". Com isso, informamos que essa célula será mesclada com a primeira célula das próximas duas linhas (Célula atual + Duas células = 3).

Repare também que temos apenas dois tds em cada uma das linha seguintes.

Vejamos o resultado:

Leia mais:

Não sabe criar uma tabela? Leia o post: Criação de Tabelas em HTML;
Veja também como Criar Formulários HTML;
Aprenda a Criar Listas Ordenadas e Listas Não Ordenadas com HTML;
Veja como é fácil Inserir Links em Páginas HTML;
Aprenda a Exibir Imagens em Páginas HTML;
Adicione Links de Imagem em suas Páginas HTML;
Use as Cores RGB e tenha mais de 16 milhões de opções;
Leia Introdução ao PHP e comece a criar páginas dinâmicas;

Concatenar Variáveis em PHP

2010-09-08T08:37:00.000-07:00

Podemos Concatenar (Juntar) Variáveis em PHP usando o operador de concatenação ponto (.). Veja um exemplo simples:

<?php
$nome = "Denecir";
$sobrenome = " da Silva Pereira";
$nomeCompleto = $nome.$sobrenome;
echo $nomeCompleto;
?>

Repare que na quarta linha criamos uma variável chamada $nomeCompleto e atribuímos a ela os valores das variáveis criadas nas linhas anteriores ($nome e $sobrenome). Para isso, colocamos um ponto (.) separando os nomes das variáveis.

Observe também que ao atribuir o valor da variável $sobrenome (Linha 3), colocamos um espaço logo após a abertura das aspas.

O mesmo resultado seria obtido se eu escrevesse o código da seguinte forma:

<?php
$nome = "Denecir";
$sobrenome = "da Silva Pereira";
$nomeCompleto = $nome." ".$sobrenome;
echo $nomeCompleto;
?>

Neste caso, não dei espaço antes do meu sobrenome no valor da variável na terceira linha. Outro detalhe é que, na linha quatro, coloquei um ponto depois do nome da variável $nome, um espaço (entre aspas) e mais um ponto para concatenar tudo com a variável $sobrenome;

Existe ainda uma terceira forma de obter o mesmo resultado. Veja o código:

<?php
$nomeCompleto = "Denecir ";
$nomeCompleto .= "da Silva ";
$nomeCompleto .= "Pereira";
echo $nomeCompleto;
?>

Agora, adicionamos um ponto (.) antes do sinal de igual (=) a partir da terceira linha, ou seja, na segunda linha nós definimos a variável $nomeCompleto e na terceira e na quarta linha nós adicionamos conteúdo ao valor desta mesma variável, por isso usamos ".=";

Qualquer um dos códigos acima retornará o mesmo resultado. Veja abaixo:

Nota: Podemos concatenar variáveis de outros Tipos de Dados (Integer, Float, Boolean) e não só String.

Leia mais:

Saiba agora como realizar Operações Aritméticas com PHP;
Não sabe o que são Tipos de Dados? Leia o post: Tipos de Dados em PHP;
Não sabe o que são variáveis? Leia o post: Variáveis em PHP;
Não tem o Ambiente de Desenvolvimento instalado no seu computador? Veja como Instalar o PHP, o Apache e o MySQL no Windows com apenas alguns cliques;
Não sabe nada de PHP? Comece com: Introdução ao PHP;

Seja um Programador e Trabalhe em Casa

2010-09-06T10:04:00.000-07:00

Muita gente diz: "Você é louco por ser programador! É muito difícil!". Gente, fácil não é. Exige muita concentração e disciplina. Tem que gostar.

Mas assistam o vídeo de uma reportagem do Globo Reporter e vejam como vale a pena ser programador:

Leia mais:

Quer ser um Programador Web? Comece com Introdução ao HTML;
Já sabe HTML? Então comece com Introdução ao PHP;

Tipos de Dados em PHP

2010-09-06T08:37:00.000-07:00

Os Tipos de Dados são importantes para definir quais operações podem ser realizadas com uma determinada variável.

Em PHP, a mesma variável pode receber valores de Tipos de Dados diferentes durante a execução de um script. Por isso, não precisamos informar o tipo na hora de criar uma variável.

Os Tipos de Dados que uma variável PHP suporta são: String, Integer, Float, Boolean, Array, Object, Resource e Null.

Tipo de Dados String

Suporta letras, números, hífen, underscore, enfim: qualquer tipo de caracter. Normalmente armazenam textos curtos ou longos.

O valor de uma variável do Tipo de Dados String deve ser atribuído entre Aspas Simples (') ou Aspas Duplas ("). Exemplo:

<?php
$nome = "Denecir";
$sobrenome = ' Pereira';
echo $nome;
echo $sobrenome;
?>

Repare na segunda linha que atribui o valor da variável $nome com Aspas Duplas e na linha três o valor de $sobrenome com Aspas Simples. Veja o resultado:

Outro detalhe importante é que as vezes o valor da variável pode conter Aspas Simples. Por exemplo, se tentássemos executar o código abaixo, receberíamos uma mensagem de erro:

<?php
$frase = 'Gota D'água';
?>

O erro ocorrerá pois o Interpretador do PHP pensará que fechamos Aspas Simples duas vezes.

Existem duas formas de resolver essa situação. A primeira seria atribuir o valor da variável entre Aspas Duplas conforme abaixo:

<?php
$frase = "Gota D'água";
?>

A segunda forma de solucionar esse caso seria utilizando contra-barra (\) imediatamente antes da segunda Aspas Simples.

O código abaixo funcionaria perfeitamente:

<?php
$frase = 'Gota D\'água';
echo $frase;
?>

Ao executar o código acima, o texto é exibido sem o contra-barra (Também conhecido como Caracter de Scape). Veja o resultado abaixo:

Nota 1: Se em algum momento você quiser que o Caracter de Scape (contra-barra) seja exibido, basta digitar duas vezes seguidamente (\\).

Outra detalhe importante é que quando utilizamos o nome de uma variável entre Aspas Simples e Aspas Dupla, temos retornos diferentes. Para entender, observe o código:

<?php
$nomeDoMeio = "da Silva";
echo "Denecir $nomeDoMeio Pereira";
echo "<br />";
echo 'Denecir $nomeDoMeio Pereira';
?>

Antes de ver o resultado, entenda o código: Na segunda linha, criei uma variável chamada $nomeDoMeio. Na terceira linha, tentei exibir um texto utilizando Aspas Duplas contendo o valor da variável criada. Na penúltima linha fiz o mesmo, no entanto, utilizei Aspas Simples.

Agora sim, veja o resultado:

Repare que na segunda exibição do nome, o nome da variável é exibido (pois usamos Aspas Simples).

Tipo de Dados Integer

Integers são números inteiros. Eles podem ser precedidos do sinal de menos (-) para informar que o número é negativo. Caso isso não ocorra, ou seja, se não houver sinal, considera-se que o número é positivo.

Normalmente as variáveis com valor do tipo Integer são usadas para realização de cálculos.

Veja um exemplo de utilização:

<?php
$anoDeNascimento = 1981;
$anoAtual = 2010;
$idade = $anoAtual - $anoDeNascimento;
echo "Sou careca mas tenho apenas $idade anos de idade.";
?>

Perceba que nas linhas 2 e 3 criei duas variáveis com os nomes $anoDeNascimento e $anoAtual respectivamente. Atribui valores inteiros (sem aspas) que representam o ano do meu nascimento e o ano em que escrevi este post.

Depois, na linha quatro, fiz um cálculo de subtração simples entre as variáveis.

Na linha 5, utilizei a declaração echo para exibir uma frase contendo o valor do cálculo (Repare que usei Aspas Duplas). Vejamos o resultado:

Nota 2: No post Operações Aritméticas com PHP, explico melhor como utilizar operadores para realizar cálculo com PHP.

Tipo de Dados Float

Também conhecido como Ponto Flutuante, o Tipo de Dados Float é um número quebrado, ou seja, que contém casas decimais.

É importante deixar claro que o PHP usa o formato de numeração Americano. Isso quer dizer que ele usa o ponto como separador de casas decimais (No Brasil, usamos a vírgula).

Segue um exemplo:

<?php
$massaIdeal = 69.3;
$massaAtual = 73.5;
$excesso = $massaAtual - $massaIdeal;
echo "Para ter o peso ideal, preciso perder $excesso Kg.";
?>

Perceba que usamos o ponto para separar as casas decimais nas linhas 2 e 3. Observe o resultado:

Tipo de Dados Boolean

Trata-se de um Tipo de Dados que recebe apenas dois valores: TRUE (Verdadeiro) e FALSE (Falso).

Normalmente usamos variáveis com esse tipo de dados juntamente com a declaração IF (Se) para fazer o controle de fluxo, ou seja, se o valor da variável for verdadeiro, faz alguma coisa.

Confira um exemplo simples:

<?php
$maiorDeIdade = true;
if($maiorDeIdade) echo "O indivíduo tem mais que 18 anos.";
?>

Veja o resultado:

Nota 3: Se você não entendeu o uso da declaração if, não se preocupe. Explicarei detalhadamente em um post futuro.

Se atribuirmos o valor false à variável $maiorDeIdade e executarmos o script, veremos uma tela em branco (Pois a condição para o texto ser exibido não foi satisfeita).

Os outros tipos de dados serão explicados em posts futuros.

Leia mais:

Aprenda agora como Concatenar Valores de Variáveis;
Não sabe o que são variáveis? Leia o post: Variáveis em PHP;
Não tem o Ambiente de Desenvolvimento instalado no seu computador? Veja como Instalar o PHP, o Apache e o MySQL no Windows com apenas alguns cliques;
Não sabe nada de PHP? Comece com: Introdução ao PHP;
Não conhece nem HTML? Comece com: Introdução ao HTML;

Variáveis em PHP

2010-09-03T10:02:00.000-07:00

Variáveis são usadas para guardar informações que podem ser usadas mais de uma vez no mesmo script. As variáveis podem conter textos, números, arrays, etc. Os tipos de informação que uma Variável PHP suporta serão explicados em um post futuro.

Para declarar uma variável em PHP, utilizamos o sinal de cifrão ($) seguido do nome da variável. Depois, colocamos o sinal de igual e o valor da variável. por fim, finalizamos com ponto-e-vírgula.

Nota 1: Caso o valor da variável seja um texto, ele deverá estar entre aspas.

Observe o exemplo abaixo:

<?php
$autor = "Denecir Pereira";
?>

Para usar uma variável, é muito simples. Entenda observando o exemplo abaixo:

<?php
$autor = "Denecir Pereira";
echo $autor;
?>

O Script acima irá exibir o meu nome.

Nota 2: Repare que para exibir o valor da variável não precisamos usar aspas.

Nota 3: O PHP diferencia letras maiúsculas e minúsculas nos nomes das variáveis. Dizemos que os nomes das variáveis são "Case Sensitive". Isso quer dizer que você não pode criar uma variável com o nome $nomeAutor e deplois usar como $nomeautor ou $NOMEAUTOR.

Nota 4: O nome de uma variável não pode conter espaços, hífens e caracteres especiais. Além disso, o nome de uma variável não pode começar com um número (após o cifrão). Resumindo, o nome da variável pode conter apenas letras, números (sem iniciar) e underscore (_).

Leia mais:

Conheça agora os Tipo de Dados em PHP;
Aprenda também a criar e usar Constantes em PHP;
Não tem o Ambiente de Desenvolvimento instalado no seu computador? Veja como Instalar o PHP, o Apache e o MySQL no Windows com apenas alguns cliques;
Não sabe nada de PHP? Comece com: Introdução ao PHP;
Não conhece nem HTML? Comece com: Introdução ao HTML;

Conheça todas as formas de Abrir e Fechar Blocos de Código PHP

2010-09-02T17:15:00.000-07:00

Conforme vimos no post anterior (Sintaxe do PHP), todos os Blocos de Script PHP devem estar posicionados entre <?php e ?>.

Nesse post, vamos aprender outras maneiras de abrir e fechar um Bloco PHP. No entanto, para conseguir isso, é necessário ajustar o arquivo de configurações do PHP (o arquivo php.ini).

Como acessar o php.ini?

Quando instalamos o php separadamente no Windows (sem o Wamp), normalmente o arquivo está na pasta windows dentro de c: (c:\windows\php.ini).

No meu caso, como estou usando o Wamp, o arquivo php.ini da minha máquina esta localizado em C:\wamp\bin\apache\apache2.2.6\bin\php.ini.

Outra forma de acessar o php.ini é diretamente através do Wamp. Basta clicar no Ícone do Wamp na Área de Notificação do Windows (ao lado do relógio), aponte para PHP e, por fim, clique em php.ini conforme abaixo:

Nota 1: Tenha muito cuidado ao alterar o php.ini, alguns erros podem fazer com que os Arquivos PHP não funcionem corretamente ou parem de funcionar.

Nota 2: As linhas do php.ini que iniciam com ponto-e-vírgula (;) são Linhas de Comentário, ou seja, ao alterar ou remover essas linhas, nada mudará.

Com o php.ini aberto, pressione Ctrl + F e localize a linha que inicia com short_open_tag (sem ponto-e-vírgula antes). Ela deve estar assim:

short_open_tag = Off

Substitua por:

short_open_tag = On

Salve as alterações no arquivo Clicando em Arquivo e depois em Salvar (Ou Ctrl + S).

Para testar as alterações, reinicie os Serviços do Wamp clicando em seu Ícone na Área de Notificação e depois em Restart All Services:

Com isso, agora podemos abrir Blocos PHP conforme abaixo:

<?
echo "Repare que agora não precisamos colocar o nome da linguagem na abertura";
?>

Outra vantagem é que, com essa configuração, também podemos abrir o php assim:

<?="Essa forma é ideal para textos curtos"?>

É possível até configurar o php.ini para permitir a abertura de Blocos PHP assim <% e o fechamento assim %>. Igual em ASP (Linguagem concorrente do PHP).

Para isso, abra novamente o php.ini e procure pela linha:

asp_tags = Off

E altere para:

asp_tags = On

Salve o arquivo e Reinicie os Serviços. Se quiser testar, pode usar o Script abaixo:

<%
echo "Repare que para abrir e fechar, usei % e não ?";
%>

Ná prática, aconselho que você use a abertura e o fechamento padrões da linguagem, ou seja, inicie os Blocos PHP com <?php e termine com ?>.

Imagine fazer um site inteiro com vários arquivos, depois que tudo está funcionando direitinho na sua máquina, você faz upload e, na hora de testar online, percebe que o Servidor de Hospedagem não dá suporte às aberturas e fechamento do PHP que você usou.

É importante comentar que a maioria dos Serviços de Hospedagem de sites não te dão acesso ao php.ini.

Leia mais:

Aprenda agora a Criar Variáveis e usá-las em PHP;
Não tem o Ambiente de Desenvolvimento instalado no seu computador? Veja como Instalar o PHP, o Apache e o MySQL no Windows com apenas alguns cliques;
Não sabe nada de PHP? Comece com: Introdução ao PHP;
Não conhece nem HTML? Comece com: Introdução ao HTML;

Sintaxe do PHP

2010-09-02T14:01:00.000-07:00

Geralmente, um Arquivo PHP contém Tags HTML e comandos da Linguagem PHP. Um Bloco de Script PHP normalmente inicia com <?php e termina com ?>.

Além disso, ao escrever um Bloco PHP, devemos nos preocupar com os seguintes detalhes:

Cada linha de código dentro de um Bloco PHP deve ser finalizada com ponto-e-vírgula (;);
Para exibir um texto com PHP, devemos utilizar a declaração echo. Basta escrever o nome da declaração (echo), um espaço e o texto entre aspas. Exemplo: echo “texto”;

Veja no exemplo abaixo um código de fácil entendimento:

<html>

<head>

<title>Código Simples</title>

</head>

<body>

<?php
echo "Exemplo de Código PHP Simples";
?>

</body>

</html>

Digite o código acima em um Editor de Textos (Exemplo: Bloco de Notas). Salve o arquivo dentro do seu Document Root (no meu caso c:\wamp\www) com o nome codigo-simples.php (sem acento).

Depois, abra o navegador e acesse o endereço: http://localhost/codigo-simples.php e observe o resultado:

Nota 1: Lembre-se que o arquivo deve ser salvo com a extensão “.php”;

Nota 2: Um Arquivo PHP pode conter vários Blocos de Script;

Nota 3: Os Blocos de Script PHP podem estar posicionados em qualquer lugar do documento;

Nota 4: Para exibir um texto com PHP, podemos também utilizar a declaração print (ao invés de echo). O resultado é o mesmo. Exemplo: print “texto”;

Nota 5: Você também pode criar diretórios para organizar os Arquivos PHP que você cria. Por exemplo, você poderia criar uma pasta chamada estudos e dentro dela salvar os arquivos que você cria quando está estudando aqui no Blog. Nesse caso, para acessar o programa criado no exemplo anterior bastaria acessar: http://localhost/estudos/codigo-simples.php.

Leia mais:

Conheça todas as Formas de Abrir e Fechar Blocos PHP;
Veja também como Criar Variáveis e usá-las em PHP;
Não tem o Ambiente de Desenvolvimento instalado no seu computador? Veja como Instalar o PHP, o Apache e o MySQL no Windows com apenas alguns cliques;
Não sabe nada de PHP? Comece com: Introdução ao PHP;
Não conhece nem HTML? Comece com: Introdução ao HTML;

Instalando PHP, Apache e o MySQL no Windows com o Wamp

2010-09-02T10:04:00.000-07:00

Conforme dito no Post anterior (Introdução ao PHP), para conseguir executar um Script PHP, não é só dar um clique duplo no arquivo (como fazemos com Arquivos HTML). Nós precisamos instalar um Servidor Web e o Interpretador da Linguagem.

Agora, você vai aprender a instalar o Wamp (que significa Windows, Apache, MySQL, PHP), ou seja, ele é um pacote que contém todas as ferramentas necessárias para executar arquivos com a extensão ".php" na sua máquina (local). Criaremos também um simples programa em PHP.

Nota 1: Você poderia instalar separadamente cada um desses programas. No entanto, pra que sofrer?

Nota 2: Para escrever esse post, efetuei a instalação do WampServer no Windows XP Professional Service Pack 3.

Passos para Instalação do Wamp

Antes, é necessário Baixar o WampServer.

Quando o Download estiver concluído, dê um clique duplo no ícone do Instalador do Wamp:

O Windows deve exibir um Aviso de Segurança perguntando se você tem certeza que deseja instalar o WampServer. Clique em Executar.

Em seguida, você iniciará o Assistente de Instalação do WampServer. Clique em Next:

Depois, você terá acesso à licença do programa. Marque a opção I accept the agreement e clique em Next:

Mais adiante, você poderá definir o Local de Instalação. O assistente sugere a pasta C:\wamp (que será criada). Não altere nada e clique em Next:

Mais a frente, você terá opções adicionais.Não é necessário marcar nenhuma dessas opções. Clique em Next:

Agora, o assistente mostrará um janela para que você confirme a instalação. Clique em Next e o processo de Instalação do Wamp será iniciado:

Após finalizar o processo de instalação, o Assistente irá pedir para você informar qual o seu Navegador Padrão e irá sugerir o Internet Explorer (explorer.exe). Clique em Abrir:

A instalação está quase terminando. Agora o assistente pede para você informar os Parâmetros para envio de e-mail com PHP. Digite seu e-mail no campo E-mail e clique no botão Next:

Finalmente, o assistente mostra o último passo da Instalação do Wamp. Deixe marcada a opção Launch WampServer 2 now e clique em Finish:

Pronto! O Wamp será iniciado e seu ícone será exibido na Área de Notificação do Windows (Próximo ao Relógio).

Criando o Primeiro Programa com PHP

Agora que nós instalamos o Wamp em nosso computador, vamos criar nosso primeiro programa na Linguagem PHP. Para isso, abra um Editor de Textos (Bloco de Notas por exemplo) e digite o código exatamente conforme abaixo:

<?php
echo "<p>Esse é o primeiro programa que escrevo em PHP.</p>";
?>

Salve o arquivo na pasta www (c:\wamp\www) com o nome primeiro.php.

Nota 3: Caso tenha alterado o local da instalação durante a execução do assistente, o endereço onde devemos salvar nossos Arquivos PHP (conhecido como Document Root) será diferente.

Nota 4: O arquivo deve ser salvo com a extensão ".php".Se você salvar como ".html", o código PHP não será executado;

Nota 5: Não se preocupe se você não entender o código. No post Sintaxe do PHP eu explico.

Pra finalizar, abra o Internet Explorer (ou outro navegador de sua preferência), digite na Barra de endereços http://localhost/primeiro.php e pressione a tecla Enter. Deverá ser exibida uma página conforme abaixo:

Nota 6: Toda vez que você quiser testar Scripts PHP, certifique-se que o Wamp foi iniciado. Caso seu ícone não esteja na Área de Notificação, inicie o Wamp clicando no botão Iniciar, aponte para Todos os Programas, aponte para WampServer e clique em start WampServer para iniciar o Wamp.

Dica: Clique com o Botão Direito em uma área vazia da página e depois com o Botão Esquerdo em Exibir Código-Fonte. Repare que os comandos PHP não são exibidos (apenas HTML).

Leia mais:

Conheça a Sintaxe do PHP;
Não sabe nada de PHP? Comece com Introdução ao PHP;
Não conhece nem HTML? Comece com Introdução ao HTML;

Introdução ao PHP

2010-09-01T17:41:00.000-07:00

PHP é uma Linguagem de Programação usada para criar Aplicações Web Dinâmicas. O nome vem de um acrônimo recursivo: PHP: Hypertext Processor (Processador de Hipertextos).

Com PHP é possível desenvolver Fóruns de Discussões, Salas de Bate-Papo, Livros de Visita, e muito mais.

Qual o pré-requisito para aprender PHP?

É necessário um conhecimento básico da Linguagem HTML. Se você não preenche esse pré-requisito, sugiro que comece lendo o post: Introdução ao HTML.

Por que o PHP?

PHP roda em diferentes plataformas: Windows, Linux, Unix, etc;
PHP é gratuito para baixar e usar;
PHP é a linguagem de programação web mais popular do mundo;
PHP é muito fácil.

O que é necessário para programar em PHP?

Para rodar Scripts PHP em seu computador (Local), é necessário:

Instalar um Servidor Web (Apache ou IIS);
Instalar o PHP;
Instalar um Banco de Dados; (Opcional)

No próximo post explico passo a passo como instalar esses itens no Windows com apenas alguns cliques.

Outra possibilidade é você contratar um Serviço de Hospedagem (Ex: Locaweb, HostNet, KingHost, etc.). A maioria dessas empresas oferece suporte à Linguagem PHP. Assim, você paga em torno de trinta reais por mês.

Particularmente, eu não sou nada a favor, pois na prática, não é nem um pouco produtivo você programar e ter que toda hora jogar os arquivos no servidor (fazer upload) para poder testar. Acho que só devemos contratar esses serviços quando formos realmente colocar um site no ar.

Além disso, acho muito anti-profissional você fazer alterações em sites que já estão no ar. Qualquer erro, e os internautas que estiverem acessando a aplicação na hora vão ver. O certo é você ter a certeza que está funcionando e só depois fazer o upload.

Por que eu preciso de um Servidor Web?

Os programas escritos em PHP são executados no Servidor Web. Lá, os comandos são processados e o resultado enviado para o navegador. O resultado é composto pelos textos da página e as Tags HTML (Em alguns casos, também códigos CSS e JavaScript).

Por esse motivo, ao tentar acessar o Código Fonte de uma página escrita em PHP, não vemos nenhum Código PHP (apenas HTML). Pode parecer que isso não serve pra nada, mas é importante salientar que em alguns momentos precisamos colocar informações confidenciais dentro do Código PHP (Exemplo: Senha de Banco de Dados). O mesmo ocorre com linguagens concorrentes como ASP.

Resumindo, observe a imagem abaixo:

Nota: Não se preocupe com o Código PHP escrito na imagem acima. Apesar de ser de fácil entendimento, esses e vários outros comandos da Linguagem serão explicados em post futuros.

Leia mais:

Aprenda agora como Instalar o PHP, o Apache e o MySQL com apenas alguns clique usando o Wamp;
Já tem tudo instalado? Então conheça a Sintaxe do PHP;

Tabela de Cores RGB

2010-08-30T12:55:00.000-07:00

Como várias pessoas me perguntam " Qual é o hexadecimal que representa a cor X?", resolvi fazer uma lista com diversas cores possíveis que podemos usar no sistema de numeração hexadecimal.

Vale lembrar que são mais de 16 milhões de cores possíveis.

Seguem quinhentas:

#FFFAFA	#F8F8FF	#F5F5F5	#DCDCDC	#FFFAF0
#FDF5E6	#FAF0E6	#FAEBD7	#FFEFD5	#FFEBCD
#FFE4C4	#FFDAB9	#FFDEAD	#FFE4B5	#FFF8DC
#FFFFF0	#FFFACD	#FFF5EE	#F0FFF0	#F5FFFA
#F0FFFF	#F0F8FF	#E6E6FA	#FFF0F5	#FFE4E1
#2F4F4F	#696969	#708090	#778899	#BEBEBE
#D3D3D3	#191970	#000080	#6495ED	#483D8B
#6A5ACD	#7B68EE	#8470FF	#0000CD	#4169E1
#0000FF	#1E90FF	#00BFFF	#87CEEB	#87CEFA
#4682B4	#B0C4DE	#ADD8E6	#B0E0E6	#AFEEEE
#00CED1	#48D1CC	#40E0D0	#00FFFF	#E0FFFF
#5F9EA0	#66CDAA	#7FFFD4	#006400	#556B2F
#8FBC8F	#2E8B57	#3CB371	#20B2AA	#98FB98
#00FF7F	#7CFC00	#00FF00	#7FFF00	#00FA9A
#ADFF2F	#32CD32	#9ACD32	#228B22	#6B8E23
#BDB76B	#F0E68C	#EEE8AA	#FAFAD2	#FFFFE0
#FFFF00	#FFD700	#EEDD82	#DAA520	#B8860B
#BC8F8F	#CD5C5C	#8B4513	#A0522D	#CD853F
#DEB887	#F5F5DC	#F5DEB3	#F4A460	#D2B48C
#D2691E	#B22222	#A52A2A	#E9967A	#FA8072
#FFA07A	#FFA500	#FF8C00	#FF7F50	#F08080
#FF6347	#FF4500	#FF0000	#FF69B4	#FF1493
#FFC0CB	#FFB6C1	#DB7093	#B03060	#C71585
#D02090	#FF00FF	#EE82EE	#DDA0DD	#DA70D6
#BA55D3	#9932CC	#9400D3	#8A2BE2	#A020F0
#9370DB	#D8BFD8	#EEE9E9	#CDC9C9	#8B8989
#EEE5DE	#CDC5BF	#8B8682	#FFEFDB	#EEDFCC
#CDC0B0	#8B8378	#EED5B7	#CDB79E	#8B7D6B
#EECBAD	#CDAF95	#8B7765	#EECFA1	#CDB38B
#8B795E	#EEE9BF	#CDC9A5	#8B8970	#EEE8CD
#CDC8B1	#8B8878	#EEEEE0	#CDCDC1	#8B8B83
#E0EEE0	#C1CDC1	#838B83	#EEE0E5	#CDC1C5
#8B8386	#EED5D2	#CDB7B5	#8B7D7B	#E0EEEE
#C1CDCD	#838B8B	#836FFF	#7A67EE	#6959CD
#473C8B	#4876FF	#436EEE	#3A5FCD	#27408B
#0000EE	#00008B	#1C86EE	#1874CD	#104E8B
#63B8FF	#5CACEE	#4F94CD	#36648B	#00B2EE
#009ACD	#00688B	#87CEFF	#7EC0EE	#6CA6CD
#4A708B	#B0E2FF	#A4D3EE	#8DB6CD	#607B8B
#C6E2FF	#B9D3EE	#9FB6CD	#6C7B8B	#CAE1FF
#BCD2EE	#A2B5CD	#6E7B8B	#BFEFFF	#B2DFEE
#9AC0CD	#68838B	#D1EEEE	#B4CDCD	#7A8B8B
#BBFFFF	#AEEEEE	#96CDCD	#668B8B	#98F5FF
#8EE5EE	#7AC5CD	#53868B	#00F5FF	#00E5EE
#00C5CD	#00868B	#00EEEE	#00CDCD	#008B8B
#97FFFF	#8DEEEE	#79CDCD	#528B8B	#76EEC6
#458B74	#C1FFC1	#B4EEB4	#9BCD9B	#698B69
#54FF9F	#4EEE94	#43CD80	#9AFF9A	#90EE90
#7CCD7C	#548B54	#00EE76	#00CD66	#008B45
#00EE00	#00CD00	#008B00	#76EE00	#66CD00
#458B00	#C0FF3E	#B3EE3A	#698B22	#CAFF70
#BCEE68	#A2CD5A	#6E8B3D	#FFF68F	#EEE685
#CDC673	#8B864E	#FFEC8B	#EEDC82	#CDBE70
#8B814C	#EEEED1	#CDCDB4	#8B8B7A	#EEEE00
#CDCD00	#8B8B00	#EEC900	#CDAD00	#8B7500
#FFC125	#EEB422	#CD9B1D	#8B6914	#FFB90F
#EEAD0E	#CD950C	#8B6508	#FFC1C1	#EEB4B4
#CD9B9B	#8B6969	#FF6A6A	#EE6363	#CD5555
#8B3A3A	#FF8247	#EE7942	#CD6839	#8B4726
#FFD39B	#EEC591	#CDAA7D	#8B7355	#FFE7BA
#EED8AE	#CDBA96	#8B7E66	#FFA54F	#EE9A49
#8B5A2B	#FF7F24	#EE7621	#CD661D	#FF3030
#EE2C2C	#CD2626	#8B1A1A	#FF4040	#EE3B3B
#CD3333	#8B2323	#FF8C69	#EE8262	#CD7054
#8B4C39	#EE9572	#CD8162	#8B5742	#EE9A00
#CD8500	#8B5A00	#FF7F00	#EE7600	#CD6600
#8B4500	#FF7256	#EE6A50	#CD5B45	#8B3E2F
#EE5C42	#CD4F39	#8B3626	#EE4000	#CD3700
#8B2500	#EE0000	#CD0000	#8B0000	#EE1289
#CD1076	#8B0A50	#FF6EB4	#EE6AA7	#CD6090
#8B3A62	#FFB5C5	#EEA9B8	#CD919E	#8B636C
#FFAEB9	#EEA2AD	#CD8C95	#8B5F65	#FF82AB
#EE799F	#CD6889	#8B475D	#FF34B3	#EE30A7
#CD2990	#8B1C62	#FF3E96	#EE3A8C	#CD3278
#8B2252	#EE00EE	#CD00CD	#8B008B	#FF83FA
#EE7AE9	#CD69C9	#8B4789	#FFBBFF	#EEAEEE
#CD96CD	#8B668B	#E066FF	#D15FEE	#B452CD
#7A378B	#BF3EFF	#B23AEE	#9A32CD	#68228B
#9B30FF	#912CEE	#7D26CD	#551A8B	#AB82FF
#9F79EE	#8968CD	#5D478B	#FFE1FF	#EED2EE
#CDB5CD	#8B7B8B	#030303	#050505	#080808
#0A0A0A	#0D0D0D	#0F0F0F	#121212	#141414
#171717	#1A1A1A	#1C1C1C	#1F1F1F	#212121
#242424	#262626	#292929	#2B2B2B	#2E2E2E
#303030	#333333	#363636	#383838	#3B3B3B
#3D3D3D	#404040	#424242	#454545	#474747
#4A4A4A	#4D4D4D	#4F4F4F	#525252	#545454
#575757	#595959	#5C5C5C	#5E5E5E	#616161
#636363	#666666	#6B6B6B	#6E6E6E	#707070
#737373	#757575	#787878	#7A7A7A	#7D7D7D
#7F7F7F	#828282	#858585	#878787	#8A8A8A
#8C8C8C	#8F8F8F	#919191	#949494	#969696
#999999	#9C9C9C	#9E9E9E	#A1A1A1	#A3A3A3
#A6A6A6	#A8A8A8	#ABABAB	#ADADAD	#B0B0B0
#B3B3B3	#B5B5B5	#B8B8B8	#BABABA	#BDBDBD
#BFBFBF	#C2C2C2	#C4C4C4	#C7C7C7	#C9C9C9
#CCCCCC	#CFCFCF	#D1D1D1	#D4D4D4	#D6D6D6
#D9D9D9	#DBDBDB	#DEDEDE	#E0E0E0	#E3E3E3
#E5E5E5	#E8E8E8	#EBEBEB	#EDEDED	#F0F0F0
#F2F2F2	#F7F7F7	#FAFAFA	#FCFCFC	#A9A9A9

Leia mais:

Aprenda agora a Formatar Fontes em HTML;
Veja como Inserir Links em Páginas HTML;
Aprenda a Exibir Imagens em Páginas HTML;
Adicione Links de Imagem em suas Páginas HTML;
Saiba como Adicionar Títulos às Páginas HTML;
Entenda como Criar Tabelas em Páginas HTML;
Leia Introdução ao PHP e comece a criar páginas dinâmicas;

Cores RGB

2010-08-30T12:48:00.000-07:00

Nos posts anteriores, mostrei como trocar a cor de alguns elementos de Páginas HTML. Em todos os casos, para facilitar o aprendizado, utilizei nomes de cores em inglês.

Existem diversos nomes de cores que podemos utilizar. No entanto, vou mostrar agora como utilizar as cores utilizando números Hexadecimais. A grande vantagem é que temos muito mais opções de cores (são mais de 16 milhões de cores).

As cores geradas a partir do sistema de numeração hexadecimal são combinações de Vermelho, Verde e Azul. Por isso nós chamamos de Cores RGB (Red, Green e Blue).
As cores RGB são especificadas a partir de três pares de valores hexadecimais precedidos pelo caracter # (tralha). Dois caracteres que representam a cor vermelho, dois a cor verde e dois a cor azul.

O menor valor que podemos dar para cada uma dessas cores é 0 (00 em Hexadecimal) e o maior valor é 255 (FF em Hexadecimal).

Vejamos os exemplos:

O valor #000000 representa a cor Preto;
O valor #ffffff representa a cor Branco;
O valor #ff0000 representa a cor Vermelho. (Vermelho máximo, sem verde e sem azul);
O valor #0000ff representa a cor Azul. (Sem vermelho, sem verde e Azul Máximo);
Já o valor #ffff00 representa a cor amarelo. (Em RGB, se misturarmos vermelho com verde, dá amarelo).

Isso não quer dizer que os Valores RGB só aceitam "0" e "f". Podemos utilizar de "0" a "9" e de "a" a "f". Por exemplo:

O valor #cccc00 representa um amarelo escuro (Quanto mais distante de "FF", mais escuro);
O valor #ffb400 representa a cor laranja;

Ou seja, para definir a cor de fundo de uma página com a cor preto, podemos usar abrir a Tag <body> assim <body bgcolor="black"> ou assim <body bgcolor="#000000">. O resultado será o mesmo.

Leia mais:

Veja uma Tabela de Cores RGB com centenas de Códigos Hexadecimais para pintar suas páginas;
Veja como Inserir Links em Páginas HTML;
Aprenda a Exibir Imagens em Páginas HTML;
Adicione Links de Imagem em suas Páginas HTML;
Saiba como Adicionar Títulos às Páginas HTML;
Entenda como Criar Tabelas em Páginas HTML;