Aula 7 TABELAS

Prévia do material em texto

1.
ser uma página que se adeque a diferentes formatos de tela.
ser uma página rápida na exibição de seu conteúdo pelo navegador.
ser uma página capaz de armazenar dados localmente.
ser uma página acessível a portadores de necessidades especiais.
ser uma página fácil e intuitiva em sua navegação.
Explicação:
ser uma página que se adeque a diferentes formatos de tela.
2.
 
 
 
3.
rowspan="2"
colspan="2"
mergerow="2"
addcell
mergecol="2"
A responsividade em uma página web é:
Em HTML o uso de links é frequente. Marque a alternativa que indica o comando correto para chamada do site da 
Estacio.
Para mesclar as células 1 e 2 (primeira linha da Tabela 1), para uma única linha (primeira linha da Tabela 2), devemos 
excluir o comando de criação da célula 2 (Tabela 1) e alterar o atributo na primeira linha da primeira célula para:
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
1.
col = "1"
border = "1"
border = "0"
lin = "0"
lin = "1"
4.
<meta type="viewport" width="device scale=1.0">
<meta name="viewport" width="device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta type="viewport" content="width=device-width" scale="initial-scale-1">
<meta name="viewport" content="device=1.0">
Explicação:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5.
@mediaQuery only screen on min-width: 576px { } 
@media if (screen >= 576px) { } 
@media only screen and (min-width: 576px){ } 
@mediaQuery only screen-min-width: 576px { }
@if (screen >= 576px) { } 
Explicação:
Considerando a importância da configuração do viewport para a implementação de uma página web responsiva, 
indique qual das opções apresenta uma definição correta para o mesmo:
O CSS3 nos pertime criar o Breakpoints em Media Queries. Por exemplo, para
executar um bloco de propriedades CSS,somente se a janela do navegador for
maior do que 576px, utiliza-se a instrução
Em HTML, o recurso de tabela é extremamente eficiente quando desejamos, com pouco trabalho, criar tabelas para 
apresentação de dados. Para omitir as marcas de linhas nas tabelas, é preciso utilizar o atributo?
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
@media only screen and (min-width: 576px) { } 
6.
TABLE, TH, TD, TR
GET, HTTPS, ROWS, HTML
FORM, LABEL, INPUT, COLS
CENTER, BR, TR, HTML
OUTPUT, COLS, NAME, WRAP
7.
body - tr - td
body - line - td
table - tr - td
table - tr - colu
table - line - STYLE
8.
< td >
< lin >
< tr >
< col >
< th >
2.
< th >
< table >
< td >
< h1 >
< tr >
De uma maneira geral, tabelas são uma maneira de exibir e organizar conteúdo. Facilitam, e muito, a vida de quem 
tem muita informação. E seu uso, no dia-a-dia, são algo bem, mas bem extenso mesmo. As tabelas são também 
usadas o dia-a-dia, principalmente para armazenar informações na forma de listas. Por exemplo, uma tabela com 
notas de alunos. Os nomes dos alunos ficam numa coluna, as notas em uma coluna ao lado. Ou a tabela de presença 
e faltas. Nos itens abaixo quais são as tags para se fazer uma tabela no html:
Em HTML, o recurso de tabela é extremamente eficiente quando desejamos, com pouco trabalho, criar tabelas para 
apresentação de dados. Com o passar do tempo, este recurso começou a ganhar notoriedade, pois, além da 
apresentação de dados, era também utilizado para a formatação visual de elementos em uma página, tendo em vista 
que HTML é uma linguagem de marcação e não de diagramação. Leve em consideração apenas os nomes sem os 
sinais de menor e maior que compõem as tags. Dentre as alternativas marque a que contém apenas tags utilizadas na
construção de tabelas.
Em HTML, o recurso de tabela é extremamente eficiente, para identificar de maneira diferenciada a informação dos 
cabeçalhos de uma tabela, qual tag coloca o texto nela contido em negrito?
Em HTML, o recurso de tabela é extremamente eficiente quando desejamos, com pouco trabalho, criar tabelas para 
apresentação de dados. Qual das alternativas abaixo não corresponde a uma tag de construção de tabela em HTML?
Marque a alternativa correta que apresenta tags de uma tabela HTML.
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
3.
table, tr e td
td, tr e div
html, head e table
table, div e form
table, script e tr
4.
GET, HTTP, ROWS
COLS, NAME, WRAP
CENTER, BR, TR
FORM, LABEL, INPUT
TABLE, TH, TD
5.
< table border="1"> < th>Especialidade< /th> < th>Nome< /th> < tr> < td>Goleiro< /td> < td>João< /td> < 
td>Atacante< /td> < td>Ultom< /td> < /tr> < /table>
< table border="1"> < th>Especialidade< /th> < th>Nome< /th> < tr> < td>Goleiro< /td> < td>João< /td> 
< /tr> < tr> < td>Atacante< /td> < td>Ultom< /td> < /tr>
< table border="1"> < th>Especialidade< /th> < th>Nome< /th> < tr> < td>Goleiro< /td> < td>João< /td> 
< /tr> < tr> < td>Atacante< /td> < td>Ultom< /td> < /table>
< table border="1"> < th>Especialidade< /th> < th>Nome< /th> < tr> < td>Goleiro< /td> < td>João< /td> 
< /tr> < tr> < td>Atacante< /td> < td>Ultom< /td> < /tr> < /table>
< th>Especialidade< /th> < th>Nome< /th> < tr> < td>Goleiro< /td> < td>João< /td> < /tr> < tr> < 
td>Atacante< /td> < td>Ultom< /td> < /tr> < /table>
6.
Nenhuma das alternativas anteriores
< tr > e < td >
< th > e < tt >
< lin > e < col >
< th > e < span >
2.
<meta name="viewport" width="device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
As tabelas são muito importantes para o designer de uma home-page. Com elas pode-se fazer alinhamentos que 
dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz com que um determinado 
site tenha um aspecto mais profissional e o usuário possa navegar de forma mais eficiente, pois os objetos podem 
estar melhor posicionados na home-page. Nos itens abaixo quais são as tags para se fazer tabelas no html:
O clube de futebol XPTY solicitou uma tabela contendo duas colunas com os seguintes dados: Especialidade Nome 
Goleiro João Atacante Ultom Qual opção abaixo esta correta ?
Para definirmos uma tabela em HTML devemos utilizar a tag . Seu navegador quando encontra esta tag procura por 
informações de linhas e células, em uma tradução livre dados de tabela. Quais tags correspondem a linhas e células 
de uma tabela?
 
