Front-End (HTML)
•
1 gostou•448 visualizações
O documento discute as tecnologias fundamentais do desenvolvimento front-end, incluindo HTML, CSS e JavaScript. Ele explica a estrutura básica de um documento HTML e vários elementos importantes como tags, imagens, formulários e links.
Recomendados
Mais conteúdo relacionado
Último
Último (6)
Destaque
Destaque (20)
Front-End (HTML)
- 1. sábado, 23 de março de 13
- 2. Desenvolvimento Front-End sábado, 23 de março de 13
- 3. • HTML • Semântica • SEO • CSS • JavaScript • Bibliotecas e Frameworks sábado, 23 de março de 13
- 4. Tabelas vs Tableless sábado, 23 de março de 13
- 5. HTML sábado, 23 de março de 13
- 6. HyperText Markup Language HTML não é linguagem de programação sábado, 23 de março de 13
- 7. Tags <tag atributo="valor"></tag> <tag atributo="valor"> sábado, 23 de março de 13
- 8. Estrutura básica de um documento sábado, 23 de março de 13
- 9. <!doctype> a tag ```<!doctype>``` define o tipo de html que estamos escrevendo, no caso do exemplo acima HTML5, fazendo o browser compreender corretamente os elementos presentes no documento. sábado, 23 de março de 13
- 10. Outros exemplos de Doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ html4/strict.dtd"> <!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"> sábado, 23 de março de 13
- 11. Elementos para marcação de texto • <h1></h1>, .., <h6></h6> • <span></span> • <p></p> • <b></b> • <i></i> • <strong></strong> • <em></em> sábado, 23 de março de 13
- 12. Elementos para marcação de imagens <img src="imagem.jpg" alt="Descrição alternativa"> sábado, 23 de março de 13
- 13. Elementos estruturais • Lista não ordenada • Lista ordenada • Lista de definição • <div></div> sábado, 23 de março de 13
- 14. Elementos de formulário • action : define o endereço para onde os dados serão enviados • method : define o método de envio dos dados através do protocoo HTTP que pode ser POST ou GET • enctype : esse atributo deve ser utilizado em formulários que enviem arquivos com o valor de multipart/form- data sábado, 23 de março de 13
- 15. <label></label> sábado, 23 de março de 13
- 16. <input type=”x”> • text • hidden • password • submit • radio • reset • checkbox • button • file sábado, 23 de março de 13
- 17. select sábado, 23 de março de 13
- 18. Outros • <textarea></textarea> • <button></button> sábado, 23 de março de 13
- 19. Atributos comuns nos elementos de formulário • value: define um valor padrão para o campo (exceto em textareas). • disabled: desativa um campo (exceto `<input type="hidden">`, os dados desse campo não serão enviados com o formulário. • readonly: o valor do campo não pode ser editado, mas os dados são enviados com o formulário. • checked : valido para elemenetos `radio` e `checkbox`, definem o campo como selecionado por padrão. sábado, 23 de março de 13
- 20. Hyperlinks sábado, 23 de março de 13
- 21. IFrame sábado, 23 de março de 13