Quero criar minha página na Internet. Como eu faço?

Introdução: Quem sou eu....

Muita gente gostaria de criar a sua própria página na Internet e não sabe por onde começar. Vou dar algumas dicas do que é necessário fazer para ter sua página na Internet, mas primeiro vou falar de mim. Por que eu posso orientar alguém?

Sou aposentado, Doutor (D.Sc.) em Engenharia Elétrica, pela UFCG. Criei minha primeira página web lá por 1996 ou 1997 quando pouca gente sabia que existia uma rede de computadores, e muito menos sabiam para que servia. Pois bem, naquela época não existiam editores web potentes como nos dias de hoje. Eu, como autodidata, lia o manual e editava o arquivo, via rede, em uma maquina Unix (antes do Linux aparecer), com um editor de arquivo chamado de VI (Visual Interface, ou coisa parecida). Era uma página simples, mas funcional.

De lá para cá tenho criado e editado muitas páginas pessoais, mas quase todas usando o mesmo método que utilizei para construir a primeira. Não costumo utilizar programas prontos de formatação de páginas web.

Para que criar uma página web?

Acredito que a primeira pergunta a ser respondida é a finalidade da sua página web. Podemos pensar em diversos motivos, entre eles:

1. Ter uma página com sua biografia, com sua história, suas memórias...
2. Ter um blog para postar observações importantes com frequência (diário, semanal, mensal, etc.);
3. Fazer uma lista de links para artigos e vídeos importantes, para divulgar para amigos;
4. Criar uma loja virtual para venda de objetos (físicos ou digitais) ou serviços;
5. Explorar a sua criatividade;
6. Postar fotos e vídeos para mostrar aos amigos;
7. etc. etc. e tal.

Para cada finalidade, posso sugerir um tipo de página diferente. Então, vamos lá:

Para ter uma página sem fins lucrativas para colocar suas observações, suas memórias ou seus comentários, e até explorar a sua criatividade, o mais simples seria criar um blog e para cada história ou memória, cria uma sub-página no blog. O programa de gerenciamento do blog facilita criar as sub-páginas e cataloga tudo. O editor de páginas embutido também ajuda muito. Existem diversos sites de blog gratuitos que servem bem para este propósito. Basta procurar no seu buscador...

Dependendo da frequência de postagens, da abrangência de leitores, do número de inscritos, etc. pode inclusive colocar propagandas no site e ter alguma renda. Mas se tem poucas visitas diárias, não vale a pena o trabalho para organizar tudo.

Já pensando em uma utilização com uma determinada identidade visual (logomarca, empresa, etc.) pode ser interessante registrar seu próprio domínio. Neste caso, temos algumas observações: os custos são diversos. Podemos enumerar alguns dos custos:

1. Criação das páginas (artes, textos, layout, menus, etc.). Este custo custo pode ser bastante alto, dependendo do caso. Se for página simples e com pouca necessidade de atualização você pode fazer sozinho ou com ajuda de um amigo que entenda de design e visual. Caso contrário, contrate alguém para criar as páginas. Veja se o contrato vai ser de criação apenas ou se vai ter cláusula de manutenção também (item 5).
2. Hospedagem das páginas. Os arquivos precisam ser armazenados em algum servidor web, para poderem ser visualizados pelos internautas. Este custo pode ser gratuito, ou pago dependendo principalmente na quantidade de tráfego e de downloads diários. Quanto mais dados fluindo na rede (bandwidth), mais caro tende a ficar. EX. Se o site contém links para vídeos armazenados em outro site (YouTube, por exemplo) então o download é pouco. Já se são os próprios vídeos armazenados e baixados de seu site, fica pesado e caro. 
3. Custo do domínio. Se o domínio é registrado no exterior as exigências são mínimas e o custo fica em torno dos USD$ 15 anuais, dependendo da extensão (.com, .net, .org, são os mais comuns). Já se for registrado no Brasil (.com.br, .net.br, .org.br) é exigido contrato social da empresa (burocracia), além do custo anual pago ao registro.br
4. Se o site vai ter qualquer envio por parte dos internautas (login, senha, envio de quaisquer dados pessoais) é importante também ter um certificado próprio de encriptação (certificado https). Esse custo às vezes é absorvido pelo provedor de hospedagem ou de domínio. Mas se tiver de pagar também fica na faixa de uns USD$ 15 a 20 anual. Hoje, a orientação para evitar interceptação de tráfego é de que todas as páginas sejam https e não apenas http, ou seja, páginas seguras, com encriptação ponta a ponta. O custo adicional é muito pequeno comparado com a privacidade e segurança obtida.
5. Custo de manutenção das páginas. Se é uma loja virtual, vai sempre ter a atualização de preços e produtos. Se as páginas de alguma forma se desatualizam, precisam ser atualizados. Este custo pode ser baixo ou alto, dependendo do tipo de site e de seu tamanho.