Considerando a importância da configuração do viewport para a implementação de uma página web responsiva, 
indique qual das opções apresenta uma definição correta para o mesmo:
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
<meta type="viewport" width="device scale=1.0">
<meta type="viewport" content="width=device-width" scale="initial-scale-1">
<meta name="viewport" content="device=1.0">
3.
@media if (screen >= 576px) { } 
@if (screen >= 576px) { } 
@mediaQuery only screen-min-width: 576px { }
@media only screen and (min-width: 576px){ } 
@mediaQuery only screen on min-width: 576px { } 
4.
CENTER, BR, TR, HTML
TABLE, TH, TD, TR
FORM, LABEL, INPUT, COLS
GET, HTTPS, ROWS, HTML
OUTPUT, COLS, NAME, WRAP
5.
< td >
< th >
< tr >
< col >
< lin >
O CSS3 nos pertime criar o Breakpoints em Media Queries. Por exemplo, para
executar um bloco de propriedades CSS,somente se a janela do navegador for
maior do que 576px, utiliza-se a instrução
De uma maneira geral, tabelas são uma maneira de exibir e organizar conteúdo. Facilitam, e muito, a vidade quem 
tem muita informação. E seu uso, no dia-a-dia, são algo bem, mas bem extenso mesmo. As tabelas são também 
usadas o dia-a-dia, principalmente para armazenar informações na forma de listas. Por exemplo, uma tabela com 
notas de alunos. Os nomes dos alunos ficam numa coluna, as notas em uma coluna ao lado. Ou a tabela de presença 
e faltas. Nos itens abaixo quais são as tags para se fazer uma tabela no html:
Em HTML, o recurso de tabela é extremamente eficiente, para identificar de maneira diferenciada a informação dos 
cabeçalhos de uma tabela, qual tag coloca o texto nela contido em negrito?
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
6.
body - line - td
body - tr - td
table - tr - td
table - tr - colu
table - line - STYLE
 
7.
TABLE, TH, TD
COLS, NAME, WRAP
FORM, LABEL, INPUT
CENTER, BR, TR
GET, HTTP, ROWS
 
8.
lin = "1"
border = "1"
border = "0"
lin = "0"
col = "1"
1.
< td >
< tr >
Em HTML, o recurso de tabela é extremamente eficiente quando desejamos, com pouco trabalho, criar tabelas para 
apresentação de dados. Com o passar do tempo, este recurso começou a ganhar notoriedade, pois, além da 
apresentação de dados, era também utilizado para a formatação visual de elementos em uma página, tendo em vista 
que HTML é uma linguagem de marcação e não de diagramação. Leve em consideração apenas os nomes sem os 
sinais de menor e maior que compõem as tags. Dentre as alternativas marque a que contém apenas tags utilizadas na
construção de tabelas.
As tabelas são muito importantes para o designer de uma home-page. Com elas pode-se fazer 
alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de 
uma tabela faz com que um determinado site tenha um aspecto mais profissional e o usuário 
possa navegar de forma mais eficiente, pois os objetos podem estar melhor posicionados na 
home-page. Nos itens abaixo quais são as tags para se fazer tabelas no html:
Em HTML, o recurso de tabela é extremamente eficiente quando desejamos, com pouco 
trabalho, criar tabelas para apresentação de dados. Para omitir as marcas de linhas nas tabelas,
é preciso utilizar o atributo?
Em HTML, o recurso de tabela é extremamente eficiente quando desejamos, com pouco trabalho, criar tabelas para 
apresentação de dados. Qual das alternativas abaixo não corresponde a uma tag de construção de tabela em HTML?
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
javascript:duvidas('726661','7109','7','3731570','7');
javascript:duvidas('2973632','7109','8','3731570','8');
< h1 >
< th >
< table >
Explicação:
< table > < th > < td > e < tr >
 
