Visão geral de HTML + CSS
Tese: Visão geral de HTML + CSS. Pesquise 860.000+ trabalhos acadêmicosPor: ThaisSoouza12 • 11/9/2014 • Tese • 1.906 Palavras (8 Páginas) • 474 Visualizações
Revisão HTML + CSS
1. Quais as principais tags localizadas no cabeçalho HTML? Quais suas funções?
Cabeçalho
Dentro do cabeçalho podemos encontrar os seguintes elementos:
• <title>: define o título da página, que é exibido na barra de título dos navegadores
• <style type="text/css">: define formatação em CSS
• <script type="text/javascript">: define programação de certas funções em página com scripts, podendo adicionar funções de JavaScript
• <link>: define ligações da página com outros arquivos como feeds, CSS, scripts, etc
• <meta>: define propriedades da página, como codificação de caracteres, descrição da página, autor, etc
São meta informações sobre documento. Tais campos são muitos usados por mecanismos de busca (como o Google, Yahoo, Bing) para obterem mais informações sobre o documento, a fim de classificá-lo melhor. Por exemplo, pode-se adicionar o código <meta name="description" content="descrição da sua página" /> no documento HTML para indicar ao motor de busca que texto de descrição apresentar junto com a ligação para o documento. Para o motor de busca Google, por exemplo, elementos meta como keywords não são utilizadas para indexar páginas. Apenas <title> e a meta <description> são usadas para descrever a página indexada.6
Obs: as etiquetas <style> e <script> servem tanto para delimitar os espaços usados pelos códigos na página quanto para invocar códigos existentes em outros arquivos externos.
2. Qual a função do doctype? Onde ele deve ser colocado no arquivo HTML? Qual a sintaxe correta para definir o doctype para html 5?
O Doctype indica para o navegador e para outros meios qual a especificação de código utilizar. Em versões anteriores, era necessário referenciar o DTD diretamente no código do Doctype. Com o HTML5, a referência por qual DTD utilizar é responsabilidade do Browser.
O Doctype não é uma tag do HTML, mas uma instrução para que o browser tenha informações sobre qual versão de código a marcação foi escrita.
O Doctype deve ser a primeira linha de código do documento antes da tag HTML.
<!DOCTYPE html>
3. Devemos colocar um parágrafo de texto no cabeçalho do arquivo? Por quê?
Não, pois não há necessidade.
4. Pode haver conteúdo no HTML sem marcação alguma?
Nao, pois html é uma linguagem de marcação utilizada para produzir páginas na Web.
5. Qual a vantagem de usar as tags <Strong> e <em> em vez de usar <B> e <I>?
As tags <strong> e <em>, estas sim, são interpretadas por todas as tecnologias assistivas e devem ser usadas em substituição a <b> e <i> se a sua intenção é a de contemplar estas tecnologias.
6. Como podemos colocar uma imagem em uma página HTML? Qual/quais atributo(s) devemos utilizar?
Podemos criar imagens usando a marcação img.
<img src=””alt=””>
7. Qual a diferença entre uma lista ordenada e uma lista não ordenada? Qual a marcação para fazer cada uma delas?
As listas ordenadas são listas numeradas automaticamente pelo navegador. Utilizamos a tag <OL> para iniciar uma lista, <LI> para indicar um item e </OL>para finalizar a lista.
As listas não ordenadas são muito parecidas com as ordenadas. A única diferença é que elas não definem explicitamente uma ordem. Utilizamos a tag <UL> para iniciar a lista, <LI> para indicar um item e </UL> para finalizar a lista.
8. Em uma tabela, qual a diferença entre a tag <TH> e a tag <TD>?
<td>e</td> Indica o início e o fim de uma célula.
<th>e</th> Indica o início e o fim de uma célula de um titulo.
9. Deve-se usar uma tabela para organizar o layout de uma página HTML? Por quê?
Tabelas devem ser usadas apenas para marcação de informação especificamente tabular e nunca para organização de layout, pois pode não ser compreendido por softwaresespecializados que necessitam da marcação apropriada para organizar a página e a navegação.
10. Como podemos fazer uma célula de uma tabela ocupar duas ou mais colunas?
11. Para que servem as propriedades action e method em um formulário? Elas são obrigatórias? Quais os valores que elas podem/devem ter?
a propriedade action é para onde o formulário deve ser enviado.
A propriedade method diz de que forma esses dados devem ser enviados, se pelo método post, escondido aos olhos do usuário ou se por GET, onde são acrescentados os valores dos campos na url da outra página.
O atributo method não deve ser modificado. Seu valor deve sempre ser post.
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
12. Qual o atributo que não pode faltar em um input para que ele funcione corretamente?
Input de texto
13. Como podemos fazer a marcação dos seguintes elementos de um formulário?
a. Input de texto
<input type="text">
b. Input de senha
<input type="password">
c. Select
<select> </select>
d. Radio
...