Baixe o app para aproveitar ainda mais
Prévia do material em texto
............................................................................................................................... SISTEMA DE INFORMAÇÃO– N1WEBS DEBORAH YASMINE NUNES SANTOS - 126512014 Abordando alguns assuntos sobre HTML ........................................................................................................................................ Guarulhos 2021 DEBORAH YASMINE NUNES SANTOS Abordando alguns assuntos sobre HTML Trabalho apresentado ao Curso Sistema de Informação do Centro Universitário ENIAC para a disciplina Tecnologia WEB, HTML 5,CSS e Javascript. Prof.Nelson Luzetti Criado Guarulhos 2021 Assunto 1 O seu professor de Ferramentas de Desenvolvimento Web lançou os seguintes desafios para a turma: 1 - Qual é a função do doctype em um documento HTML? 2 - Quais são os oito tipos de doctype que podem ser encontrados nos documentos atuais e a característica de cada um? R: 1-Quando informamos no código <!Doctype html>(Document Type Definition) estamos informando qual tipo de documento será utilizado, ou seja o desenvolvedor esta fazendo uma especificação de qual versão do HTML que será usada, fazendo com que assim o browser possa fazer a identificação do tipo de documento. 2-HTML 4.0 – Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose. dtd"> HTML 4.0 – Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict. dtd"> XHTML 1.0 – Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> XHTML 1.0 – Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> XHTML 1.1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> XHTML 1.0 específico para celulares/smartphones <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> HTML 5- <!doctype html> Obs: As diferenças entre Transitional e Strict basicamente é que no primeiro só aceitas algumas incoerências e manipulações semânticas, já no strict por ser uma estrutura HTML mais rígida, não se é aceito as coisas citadas no transitional. Este é o formato mais recente, entretanto o HTML 5 ainda esta em constante desenvolvimento e alguns erros podem ocorrer em alguns navegadores. Assunto 2 Uma escola contratou você para ajudá-los a colocar em seu site todo o conteúdo que é trabalhado com os alunos ao longo do ano. Uma das professoras das séries iniciais está trabalhando as cores com a sua turma e gostaria de organizá-las no site de forma a ficar claro que as cores classificam-se em três tipos e que, cada um desses tipos, possui cores específicas. Levando em consideração que em documentos hipertexto, as listas servem para relacionar itens, normalmente dispostos com marcadores, para facilitar a visualização dos elementos que pertencem a determinados grupos, ajude a professora criando um documento HTML que apresente uma lista não ordenada que relacione a classificação das cores (primárias secundárias e terciárias). Cada uma dessas listas deve conter uma lista ordenada aninhada, que apresente as respectivas cores de cada uma, conforme imagem a seguir: R: <code> <!DOCTYPE html> <html> <head> <title>Desafio UA-1</title> <meta charset="utf-8"> </head> <body> <h2>Classificação das cores</h2> <ul> <li> <h3>Cores primárias</h3> <ol> <li>Vermelho</li> <li>Azul</li> <li>Amarelo</li> </ol> </li> </ul> <ul> <li> <h3>Cores secundárias</h3> <ol> <li>Verde</li> <li>Laranja</li> <li>Roxo</li> </ol> </li> </ul> <ul> <li> <h3>Cores terciárias</h3> <ol> <li>Laranja</li> <li>Oliva</li> <li>Turquesa</li> <li>Celeste</li> <li>Violeta</li> <li>Rosa</li> </ol> </li> </ul> </body> </html> </code> Assunto 3 Leonardo é aluno da disciplina de Ferramentas de Desenvolvimento Web e está fazendo uma avaliação final do semestre. A quinta e última questão traz o seguinte contexto: Você é um desenvolvedor de sites e precisa definir qual o tipo de seletor de CSS é usado para a formatação dos códigos HTML. Lembre-se que, na página a ser criada, várias formatações serão iguais em vários blocos, com códigos idênticos sendo reutilizados. Justifique o motivo da escolha da regra. R: No que se refere a construção de uma página em que várias formatações iguais são repetidas, a indicação de melhor escolha do seletor de CSS é utilizar uma CLASSE. Neste caso, a Classe, diferente dos outros seletores, permite que formatações sejam compartilhadas dentro da página, com variações dos elementos, evitando desta forma, que o desenvolvedor tenha a necessidade de repetir a digitação de todos os códigos, otimizando em muito a produtividade e o tempo de resposta do site. Conclusão Com base nas informações adquiridas em aula, pude realizar uma pequena pesquisa sobre os principais assuntos sobre HTML, e assim, expor um pouco de conhecimento sobre o assunto. Bibliografia https://www.clubedohardware.com.br/topic/1416561-qual-a-fun%C3%A7%C3%A3o-do-doctype-no-html/ https://pequenasduvidas.com/tipo-de-declaracao-doctype-no-html/ http://gabsferreira.com/pra-que-serve-a-tag-doctype-em-arquivos-html/
Compartilhar