2.
html, head e table
table, script e tr
td, tr e div
table, div e form
table, tr e td
 
3.
< th>Especialidade< /th> < th>Nome< /th> < tr> < td>Goleiro< /td> < td>João< /td> < /tr> < tr> < 
td>Atacante< /td> < td>Ultom< /td> < /tr> < /table>
< table border="1"> < th>Especialidade< /th> < th>Nome< /th> < tr> < td>Goleiro< /td> < td>João< /td> 
< /tr> < tr> < td>Atacante< /td> < td>Ultom< /td> < /table>
< table border="1"> < th>Especialidade< /th> < th>Nome< /th> < tr> < td>Goleiro< /td> < td>João< /td> 
< /tr> < tr> < td>Atacante< /td> < td>Ultom< /td> < /tr> < /table>
< table border="1"> < th>Especialidade< /th> < th>Nome< /th> < tr> < td>Goleiro< /td> < td>João< /td> < 
td>Atacante< /td> < td>Ultom< /td> < /tr> < /table>
< table border="1"> < th>Especialidade< /th> < th>Nome< /th> < tr> < td>Goleiro< /td> < td>João< /td> 
< /tr> < tr> < td>Atacante< /td> < td>Ultom< /td> < /tr>
Gabarito
Comentado
 
4.
Marque a alternativa correta que apresenta tags de uma tabela HTML.
O clube de futebol XPTY solicitou uma tabela contendo duas colunas com os seguintes dados: 
Especialidade Nome Goleiro João Atacante Ultom Qual opção abaixo esta correta ?
Em HTML o uso de links é frequente. Marque a alternativa que indica o comando 
correto para chamada do site da Estacio.
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
javascript:duvidas('10796','7109','2','3731570','2');
javascript:duvidas('728494','7109','3','3731570','3');
javascript:duvidas('238918','7109','4','3731570','4');
 
 
 
Gabarito
Comentado
 
5.
mergerow="2"
mergecol="2"
colspan="2"
rowspan="2"
addcell
 
6.
< th > e < span >
< lin > e < col >
Para mesclar as células 1 e 2 (primeira linha da Tabela 1), para uma única linha (primeira linha da 
Tabela 2), devemos excluir o comando de criação da célula 2 (Tabela 1) e alterar o atributo na primeira
linha da primeira célula para:
Para definirmos uma tabela em HTML devemos utilizar a tag . Seu navegador quando encontra 
esta tag procura por informações de linhas e células, em uma tradução livre dados de 
tabela. Quais tags correspondem a linhas e células de uma tabela?
 
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
javascript:duvidas('15542','7109','5','3731570','5');
javascript:duvidas('2973620','7109','6','3731570','6');
< tr > e < td >
< th > e < tt >
Nenhuma das alternativas anteriores
células
Explicação:
Seu navegador quando encontra esta tag procura por informações de linhas
, em uma tradução livre dados de tabela. 
 
7.
col = "1"
lin = "0"
border = "0"
lin = "1"
border = "1"
Explicação:
O atributo border na tag . Ele define a espessura da linha da tabela. Para omitirmos as marcas de linhas nas tabelas, 
utilize o border="0".
 
 
Em HTML, o recurso de tabela é extremamente eficiente quando desejamos, com pouco 
trabalho, criar tabelas para apresentação de dados. Para omitir as marcas de linhas nas tabelas,
é preciso utilizar o atributo?
https://simulado.estacio.br/bdq_simulados_exercicio.asp#
javascript:duvidas('2973632','7109','7','3731570','7');
javascript:duvidas('3332499','7109','8','3731570','8');
8.
<meta type="viewport" width="device scale=1.0">
<meta name="viewport" content="device=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" width="device-width, initial-scale=1.0">
<meta type="viewport" content="width=device-width" scale="initial-scale-1">
Considerando a importância da configuração do viewport para a implementação de uma página 
web responsiva, indique qual das opções apresenta uma definição correta para o mesmo:
https://simulado.estacio.br/bdq_simulados_exercicio.asp#