Fichas
HTML5
Fichas del conjunto (87)
- 1O que é HTMLÉ uma linguagem de marcação de HiperTextos (Textos, imagens, músicas, vídeos, etc)
- 2Como identificar o documento como html 5
- 3O que são tags em html?São demarcações escritas entre os símbolos de "menor que" e "maior que" que precisam ter um fechamento:
- 4Onde é inserido o código html?Entre as tags
- 5Como é e onde é definido a área comportamental da página?É inserido depois da tag
- 6Como é e onde é definido o corpo do texto?É inserido depois da tag
- 7Identificação do Conjunto de Caracteres a ser utilizado como UTF-8Dentro da tag com o código charset:
- 8Código para indicar que a página está no idioma Português BrasilInsira dentro da tag
- 9Mudar o título da páginaNa área comportamental () insira o código:
Seu título aqui - 10Hierarquia de títulosCódigo:
Título 1
Título 2
...
Essa hierarquia abrange do h1 ao h6 é definido na área do código - 11Como criar uma formatação dentro de uma tagExemplo com body
- 12Criar uma divisão
- 13Inserir um identificador à tag
- 14Inserir um grupo de títulos
- 15Inserir uma imagem
- 16Cabeçalho
- 17Quebra de linha
- 18Espaçamento entre palavrasSem espaço entre o ponto e virgula e a letra p:
; - 19Pré formatação (texto exatamente como foi escrito)
- 20Informar que o trecho se trata de um código
- 21Texto em negrito
- 22Itálico
- 23Texto em sublinhado (método depreciado)
- 24Ênfase no texto
- 25Formatar pequenos trechos de texto com tag específica
- 26Inserir um parágrafo
- 27Quebra de linha automática
- 28Hífen automático ;
- 29Texto riscado (método depreciado)
- 30Texto riscado (método novo)
- 31Alinhar texto (metodo depreciado)alinhamento:
center;
left;
right; - 32Símbolo "menor que" e "maior que"< ; > ;
- 33Texto inferior e texto superiorInferior:
Superior: - 34Alterar tamanho da imagem via htmlAdicionar width a tag img
- 35Delimitador semântico para o campo de imagens
- 36Legenda para imagensDentro da tag adicione
- 37Comentário em HTML
- 38Especificar classe em uma tag
- 39Painel de Navegação
- 40Listas OrdenadasItem 1
Item 2 - 41Listas DesordenadasItem 1
Item 2
etc... - 42Direcionamento para linksval para parametros:
_self = direciona link para mesma aba
_blank = direciona para nova aba - 43Criar uma seção
- 44Criar uma seção lateral
- 45Criar um rodapé
- 46Símbolo copyright©
- 47Inserir tabela
- 48Diferença entre id e classid pode ser usado apenas uma vez po objeto, já a classe pode ser utilizada mais de uma vez em um mesmo objeto
- 49Criar linha em uma tabelalinha
- 50Criar colunas em uma tabelacol1col2
- 51Fazer uma célula ocupar mais de uma coluna
- 52Fazer uma célula ocupar mais de uma linha
- 53Título de uma tabela
- 54Artigo dentro de uma sectionPode haver mais de um artigo dentro de uma section
para cada artigo: - 55Como chamar uma função quando clicar em cima de um objeto
- 56Como chamar uma função quando mover o mouse em cima de um objeto
- 57Como chamar uma função quando o mouse sair de cima de um objeto
- 58Como chamar uma função quando passar o mouse em cima de um objeto
- 59Texto descritivo para imagens
- 60Frame em html
- 61Mapeamento de imagem
- 62Áreas de mapeamentoTodas coordenadas são separadas por vírgulas;
Se o tipo for rect (retangulo) tem duas coordenadas: x1,y1,x2,y2
Se o tipo for o tipo for circle: x1,y1,raio - 63Abrir um arquivo direcionando para uma area específicacaminho.html#id
- 64Inserir aúdio em htmltipo:
"audio/mp3" para arquivos mp3
"audio/x-aac" para arquivos m4a
"audio/ogg" para arquivos ogg - 65Inserir vídeo em htmltipo:
"video/mp4" para vídeos mp4
"video/webm" para vídeos webm
"vídeo/ogg" para vídeos ogv - 66Criar formulárioslegenda
Conjunto de campos - 67Diferença entre método post e getMétodo post: envia os dados do formulário por pacotes
Método get: envia os dados do formulário por url - 68Ação do formulárioEnviar por email
action="mailto:email" - 69Formulários: Caixa de texto
- 70Formulários: Campo senha
- 71Formulários: Email
- 72Formulários: Caixa de Opção (opção única)Obs:
Dois radios ou mais do mesmo grupo devem ter o mesmo nome.
Para escolher um marcado por padrão, basta adicionar o parametro checked - 73Formulários: Data
- 74Formulários: Números
- 75Formulários: Adicionar label a um item de formulárioEtiqueta
- 76Formulários: Caixa de CombinaçãoItem 1
Item 2 Selecionado por padrão - 77Formulários, Caixa de Combinação, Grupo de itens:Item 1
Item 2 - 78Auto Preenchimentono text, adicione: list="idDataList"
crie uma tag Datalist - 79Formulários: Botão de Volume
- 80Formulários: Área de texto
- 81Formulários: Caixa de checagemparametro checked deixa marcado por padrão
- 82Formulários: Caixa de corParametro value não é obrigatório
- 83Impedir que o valor de um campo seja alteradoadicionar parametro readonly
- 84Botão convencional
- 85Botão com imagem
- 86Chamar uma função quando usuário alterar o valor de um campo
- 87Impedir página de rolaradicionar na tag a propriedade scrolling="no"