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.
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
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