Baixado 22 vezes
![Checkbox
Selecione uma cidade:<br> <p align=
”center”>
<input type=”checkbox” name=”pesquisa[]”
value=”umuarama”>Umuarama<br>
<input type=”checkbox” name=”pesquisa[]”
value=”guaira” checked>Guaira<br>
<input type=”checkbox” name=”pesquisa[]”
value=”curitiba”>Curitiba<br>
</p>](https://image.slidesharecdn.com/php1-140915201810-phpapp01/75/Basico-PHP-Introducao-HTML-24-2048.jpg)
Carregado porWellington Oliveira
Básico PHP: Introdução HTML
O documento fornece uma introdução aos conceitos básicos de HTML, como estrutura de um documento HTML, principais tags, formulários e campos de formulários. Ele também apresenta um exercício para aplicar esses conceitos na criação de um site simples.
Mais conteúdo relacionado
Semelhante a Básico PHP: Introdução HTML
Básico PHP: Introdução HTML
- 1. Desenvolvendo Aplicações WEB Introdução PHP
- 2.
- 3. Conceitos de HTML HTML é composto por tag's, que são marcações delimitadas pelos símbolos “<” e “>”, usados para indicar uma formatação. <html> ... página web ... </html>
- 4. Conceitos de HTML Um documento HTML é formado basicamente por cabeçalho e corpo. No cabeçalho, fornecemos informações, como o nome da página, autor, palavras-chave para pesquisa, etc. Essas informações não ficam expostas no navegador do usuário.
- 5. Conceitos de HTML Um documento HTML é formado basicamente por cabeçalho e corpo. No cabeçalho, fornecemos informações, como o nome da página, autor, palavras-chave para pesquisa, etc. Essas informações não ficam expostas no navegador do usuário.
- 6. Conceitos de HTML <html> <head> <title>Minha Página Web!!! </title> </head> ... </html>
- 7. Conceitos de HTML O corpo da página começa com a tag <body> e termina com </body>
- 8. Conceitos de HTML <html> <head> <title>Minha Página Web!!!</title> </head> <body> o que escrever aqui aparece </body> </html>
- 9. Conceitos de HTML A grande maioria das tag's HTML possuem atributos, que são valores passados a elas para que as mesmas assumam uma formatação diferente.
- 10. Conceitos de HTML <html> <head> <title>Minha Página Web!!!</title> </head> <body bgcolor=‘blue’> o que escrever aqui aparece </body> </html>
- 11. Principais TAGs •<h...></h...> • <br /> • <p>.....</p> • <font ....>.....</font> • <a ....>.....</a> • <img ...../> • <table><tr><td>....</td></tr></table>
- 12. Formulários HTML •Formulários são estruturas usadas para que o visitante possa interagir com o site, enviando informacõ̧es para o site. • O campo pertencente ao formulário é delimitado pelas tag's <form> e </form>
- 13. Formulários HTML •Os principais atributos são: • action: indica o script que irá processar as informações enviadas pelo formulário; • metido: indica a forma que será enviada essa informação
- 14. Metodo GET •Usado para enviar pequenas quantidades de informacão, visto ̧ que sua capacidade de envio é limitada. • O método GET usa a barra de endereco̧s do navegador para enviar informacõ̧es para o servidor. Possui um limite de 256 caracteres.
- 15. Metodo GET •http://localhost/executa.php? informação1=valor1&informação2=valor2
- 16. Método POST •O método POST envia as informações para o servidor internamente ao protocolo HTML. • A mensagem então pode ser criptografada; • Não possui restrição de tamanho.
- 17. Como Fazer? <formaction=”script.php” method=”GET”> <form action=”script.php” method=”POST”>
- 18. Campo de Texto Nome: <input type=”text” name=”nome_do_visitante” size=”50” maxlenght=”50” value=”Digite aqui seu nome”>
- 19. Campo de Password Senha: <input type=”password” name=”senha” size=”12” maxlenght=”12”>
- 20. Área de Texto Comentário: <textarea name=”comentario” rows=”10” cols=”10”>comentário:</textarea>
- 21. Área de Texto Comentário: <textarea name=”comentario” rows=”10” cols=”10”>comentário:</textarea>
- 22. ListBox <select name=”cidade”size=”5” multiple> <option value=”guaira”>Guaira</option> <option value=”umuarama”>Umuarama</option> <option value=”lovat”>Lovat</option> <option value=”cascavel”>Cascavel</option> <option value=”cianorte”>Cianorte</option> </select>
- 23. ComboBox <select name=”cidade2”> <option value=”guaira”>Guaira</option> <option value=”umuarama”>Umuarama</option> <option value=”lovat”>Lovat</option> <option value=”cascavel”>Cascavel</option> <option value=”cianorte”>Cianorte</option> </select>
- 24. Checkbox Selecione umacidade:<br> <p align= ”center”> <input type=”checkbox” name=”pesquisa[]” value=”umuarama”>Umuarama<br> <input type=”checkbox” name=”pesquisa[]” value=”guaira” checked>Guaira<br> <input type=”checkbox” name=”pesquisa[]” value=”curitiba”>Curitiba<br> </p>
- 25. Radiobutton Enquete:<br> Quenota você daria ao nosso formulário?<br> <p align=”center”> <input type=”radio” name=”nota” value=”5”>Otimo <input type=”radio” name=”nota” value=”4”>Bom <input type=”radio” name=”nota” value=”3”>Regular <input type=”radio” name=”nota” value=”2”>Ruim <input type=”radio” name=”nota” value=”1”>Péssimo </p>
- 26. Botões Submit eReset • <input type=”submit” name=”botao” value=”enviar”> • <input type=”reset” name=”limpar” value=”limpar”>
- 27. Exercício • Monteo layout do seu site. Use tabelas para organizar o conteúdo. O site deve ter um banner na parte superior, uma coluna para o conteúdo, outra coluna para o menu de navegacão ̧ do usuário e um rodapé contendo seu nome;
- 28. Exercício • Noespaco ̧ destinado ao conteúdo, monte seu curriculum vitae. Na coluna ao lado, crie uma tabela contendo 3 linhas e uma coluna. Abaixo dela, crie um formulário de enquete e peca̧ para que o visitante de ̂uma nota ao seu site
- 29. Exercício • Abaixode seu curriculum, crie outro formulário para que o visitante possa adicionar comentários ao conteúdo do site. O visitante deve informar o nome, localidade, e- mail de contato, uma nota para o conteúdo e um comentário..
- 30. Referência • PHPe Mysql do autor Leandro Correa dos Santos.
- 31. Apresentação • Desenvolvidapelo Prof. Me. Wellington Pinto de Oliveira