XHTML 1.0 - Iniciando bem!

Author: Walker de Alencar

Sei que muitos dominam HTML, mas também sei que pouquissimos sabem trabalhar corretamente com XHTML de forma Semântica - usando as tags corretamente. ex.: <h1> para títulos,<h2>para subtitulos, <p> para paragrafos, <ul><li> ou <ol><li> para listas, <table>Tabelas e <th> para o cabeçalho das tabelas, <td> para células da tabela, etc.

Notando isso, escrevo este artigo(referência) para os Veteranos , e para os Calouros.

Usem o Editor que preferirem DreamWeaver/NVU/Quanta/MAX's HTML Beauty++, na verdade o bom mesmo pra dominar HTML/XHTML é o Bloco de notas, mas ninguém precisa se torturar tanto! um editor que te dê suporte de cores para as tags sempre ajuda, pelo menos para auxiliar na visualização do código. Se você está começando eu recomendo o MAX's HTML Beauty++, é um editor simples, free, e enquanto vc estiver com a tag errada ela fica como vermelha, além de ter um ótimo suporte Hightlight de Sintaxe segue um exemplo:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Exemplo</title>
</head>
<body>
    <h1><a href="/">Título</a></h1>
    <ul id="nav">
        <li><a href="um/">Item 1</a></li>
        <li><a href="dois/">Item 2</a></li>
    </ul>
</body>
</html>

Para saber mais sobre o XHTML, de onde veio, qual a finalidade, quais as vantagens, como são as metologias e regras utilizadas, como escrever os códigos organizadamente, e quais padroes seguir, recomendo o link: Maujor - Tutorial XHTML

Após uma boa pesquisa na net, encontrei uma boa apostila no site oficinadanet.com.br, baixei os arquivos e fiz o Pacotão - Apostilas de XHTML

Agora depende apenas do quanto você vai se aplicar em estudar o conteúdo acima, recomendo escrever muitos códigos e fazer muitos testes.

Em casos de dúvidas ou informações mais detalhadas e completas recomento os Sites:
www.maujor.com
www.tableless.com.br
www.w3schools.com

Abraços a todos.

One Response

  1. profbaco Says:

    Acho que para se ter uma boa estrutura deve-se ter um bom código.
    No meu artigo que eu escrevi aqui (http://www.gophp.com.br/2008/02/01/criando-um-formulario-de-login-com-ext/) eu comentei sobre isto, a estrutura de código é fundamental.
    Não só nos códigos como tb em arquivos, referenciá-los em cada pasta devida.
    Parabéns é isto mesmo…

    Abraços para quem é de abraços e beijos para quem é de beijos.

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.