HTML Flashcards

1
Q

HTML é uma linguagem de programação?

A

O HTML não é uma linguagem de programação.

Ela é uma linguagem de marcação de hypertextos que define a estrutura de uma página web, ele diz ao navegador como deve ser a exibição (display) daquela página..

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

O que são Tags no HTML?

A

São a forma de definir/marcar o tipo de Elemento do HTML a ser identificado pelos navegadores.

Ex: <title>, <h1>, <img></img></title>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

A estrutura básica do HTML é feita com as tags <head> e <body>.
Na tag <head> quais as informações presentes?

A

Tags como:

Metadados <meta></meta>
Título <title>
Links de CSS, fontes diferentes <link></link>
Códigos em JS contendo a interatividade da página '

</title>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

A estrutura básica do HTML é feita com as tags <head> e <body>.
Na tag <body> quais as informações presentes?

A

Todo o conteúdo da página web:

Textos, imagens, vídeos, tabelas, listas, formulários.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

No HTML existe elementos semanticos (que descrevem o tipo de conteúdo que pertence aquele elemento) e 2 elementos não semanticos.

Quais são esses 2 não semanticos e exemplifique alguns semanticos.

A

Não semanticos:

<div> , <span>.

Semanticos:
<header>, <nav>, <footer>, <section>, <form>, <table>
</table></form></section></footer></nav></header></span></div>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

O que são atributos no HTML?

A

São palavras especiais usadas como modificadores ou especificadores nos elementos que dão mais informações sobre o elemento HTML, definindo seu comportamento.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Qual o nome do atributo da tag <link></link> que adiciona o arquivo CSS?

A

Resposta: href
Ex:

<link></link>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Qual o nome do atributo da tag <a> que adiciona uma URL?</a>

A

Resposta: href
Ex:
<a>Visit W3Schools.com!</a>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Qual o nome do atributo da tag <img></img> que adiciona a URL da imagem?

A

Resposta: src
Ex:
<img></img>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Quais as tags necessarias para se criar uma Tabela em HTML?

A

Tags: <table>,<tr>, <th> e <td>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Quais os atributos usados nas tags <th> ou <td> para fazer o título ou dado da tabela ocupar mais de uma linha ou coluna?

A

Respota: colspan e rowspan
Ex:
<th ‘colspan=”2”>Name</th>
<th ‘rowspan=”2”>Phone</th>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Quais os atributos usados nas tags <th> ou <td> para fazer o título ou dado da tabela alinhar-se ao (centro, esquerda, direita)?

A

R: align (middle, left, right)
Ex:

<td>Eve</td>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Quais as tags necessarias para se criar uma Lista em HTML?

A

R:
Não ordenada: <ul> e <li>
Ordenada é : <ol> e <li>
De Descrição: <dl>, <dt>, <dd>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Qual a diferença entre elementos “inline” e em “block”?

A

Elementos em “block” sempre começam em uma nova linha, possuem “margin” antes e depois do elemento, ocupam todo a largura esquerda e direita.
Ex:

<p>
<div>
<form>
<table>
<video>

Elementos "inline" não começam em uma nova linha, ocupam somente a largura necessaria.
Ex:
<span>
<button>
<img></img>
<input></input>
</button></span></video></table></form></div></p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Pra que serve a tag <a> ?</a>

A

Resposta:
É uma tag âncora, serve para linkar alguma URL interna ou externa ou alguma seção com ID, ou telefones, emails, scripts.
Ex:
<a>Visit W3Schools.com!</a>
<a>Go to Section 2</a>
<a>Serviços TechWare</a>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Quais as 3 tags principais para criar um formulário?

A

<form>, <label>, <input></input>

Ex:
<form>
<label>Nome:</label>
<input></input>
<\form>
</form></label></form>

17
Q

Descreva a estrutura de tags para um formulário do tipo campo de texto:

A

<form>
<label>Nome:</label>
<input></input>
<\form>
</form>

18
Q

Descreva a estrutura de tags para um formulário do tipo campo de email:

A

<form>
<label>E-mail:</label>
<input></input>
<\form>
</form>

19
Q

Descreva a estrutura de tags para um formulário do tipo campo de senha:

A

<form>
<label>Senha:</label>
<input></input>
</form>

20
Q

Descreva a estrutura de tags para um formulário do tipo campo de numero:

A

<form>
<label>Idade:</label>
<input></input>
</form>

21
Q

Descreva a estrutura de tags para um formulário do tipo campo de seleção usando inputs tipo radio:

A

<form>
<label>Gênero:</label>
<input></input>
<label>Masculino</label>
<input></input>
<label>Feminino</label>
</form>

22
Q

Descreva a estrutura de tags para um formulário do tipo campo de seleção usando inputs tipo checkbox:

A

<form>
<label>Interesses:</label>
<input></input>
<label>Back-end</label>
<input></input>
<label>Front-end</label>
<input></input>
<label>Mobile</label>
</form>

23
Q

Descreva a estrutura de tags para um formulário do tipo campo de data:

A

<form>
<label>Data de Nascimento:</label>
<input></input>
</form>

24
Q

Descreva a estrutura de tags para um formulário do tipo campo de arquivo:

A

<form>
<label>Foto de Perfil:</label>
<input></input>
</form>

25
Q

Descreva a estrutura de tags para um botão de um formulário:

A

<form>
<button>Enviar</button>
</form>

ou

<form>
<input></input>
</form>

26
Q

Descreva a estrutura de tags para um formulário do tipo pesquisa no Google:

A

<form>
<label>Pesquise no Google</label>
<input></input>
<button>Pesquisar</button>
</form>

27
Q

Descreva a estrutura de tags para um formulário do tipo campo de texto com múltiplas linhas:

A

<form>
<label>Sobre mim:</label>
<textarea></textarea>
</form>

28
Q

Do que se trata a sigla WAI-ARIA?

A

Resposta: WAI-ARIA
(Web Accessibility Initiative – Accessible Rich Internet Applications)

São tecnicas utilizadas para aumentar a acessibilidade da Web, para seguir as diretrizes de inclusão de PcD (pessoas com deficiências).