Se você nunca criou uma página, mas agora quer criar a sua, minha sugestão é começar com hospedagem grátis (quem sabe em um servidor de blog) até você se familiarizar com todas as etapas. Posteriormente pode pensar em um domínio próprio com custos maiores, se for necessário. Procure sempre colocar informações verídicas e úteis. Caso contrário vai ficar desacreditado na web. Para criar uma boa reputação demora. Para acabar com a reputação é rápido, e dificilmente se recupera. Pense nisso.

Fichas de membros em MySQL

Já foi falado sobre Banco de Dados MySQL e Campos Interessantes em um banco MySQL. Agora será mostrado com criar uma ficha genérica para cadastro de membros. No caso em particular como já foi mencionado em postagens anteriores é interessante iniciar a ficha com um ID, no caso específico, um user_id como "bigint", "auto increment". Assim, pode se indexar tudo com esse ID e usar em comandos de REPLACE, para atualizar qualquer ficha do banco de dados.

Outros campos óbvios, para acesso a um site restrito, são os de login e senha. Além destes, poderá ter o nome completo (full_name), a data do aniversário do usuário, e seu respectivo nível (user_level).

Dependendo da situação poderá ter campos para datas importantes, tais como, criação da conta, expiração da conta e último login. Se o site for multilíngue, poderá ser necessário um campo para a língua preferida do usuário.

Poderá ter campo para status do usuário, ou atividade do usuário, conforme o caso. Pode ser útil ter campos para RG, expedidor, data de expedição, CPF, filiação, tipo sanguíneo, naturalidade, nacionalidade, título de eleitor, etc. E por fim poderá ser acrescentado um campo para comentários sobre o usuário.

Existem outros campos que são importantes, mas talvez não para a ficha do usuário. Por exemplo, é importante ter o email do usuário. Mas se colocar uma tabela adicional com os seguintes campos: email_ID, user_ID, user_email, email_status, então cada usuário poderá ter inúmeros emails cadastrados no site. O user_ID é o ID do usuário na tabela de membros. O administrador poderá saber pelo status se o email foi confirmado (clique no link no email, caso receba o email) ou não. Poderá até acrescentar um campo para indicar o email primário, ou a ordem de preferência dos emails, conforme o caso.

O número telefônico também é bastante interessante o administrador poder lançar mão, mas segue o mesmo raciocínio da tabela de email, uma tabela em separado, só para fones, contendo: fone_ID, user_ID, fone, fone_tipo (cel, fixo, etc.). Assim poderão ser cadastrados quantos fones quiser para cada usuário.

O endereço segue a mesma lógica. Inclui-se o endereço_ID, o user_ID, endereço, e o tipo (residencial, comercial, caixa postal, contato, etc.). No caso o endereço pode ser dividido em vários campos: end_1, end_2, numero, CEP, cidade, UF, país, obs., status, etc. Então cada cliente pode ter vários endereços cadastrados.

Para incluir outras informações, pode ser interessante criar uma tabela para cada coisa. Assim os usuários não ficam limitados a ter apenas um de cada coisa.

Caso seja previsto que haverá muita mudança nos dados em uma determinada tabela, poderá ser acrescentado um campo de "em uso". Assim, para deletar uma ficha, basta zerar o campo de "em uso". Na próxima vez que for escrever um novo dado, procura-se pela ficha com o campo zerado. Assim não ficam "buracos" no banco de dados, e não se esgotam os IDs tão rapidamente.

PHP criando gráficos .png

Como já mencionamos em post anterior, PHP é uma linguagem de programação genérico, muito parecido com a linguagem C. Mas também tem muitas facilidades para utilizar na criação de páginas web.

Aqui vamos mostrar a facilidade de se utilizar o PHP para criação de gráficos, ou seja criação de imagem tipo PNG.

