Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17662
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Estrutura pronta para montar uma página HTML

19-02-2015 02:39

Nesse post vou mostrar um exemplo de página HTML. Essa estrutura pronta serve também para o HTML 5.

Quando vamos iniciar a montagem de uma página HTML, temos que digitar toda hora as tags básicas, head, title, script, etc.

Nesse post vou deixar uma estrutura já pronta, validada pelo W3C. Assim, toda vez que você for precisar iniciar uma página, não precisa ficar digitando tudo, basta adicionar esse post nos favoritos do seu navegador, e copiar esse HTML abaixo.

A estrutura é bem completa, veja abaixo:

- Tags básicas, html, head, body;
- Definição do charset do documento;
- Chamada para js externo;
- Chamada para folha de estilo CSS e para aplicação de folha de estilo inline;


<!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" dir="ltr" lang="pt_br" xml:lang="pt_br">   <head>   <!-- meta do charset //--> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   <!-- puxar folha de estilo css //--> <link href="" rel="stylesheet" type="text/css" media="screen" />   <!-- chamada de js e/ou jquery //--> <script type="text/javascript" src=""></script>   <!-- caso necessite usar o jquery no load //--> <script type="text/javascript"> $(document).ready(function() { }); </script>   <!-- título do documento //--> <title></title>   <!-- defina o estilo inline //--> <style type="text/css"> </style>   </head>   <!-- conteúdo //--> <body> </body>   </html>

Precisando da estrutura básica de uma tabela com campos de formulário já pronta, só usar essa abaixo dentro da tag body no código acima

<form action="envio.php" method="post"> <table> <tr> <td>nome</td> <td><input type="text" name="nome" value="" /></td> </tr>   <tr> <td>e-mail</td> <td><input type="text" name="email" value="" /></td> </tr>   <tr> <td colspan="2"><input type="submit" name="envia" value="envia" /></td> </tr>   </table> </form>

15
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado