• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Html   20.10
 

Html 20.10

on

  • 239 views

 

Statistics

Views

Total Views
239
Views on SlideShare
239
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Html   20.10 Html 20.10 Presentation Transcript

    • Mentes em desenvolvimento
    • Mentes em desenvolvimento
    • Mentes em desenvolvimento
    • 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.
    • Mentes em desenvolvimento PHP é uma linguagem de programação de computadores interpretada, livre e muito utilizada para gerar conteúdo dinâmico na Web.
    • 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).
    • 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 (Interpretador).
    • 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> </body> </html>
    • 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>
    • 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>
    • 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>
    • 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”>
    • 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>
    • 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.
    • 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.
    • 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.
    • 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
    • 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); •••••••••••
    • 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
    • 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
    • Mentes em desenvolvimento <input type=”reset” name=”limpar” value=”Limpar”>RESET: Limpa os campos (type, name, value); Limpar
    • 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
    • Mentes em desenvolvimento <input type=”file” name=”arquivo”>FILE: Abre uma janela para selecionar arquivo (type, name); Enviar arquivo
    • 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
    • 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
    • Mentes em desenvolvimento