Flashcards
HTML
Cards in this deck (68)
- 1HTMLA Linguagem de Marcação de Hipertexto (HTML - HyperText Markup Language) é uma linguagem de marcação utilizada para produzir páginas na Web que são interpretadas pelos navegadores. Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows.
- 2—Quando gravamos arquivos, há
diferentes formatos de armazenar os caracteres em bytes, O Chrome, por padrão,
tentará lê-lo em uma codificação conhecida por latin1.
Se gravamos nosso arquivo em outro formato, precisamos colocar essa informação
no HTML que possui uma série de tags que nem mesmo marcam o texto, e sim
dão meta informações ao arquivo. - 3—Definir uma descrição da sua página da Web:
- 4—Definir o autor de uma página
- 5—Atualize o documento a cada 30 segundos
- 6—Configurando a viewport para tornar o seu site bom em todos os dispositivos
- 7Metadados são dados (informações) sobre dados.A marca fornece metadados sobre o documento HTML. Os metadados não serão exibidos na página, mas serão analisáveis por máquina.
Os elementos meta normalmente são usados para especificar a descrição da página, as palavras-chave, o autor do documento, a última modificação e outros metadados.
Os metadados podem ser usados por navegadores (como exibir conteúdo ou recarregar página), motores de busca (palavras-chave) ou outros serviços da Web.
O HTML5 introduziu um método para permitir que os web designers assumissem o controle sobre a viewport (a área visível do usuário de uma página da web), através da marca (veja o exemplo "Configuração do Viewport" abaixo). - 8—A declaração deve ser a primeira coisa no seu documento HTML, antes da tag .
A declaração não é uma tag HTML; é uma instrução para o navegador web sobre a versão do HTML em que a página está escrita. - 9—A etiqueta de comentário é usada para inserir comentários no código-fonte. Os comentários não são exibidos nos navegadores.
- 10—A tag define um hiperlink, que é usado para vincular de uma página para outra.
- 11—A marca define uma abreviatura ou um acrônimo, como "Sr.", "Dec.", "ASAP", "ATM".
Dica: uma abreviatura e um acrônimo são versões abreviadas de outra coisa. Ambos são frequentemente representados como uma série de letras.
As abreviaturas de marcação podem fornecer informações úteis para navegadores, sistemas de tradução e mecanismos de pesquisa. - 12—A marca define as informações de contato para o autor / proprietário de um documento ou um artigo.
Se o elemento estiver dentro do elemento , ele representa as informações de contato para o documento.
Se o elemento estiver dentro de um elemento , ele representa as informações de contato para esse artigo.
O texto no elemento normalmente é traduzido em itálico . A maioria dos navegadores irá adicionar uma quebra de linha antes e depois do elemento de endereço. - 13—A tag <área> define uma área dentro de um mapa de imagem (um mapa de imagem é uma imagem com áreas clicáveis).
O elemento está sempre aninhado dentro de uma marca .
Nota: O atributo usemap na marca está associado ao atributo do nome do elemento e cria uma relação entre a imagem e o mapa. - 14—A tag especifica conteúdo autônomo independente.
Um artigo deve ter sentido por conta própria e deve ser possível distribuí-lo independentemente do resto do site.
Fontes potenciais para o elemento :
Postagem do fórum
Postagem do blog
Notícia
Comente - 15—A propriedade background-color define a cor de fundo para um elemento HTML.
- 16This is a headingA propriedade de cor define a cor do texto para um elemento HTML:
- 17This is a headingA propriedade font-family define a fonte a ser usada para um elemento HTML
- 18This is a headingA propriedade font-size define o tamanho do texto para um elemento HTML
- 19Centered HeadingA propriedade text-align define o alinhamento de texto horizontal para um elemento HTML
- 20—texto em negrito
- 21—Texto importante
- 22—texto itálico
- 23—texto enfatizado
- 24—texto marcado
- 25—Texto pequeno
- 26—O elemento HTML define uma pequena cotação.
- 27—O elemento HTML define uma seção que é citada de outra fonte.
- 28Você pode definir a cor das bordas:Hello World
- 29.class
- 30#id
- 31(9, 100%, 64%, 0.5)hsl ( tonalidade , saturação , leveza )
- 32(255, 99, 71, 0.5)rgba ( vermelho, verde , azul, alfa )
- 33#ff6347hex
m HTML, uma cor pode ser especificada usando um valor hexadecimal na forma: - 34Tipos de CSSInline - usando o atributo de estilo em elementos HTML
Interno - usando um elemento na seção <head>
Externo - usando um arquivo CSS externo - 35Os links HTML são hiperlinkslink text
- 36Em HTML, as imagens são definidas com a marca
- 37Use a marca
- 38Para adicionar uma imagem de fundo em uma página da Web,
- 39Mostre uma imagem se a janela do navegador (viewport) for um mínimo de 650 pixels, e outra imagem se não, mas maior que 465 pixels.
- 40—Uma tabela HTML é definida com a tag
- 41—Cada linha de tabela é definida com a marca
- 42—Um cabeçalho da tabela é definido com a tag
Por padrão, os cabeçalhos das tabelas são negrito e centrado - 43—Um dado de tabela / célula é definido com a tag
- 44—Use o elemento HTML para definir uma legenda da tabela
- 45text-alignUse a propriedade CSS text-align para alinhar o texto da célula
- 46colspanUse o atributo colspan para criar uma célula várias colunas
Name
Telephone
Bill Gates
55577854
55577855 - 47rowspanPara tornar uma célula mais de uma linha, use o atributo rowspan :
Name:
Bill Gates
Telephone:
55577854
55577855 - 48eEspecifica um grupo de uma ou mais colunas em uma tabela para formatação
ISBN
Title
Price
3476896
My first HTML
$53 - 49—A tag é usada para agrupar conteúdo de cabeçalho em uma tabela HTML.
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
} - 50—A marca é usada para agrupar o conteúdo do corpo em uma tabela HTML.
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
} - 51—A marca é usada para agrupar o conteúdo do rodapé em uma tabela HTML.
tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit;
} - 52—Uma lista não ordenada começa com a tag
Cada item de lista começa com a marca
Coffee
Tea
Milk - 53—Uma lista ordenada começa com a marca . Cada item de lista começa com a marca
Coffee
Tea
Milk - 54—O elemento é um elemento de nível de bloco.
- 55—Um formulário HTML com dois campos de entrada e um botão enviar:
First name:
Last name: - 56—A tag especifica um campo de entrada onde o usuário pode inserir dados.
- 57—A tag define um controle de entrada de texto de várias linhas.
- 58—A marca define um botão clicável.
- 59—O elemento é usado para criar uma lista suspensa.
Volvo
Saab
Mercedes
Audi - 60—A tag define uma opção em uma lista de seleção.
Volvo
Saab
Opel
Audi - 61—O é usado para agrupar opções relacionadas em uma lista suspensa.
Volvo
Saab
Mercedes
Audi - 62—A tag é usada para agrupar elementos relacionados em um formulário.
Personalia:
Name:
Email:
Date of birth: - 63—A marca define um rótulo para um elemento .
Male
Female
Other - 64—Para mostrar um vídeo em HTML, use o elemento
Your browser does not support the video tag. - 65—Para reproduzir um arquivo de áudio em HTML, use o elemento
Your browser does not support the audio element. - 66—O elemento é suportado por todos os navegadores.
- 67—O elemento HTML é usado para desenhar gráficos em uma página da Web.
O elemento HTML é usado para desenhar gráficos, sobre a marcha, via JavaScript. - 68SVGO que é SVG?
SVG significa gráficos vetoriais escaláveis
SVG é usado para definir gráficos para a Web
SVG é uma recomendação do W3C
Information
- Description
- A Linguagem de Marcação de Hipertexto (HTML - HyperText Markup Language) é uma linguagem de marcação utilizada para produzir páginas na Web que são interpretadas pelos navegadores. Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows.
- Created by
- Paulo Sérgio
- Views
- 82
- Tags
- Rating