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

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17246
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
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

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