A primeira rotina a ser utilizada é a seguinte:
$im = imagecreatetruecolor ( int $width , int $height );
Esta rotina cria um apontador para uma imagem ($im) com largura ($width) e altura ($height); Não se esqueça de definir $width e $height antes de utilizá-los.

A segunda  rotina a ser utilizada define as cores que pretendemos utilizar no nosso gráfico:
$background = imagecolorallocate($im, 0, 0, 0);
Os parâmetros para esta rotina são o ponteiro que criamos na primeira rotina ($im) e os níveis de cada cor R, G, B ou seja Vermelho, Verde, e Azul. A primeira vez que esta rotina é chamada, define a cor do fundo da imagem. Neste exemplo, criei um fundo preto (zero vermelho, zero verde, e zero azul). A rotina retorna um ponteiro para a cor na palete de cores do gráfico. Esta rotina deve ser chamada diversas vezes para a definição das cores que pretendemos utilizar.
 $text_color = imagecolorallocate($im, 255, 255, 255);
 $line_color = imagecolorallocate($im, 0, 0, 255);
 $bar_color = imagecolorallocate($im, 0, 255, 0);
Assim criamos um gráfico com fundo preto, texto branco, cor da linha azul e cor da barra verde.

Após criarmos o ponteiro para a imagem e definirmos as cores que pretendemos utilizar, podemos desenhar segmentos de retas entre dois pontos utilizando a função:
imageline($im, $x1, $y1, $x2, $y2, $line_color);
onde $im é o ponteiro para o nosso gráfico, criado pela primeira rotina; $x1 e $y1 definem o ponto inicial da reta; $x2 e $y2 definem o ponto final da reta; e a variável $line_color aponta para a cor que desejamos na palete de cores que criamos com o segundo comando (neste exemplo, o azul).

O comando para acrescentar texto no nosso gráfico é a função:
 imagestring($im, $font_size, $x, $y, $text, $text_color);
onde $im é o ponteiro para o nosso gráfico; $font_size indica o tamanho da fonte de caracteres (pode variar de 1 a 5 para as fontes pre-definidas); $x e $y são as coordenadas onde o texto deve ser escrito; $text é a string de texto a ser escrito; e $text_color aponta para a cor que desejamos na palete de cores que criamos com o segundo comando (neste exemplo, o branco).

Tendo finalizado o nosso gráfico, utilizamos a rotina
imagepng($im);
para enviar a imagem pela saída padrão. Ou seja, este comando (se usado em uma página web) envia a imagem criada para o navegador do visitante.

A última rotina que devemos utilizar é:
imagedestroy($im);
que libera a memória reservada para o ponteiro pelo primeiro comando que mencionamos.

Observações importantes:
1) Para visualizar a imagem em uma página web, é necessário colocar
<img src="image.php" >
dentro do código HTML da página.

2) O arquivo image.php deve gerar a imagem desejada.

3) O arquivo image.php deve enviar ao navegador o seguinte texto, antes de enviar a imagem
 header("Content-type: image/png");
para indicar que os dados a seguir devem ser interpretados como uma imagem.

4) Na definição do espaço a ser utilizado pelo gráfico, a posição 0,0 é a do canto superior esquerdo. X na horizontal e Y na vertical.


Exemplos de gráficos que criei utilizando PHP podem ser vistos na minha página de estatísticas de banners.

Domínio

Domínio do site

Uma parte integrante de seu visual na Internet é o domínio de suas páginas. Normalmente deverá ser escolhido um domínio condizente com o produto ou serviço sendo oferecido. Cada tipo de domínio deve indicar algo a respeito do produto ou serviço.

Um domínio terminando em .br indica um site no Brasil. Um domínio com terminação .ca é do Canadá. Um site com terminação .com deveria ser um site comercial nos Estados Unidos, mas isso nem sempre é o caso. Muitas empresas brasileiras usam domínios .com para facilitar a identidade visual. Alguns registram diversos domínios e apontam para o mesmo conteúdo. Dois exemplos bem conhecidos de empresas que registram tanto o domínio .com, quanto o .com.br são Americanas e Globo.

Todos os domínios .br ou .com ou .ca tem um certo custo anual. Alguns sites de hospedagem registam nomes sugestivos e depois criam subdomínios para oferecer a outros, ou gratuitamente, ou por preços reduzidos.

