Mentes em desenvolvimento
Mentes em desenvolvimento
Mentes em desenvolvimento
Mentes em desenvolvimento                            Cascading Style Sheets (ou                            simplesmente CS...
Mentes em desenvolvimento                            PHP é uma linguagem de                            programação de     ...
Mentes em desenvolvimento                            Structured Query Language,                            ou Linguagem de...
Mentes em desenvolvimento- HyperText Markup Language.-Texto escrito em Tags <>.-Define as estruturas.
Mentes em desenvolvimento- HyperText Markup Language.-Texto escrito em Tags <>.-Define as estruturas.-Browser (Interpretad...
Mentes em desenvolvimento
Mentes em desenvolvimento <html> </html>
Mentes em desenvolvimento <html>      <head>      </head> </html>
Mentes em desenvolvimento <html>      <head>      </head>       <body>       </body> </html>
Mentes em desenvolvimento <html>      <head>          <title> Título da Página </title>      </head>       <body>       </...
Mentes em desenvolvimento         <body>                         Além de permitir o                                       ...
Mentes em desenvolvimento <h1> Título 1</h1> <h2> Subtítulo</h2>  <h3> Subtítulo do subtítulo</h3>         (....)    <h7> ...
Mentes em desenvolvimento <ul>                <li> Tópico 1</li>                <li> Tópico 2</li>                <li> Tóp...
Mentes em desenvolvimento <img src = “arquivo.extensão” alt=“texto alternativo”> Ex: <img src = “bola.jpg” alt=“Bola”> <im...
Mentes em desenvolvimento <a href = “arquivos ou URL”> O texto ou a imagem que estiverem entre essas tags levarão ao arqui...
Mentes em desenvolvimento <form name=”nome” method=”post” action=”URL”> </form>Cada elemento de um formulário é definido s...
Mentes em desenvolvimento <form name=”nome” method=”post” action=”URL”>                 Elementos de Formulário </form> ME...
Mentes em desenvolvimento <input type=”tipo” name=”nome” value=”valor” size=”tamanho” maxlength=”comprimento” >Define um c...
Mentes em desenvolvimento <input type=”text” name=”texto” value=”Digite seu texto aqui” size=”20” maxlength=”30” >TYPE: De...
Mentes em desenvolvimento <input type=”password” name=”senha” value=”Digite seu senha” size=”20” maxlength=”11” >PASSWORD:...
Mentes em desenvolvimento <input type=”radio” name=”opcao1” value=”Opção 1” checked>RADIO: Botão com uma opção (atributos:...
Mentes em desenvolvimento <input type=”checkbox” name=”opcao1” value=”Opção 1” checked>CHECKBOX: Botão com mais opções (ty...
Mentes em desenvolvimento <input type=”reset” name=”limpar” value=”Limpar”>RESET: Limpa os campos (type, name, value);    ...
Mentes em desenvolvimento <input type=”submit” name=”enviar” value=”Enviar”>SUBMIT: Envia os dados do formulário (type, na...
Mentes em desenvolvimento <input type=”file” name=”arquivo”>FILE: Abre uma janela para selecionar arquivo (type, name);   ...
Mentes em desenvolvimento <select name=”seletor” >                <option> Item 1 </option>                <option> Item 2...
Mentes em desenvolvimento <textarea name=”texto” rows=“20” cols=”30”>                 TEXTO </textarea>Define uma caixa de...
Mentes em desenvolvimento
Html   20.10
Html   20.10
Upcoming SlideShare
Loading in …5
×

Html 20.10

290 views
239 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
290
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html 20.10

  1. 1. Mentes em desenvolvimento
  2. 2. Mentes em desenvolvimento
  3. 3. Mentes em desenvolvimento
  4. 4. Mentes em desenvolvimento Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação.
  5. 5. Mentes em desenvolvimento PHP é uma linguagem de programação de computadores interpretada, livre e muito utilizada para gerar conteúdo dinâmico na Web.
  6. 6. Mentes em desenvolvimento Structured Query Language, ou Linguagem de Consulta Estruturada ou SQL, é uma linguagem de pesquisa declarativa para banco de dados relacional (base de dados relacional).
  7. 7. Mentes em desenvolvimento- HyperText Markup Language.-Texto escrito em Tags <>.-Define as estruturas.
  8. 8. Mentes em desenvolvimento- HyperText Markup Language.-Texto escrito em Tags <>.-Define as estruturas.-Browser (Interpretador).
  9. 9. Mentes em desenvolvimento
  10. 10. Mentes em desenvolvimento <html> </html>
  11. 11. Mentes em desenvolvimento <html> <head> </head> </html>
  12. 12. Mentes em desenvolvimento <html> <head> </head> <body> </body> </html>
  13. 13. Mentes em desenvolvimento <html> <head> <title> Título da Página </title> </head> <body> </body> </html>
  14. 14. Mentes em desenvolvimento <body> Além de permitir o alinhamento horizontal de <div class = “topo” > qualquer elemento em uma página esta TAG é muito </div> importante para agrupar elementos de página e <div class = “corpo” > facilitar a edição no CSS. O atributo class serve para </div> identificar em que grupo de elementos (DIV) será aplicado <div class = “rodape” > o CSS. </div> </body>
  15. 15. Mentes em desenvolvimento <h1> Título 1</h1> <h2> Subtítulo</h2> <h3> Subtítulo do subtítulo</h3> (....) <h7> Subtítulo do subtítulo do... </h7> <p> Parágrafo </p>
  16. 16. Mentes em desenvolvimento <ul> <li> Tópico 1</li> <li> Tópico 2</li> <li> Tópico 3</li> <li> Tópico 4</li> </ul>
  17. 17. Mentes em desenvolvimento <img src = “arquivo.extensão” alt=“texto alternativo”> Ex: <img src = “bola.jpg” alt=“Bola”> <img src = “img/carro.png” alt=“Carro”>
  18. 18. Mentes em desenvolvimento <a href = “arquivos ou URL”> O texto ou a imagem que estiverem entre essas tags levarão ao arquivo.extensão. </a> Ex: <a href = “bola.jpg”> Ir para imagem da bola. </a> <a href = “http://www.google.com.br”> Ir para o site do google. </a>
  19. 19. Mentes em desenvolvimento <form name=”nome” method=”post” action=”URL”> </form>Cada elemento de um formulário é definido separadamente. Na definição doformulário, você informa o local do programa (PHP, Python, ASP) quecontrolará o formulário e a forma ou método como os dados serão enviadospara o servidor.
  20. 20. Mentes em desenvolvimento <form name=”nome” method=”post” action=”URL”> Elementos de Formulário </form> METHOD: Define o método utilizado pelo servidor para receber os dados do formulário. O método pode ser: POST: Método mais utilizado, transmite toda a informação do formulário imediatamente após a URL; GET: anexa o conteúdo do formulário ao endereço da URL, por isso tem limitação de tamanho das informações; ACTION: Especifica o programa ou página do servidor que processará os dados do formulário; NAME: Define o nome do formulário.
  21. 21. Mentes em desenvolvimento <input type=”tipo” name=”nome” value=”valor” size=”tamanho” maxlength=”comprimento” >Define um campo de entrada de dados. Cada campo de um formulário atribuio seu conteúdo a uma variável que possui nome e tipo específico.
  22. 22. Mentes em desenvolvimento <input type=”text” name=”texto” value=”Digite seu texto aqui” size=”20” maxlength=”30” >TYPE: Define o tipo de variável que pode ser: TEXT: Área de texto (usa os atributos: type, name, value, size, maxlength); Digite seu texto aqui
  23. 23. Mentes em desenvolvimento <input type=”password” name=”senha” value=”Digite seu senha” size=”20” maxlength=”11” >PASSWORD: Texto protegido por senha (usa os atributos: type, name, value, size emaxlength); •••••••••••
  24. 24. Mentes em desenvolvimento <input type=”radio” name=”opcao1” value=”Opção 1” checked>RADIO: Botão com uma opção (atributos: type; name, value, checked); Opção 1 Opção 1 Opção 3
  25. 25. Mentes em desenvolvimento <input type=”checkbox” name=”opcao1” value=”Opção 1” checked>CHECKBOX: Botão com mais opções (type, name, value, checked);  Opção 1 Opção 2  Opção 3
  26. 26. Mentes em desenvolvimento <input type=”reset” name=”limpar” value=”Limpar”>RESET: Limpa os campos (type, name, value); Limpar
  27. 27. Mentes em desenvolvimento <input type=”submit” name=”enviar” value=”Enviar”>SUBMIT: Envia os dados do formulário (type, name, value); login: robert_marinho Senha: ••••••••••• Enviar
  28. 28. Mentes em desenvolvimento <input type=”file” name=”arquivo”>FILE: Abre uma janela para selecionar arquivo (type, name); Enviar arquivo
  29. 29. Mentes em desenvolvimento <select name=”seletor” > <option> Item 1 </option> <option> Item 2 </option> <option> Item 3 </option> </select> Define uma lista de itens que podem ser selecionados pelo usuário. Item 1 Item 2 Item 3
  30. 30. Mentes em desenvolvimento <textarea name=”texto” rows=“20” cols=”30”> TEXTO </textarea>Define uma caixa de texto onde o usuário pode digitar um texto com varias linhas.ROWS = Número de linhas.COLS = Número de Colunas. Texto
  31. 31. Mentes em desenvolvimento

×