No caso específico do Brasil os domínios são registrados no Registro.br Existe uma lista grande de tipos de domínios possíveis. Existem os tipos normais (com.br, org.br, gov.br, net.br edu.br, etc) e existem para profissionais liberais (como por exemplo eng.br, adm.br, vet.br, jor.br, etc). Existe até domínio específico para pessoas físicas: nom.br.

No caso específico deste meu blog (http://tutoriaisdobob.blogspot.com/) o subdomínio (tutoriaisdobob) foi escolhido para ser bem sugestivo, em relação ao conteúdo do site. No caso foi hospedado gratuitamente no Blogger da Google, com o domínio blogspot.com Quem paga o domínio blogspot.com é a própria Google.

É possível também registrar um domínio no registro.br e apontar para o conteúdo em um provedor de conteúdo gratuito. Basta apontar o DNS no registro.br para os servidores DNS do site hospedeiro das páginas. No meu caso específico, não tenho registrado nenhum domínio pago. Já registrei subdomínios em diversos sites ao longo dos anos. Inclusive tenho registrado domínios onde o conteúdo está em um provedor com IP dinâmico. Neste caso, minha identidade visual tem partes que são de empresas hospedeiras:
rrbrandt.webhop.org
Tutoriais do Bob
rrbrandt.comli.com
Pergunte ao Bob

PHP Estrutura de programação

Este post faz parte da programação em PHP.

Como em C e muitas outras linguagens de programação, o PHP permite alterar o fluxo do programa fazendo comparações. Quem tem familiaridade com outra(s) linguagem(s) de programação, não deve ter dificuldade para programar em PHP.

Como comandos de fluxo podemos citar:

if( ) {
    ...
} else {
    ...
};

A comparação pode ser igualdade (==), maior que (>), menor que (<), menor ou igual (<=), maior ou igual (>=), ou diferente, não igual (!=). Podemos comparar strings, inteiros, flutuantes, quase tudo.

O PHP também tem o famoso "for" loop do C.

for($i = 0; $i < 10; $i++)
{
    ...
} e também o:
do {
    ...
} while(..);

E por último vou citar o maravilhoso switch:
switch($tmp) {
    case '1':
        echo("Caso 1\n");
        break;
    case '2':
        echo("Caso 2\n");
        break;
    default:
        echo("Outros casos\n");
        break;
}

Veja agora como utilizar funções na sua programação.

Formulários HTML

Esta secção faz parte do corpo HTML.

Também o uso de tabelas é imprescindível na elaboração de formulários. Formulários são muito importantes, pois para providenciar páginas dinâmicas, precisamos saber o que o usuário quer (ou precisa). Para isso é preciso o usuário nos informar do que está procurando ou qual a informação desejada.

Para utilizar formulários também só precisamos nos lembrar de poucos comandos (e suas inúmeras variações):

1. <form> Formulário (form) </form>
2. <input> Campo de entrada de dados (input)

Usamos
<form>
Nome: <input name=nome type=text><br>
<input type=submit value=Enviar> </form>

Para formar isso:

Nome:

Deve ser bastante claro que é necessário alguma programação para que o formulário seja útil.

Tabelas

Esta secção faz parte do Corpo HTML.

Tabelas são bastante úteis na construção de páginas HTML por vários motivos, o principal sendo alinhamento de informações. Exemplos são campos de formulários, partes de imagens, dados em geral.

Para construir uma tabela é bastante fácil, e só precisa se lembrar de 3 comandos básicos.

1. <table> tabela (table) </table>
2. <tr> linha (table row) </tr>
3. <td> dado (table data) </td>

Para construir uma tabela 2 linhas, 3 colunas, fazemos o seguinte:
<table>
<tr><td>11</td><td>12</td><td>13</td></tr>
<tr><td>21</td><td>22</td><td>23</td></tr>
</table> para conseguir isso:

11	12	13
21	22	23

Uma vez colocando tabelas na página, talvez seja interessante usar formulários para enviar informações do usuário ao servidor web.

Listas

Esta secção faz parte do corpo HTML, e em especial à formatação do texto.

Uma outra formatação bastante útil em páginas HTML são as listas. Temos dois formatos de listas mais usados: listas ordenadas (ordered list) e desordenadas (unordered list). Cada uma pode ter inúmeros itens de lista (list items).

Para criar uma lista ordenada usa-se o seguinte comando: <ol> <li>Item</li> <li>Item</li> <li>Item</li> </ol> Que resulta no seguinte:

1. Item
2. Item
3. Item

Para criar uma lista não ordenada, ou desordenada (unordered list) é bastante semelhante: <ul> <li>Item</li> <li>Item</li> <li>Item</li> </ul> Que resulta no seguinte:

• Item
• Item
• Item

Uma outra coisa que pode usar são letras: <OL TYPE=A> Que resulta em algo do tipo:

1. Item
2. Item
3. Item

Outra ferramenta que facilita a formatação de textos são as tabelas.

Formatação

Esta secção faz parte do corpo da página.

A formatação do texto será visualizada de formas diferentes nos diversos navegadores existentes no mercado. Portanto, em muitas ocasiões o conteúdo é mais importante que a formatação. Em todo caso uma formatação simples pode estar em ordem.

Definição de parágrafo: comando "p". Exemplo:

<p>Novo parágrafo</p>

Quebra de linha. Simplesmente <br> Este caso também é exceção, pois não é usual utilizar a conclusão do comando (</br>).

Negrito (bold): <b>Negrito</b>.

Itálico: <i>Italico</i> <center>Centralização</center>

Um outro tipo de formatação de texto que é bastante importante são as listas.

O Corpo

O que vem antes do corpo é o Cabeçalho.

O corpo da página HTML é tudo o que tem entre o <body> e o </body>. Esta é a parte que será visualizada pelo usuário que esteja navegando pela sua página. Nesta secção é necessário começar com o básico: Links e Imagens.

Para colocar um link para outra página usamos o comando "a". O comando "a" tem uma diferença em relação aos comandos mencionados até aqui, no sentido de que o comando "a" tem um parâmetro (href=endereço) acrescentado no inicio. Exemplo: <a href=http://tutoriaisdobob.blogspot.com>Tutoriais do Bob</a>

Existe a possibilidade de colocar um link para outra parte da própria página usando o comando "a" mas no lugar de colocar o endereço no "href", coloca-se o nome do marcador precedido por #. Fica então assim: <a href="#marcador2">Secção 2</a>

Para colocar o marcador na página usa-se o comando "a" com o "name", da seguinte forma: <a name="marcador2">Item 2</a>.

Para colocar uma imagem na página usa-se o comando "img". Exemplo: <img src=http://www.gravatar.com/avatar/63df39d98e6b45b2733303e4390187f9.png> que é visualizado assim:

Como falamos no inicio do tutorial, existem exceções ás regras. No caso o comando img não termina com </img>. Apenas tem o inicio do comando, e todos os parâmetros já são incluídos ali.

Continue lendo a respeito da formatação do texto.

Meta Tags

Os meta tags devem ser colocados na parte do Cabeçalho.

O que são META TAGS e para que servem?

Os META tags são "etiquetas eletrônicas" usadas para colocar informações adicionais em paginas WEB para uso por parte dos serviços de busca ou os indexadores de paginas. Estas informações podem ser sobre o autor, o conteúdo, ou como indexar e seguir links.

Os Meta Tags devem ser colocados em cada pagina web, no cabeçalho entre o <head> e o </head>

Ex:
<html>
<head>
<meta name="robots" content="follow,index">
<meta name="description" content="Esta pagina mostra ...">
<title> Pagina ... </title>
</head>
</html>

Aqui vamos dar alguns exemplos de META TAGS para uso na criação de páginas. Substitua os textos entre aspas, após a palavra CONTENT, conforme o caso.

• INDEXAÇÃO: <meta name="robots" content="[NO]INDEX, [NO]FOLLOW"> A intenção deste tag é informar ao robô de indexação se a página pode ou não ser indexado e se pode ou não seguir os links nela contidas.
• DESCRIÇÃO: <meta name="description" content="Tutoriais do Bob"> A intenção deste tag é para que o serviço de indexação possa fornecer ao solicitante uma breve descrição da pagina (ao invés das primeiras linhas da página). Por causa de abusos de alguns proprietários de sites, este marcador caiu em desuso.
• AUTOR: <meta name="author" content="Robert Rice Brandt"> Indicação do autor da página.
• PALAVRAS CHAVE: <meta name="keywords" content="Professor, Engenharia Eletrica"> Indicação de palavras chave da página. Nem todos os serviços de busca utilizam este marcador.
• NÃO FAZER CACHE: <meta equiv="Pragma" content="no-cache"> Indicação de não colocar no cache do navegador, ou seja sempre vai buscar nova página.
• FAZER REFRESH AUTOMATICO: <meta equiv="Refresh" content="60"> Indicação para fazer atualização da pagina a cada 60 segundos. (Usado com câmeras de vídeo).
• FAZER REDIRECIONAMENTO AUTOMATICO: <meta equiv="REFRESH" content="3;URL=http://www.google.com"> Indicação para ficar 3 segundos na pagina atual, depois redirecionar para a pagina indicada.

Para continuar aprendendo neste tutorial, vá para o corpo.

O Cabeçalho

Se perdeu a parte anterior, então vá para Introdução a HTML parte 2.

O Cabeçalho HTML é tudo aquilo que fica entre o <head> e o </head> Nenhum dos comandos colocados nesta secção são mostrados diretamente. São comandos destinados ao navegador ou aos serviços de busca e indexação.

Um dos comandos que deve estar presente no cabeçalho, é o título dá página. O título é destinado ao navegador para ser colocado na barra de cima do navegador. Não é visualizado dentro da janela do navegador. O título é definido com o comando title. Ou seja, começamos o título com <title> e terminamos com </title>.

No cabeçalho também pode haver vários outros comandos. Podemos citar aqui comandos para redirecionar a página para outra, ou recarregar a pŕopria página, após um tempo determinado, bem como comandos para indicar o que deve ou não ser indexado pelos serviços de busca.

Estes comandos são chamados de META TAGS.

Introdução a HTML - parte 2

Se perdeu a primeira parte deste tutorial, vá para Introdução a HTML. Como toda linguagem, o HTML tem diversas regras para sua construção. E como toda regra, existem algumas exceções. Vamos começar listando algumas regras da linguagem HTML.

• A linguagem HTML entende um espaço (SPACE) ou uma tabulação (TAB) como sendo espaço em branco. E entende também que 1 espaço em branco é igual a 10 espaços em branco ou 99 espaços em branco. Não importa o número de espaços em branco, aparece apenas 1 na tela. Não se pode pensar em formatação de texto usando apenas espaços em branco.
• A linguagem HTML utiliza os símbolos "<" e ">" para separar o texto dos comandos. Ou seja, os comandos HTML são demarcados assim: <comando_html> texto texto </comando_html> texto texto texto<comando_html></comando_html>
• A maioria dos comandos em HTML começa com <comando> e termina com </comando> ou seja, a barra (/) antes do nome do comando indica a conclusão daquele comando. Como exemplo, podemos dizer que toda página HTML começa com <html> e termina com </html>.
• Toda página deve ter uma secção que começa com <html> e termina com </html>. Dentro desta secção deve ter duas outras: head e body. Ou seja o esqueleto de uma página web deve ser: <html><head> ... </head><body> .... </body></html>
• Entre um comando e outro poderá haver espaços em branco que não afetarão a diagramação da página final. Ou seja, os comandos podem ser escritos de forma corrida como no item acima, ou podem ser formatados para ficar bem bonito, um abaixo do outro, e até com endentação. <html> <head> ... </head> <body> ... </body> </html>

Para continuar lendo o nosso tutorial, siga para o cabeçalho.

Criando páginas HTML - Introdução a HTML

HTML significa Hyper Text Markup Language, ou seja, é simplesmente uma linguagem de marcação em hipertexto. É a linguagem utilizada para criação de páginas na Internet, ou páginas WEB.

O nosso tutorial vai mostrar como é fácil criar páginas para a Internet, quando se conhece um pouco da linguagem HTML. Esse tutorial é direcionado principalmente para pessoas que querem aprender o HTML para depois criarem páginas dinâmicas utilizando a linguagem PHP.

Obviamente nosso tutorial será dividido em diversas partes, para que a página do blog não fique demasiadamente grande. Também diremos logo do começo que este tutorial não será um tutorial "completo", pois não serão mostrados todos os comandos HTML, apenas os mais básicos que são necessários para criação de conteúdo dinâmico com o uso de scripts em PHP.

Poderá servir também para uma consulta rápida por usuários que esqueceram a sintaxe de algum comando, ou como fazer uma determinada parte do HTML.

Para continuar com a Introdução a HTML, vá para a Introdução a HTML parte 2.