Introdução ao HTML: Tópicos e Objetivos de Aprendizagem

07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 132 Introdução ao HTML Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 232 Início de conversa Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 332 Olá Cursista Nesta parte vamos explorar o tema introdução ao HTML Assista o vídeo com os principais tópicos sobre o tema e anote suas dúvidas Envie suas dúvidas no Classroom da disciplina Classroom Atividades Dúvidas sobre o conteúdo interaja com o professor e colabore com seus colegas Aproveite para aprofundar os estudos explorando o material organizado na seção SAIBA MAIS Objetivos de aprendizagem Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 432 Os objetivos de aprendizagem desta parte são Entender o que é o HTML Estudar a estrutura e sintaxe básica da linguagem Apreender os principais marcadores tags Saber como usar atributos HTML Compreender a importância da semântica na construção de sites Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 532 Conteúdo A seguir vamos ao vídeo Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 632 Introdução ao HTML Desenvolvimento Web Introdução ao HTML Desenvolvimento Web NEaD Faculdade Impacta NEaD Faculdade Impacta Clique no ícone ao lado e aproveite para fazer suas anotações durante os estudos utilizando o Google Keep Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 732 Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 832 Leitura do texto de apoio Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 932 Leia o texto para aprofundar os temas discutidos no vídeo Entre em contato com o professor para esclarecer suas dúvidas Classroom Atividades Dúvidas sobre o conteúdo Introdução ao HTML Prof MSc Yuri Maximian Rottner Dirickson Texto revisto atualizado e ampliado por Prof Dr Rafael Will M de Araujo Resumo Se o HTTP é o grande protocolo de comunicação para a web o HTML aparece como a linguagem que nos dá a estrutura para os sites que vemos hoje O HT que aparece em ambos significa HyperText ou seja uma coletânea de textos que podem ser lidos na ordem que o usuário desejar conectados entre si O HTML é uma linguagem de marcação que dá a sustentação para o conteúdo que queremos mostrar trazendo poder sintático e semântico para os nossos textos Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 1032 O que é o HTML HTML é uma sigla para HyperText Markup Language que significa linguagem de marcação de hipertexto Hipertextos são documentos que permitem que o leitor possa ler em uma ordem que ele bem entenda usando ligações links entre os diferentes textos que compõem o hipertexto HIPERTEXTO sd Na web ao adentrar em um site é possível navegar em diferentes páginas deste site da maneira que quisermos clicando nos links internos dele A web é a maior coleção de hipertextos que existe O HTML é uma linguagem de marcação ou seja é uma linguagem artificial que define um conjunto de sinais e códigos aplicados a um texto ou a dados para definir a sua configuração A marcação não aparece no trabalho final Assim o HTML não é uma linguagem de programação pela ausência de várias características variáveis de estruturas de decisãorepetição funções etc A função do HTML é dar estrutura significado e semântica para o conteúdo que desejamos mostrar nos sites da web Podemos usar os marcadores tags para indicar um texto como sendo um parágrafo títulos citações tabelas etc onde os navegadores usam esses marcadores para mostrar uma página estruturada na tela dos computadores O navegador é portanto o interpretador da linguagem HTML pois ele interpreta as tags e renderiza exibe o conteúdo formatado na tela A primeira versão da linguagem HTML foi escrita em 1993 por Tim BernersLee como forma de resolver o problema de compartilhar suas pesquisas com o seu grupo Desde então o HTML evoluiu bastante sendo a versão mais atual o HTML5 uma revolução em termos de semântica e estrutura na web Sintaxe básica O HTML é composto de marcadores ou mais comumente chamados de tags para dar significado semântico a um texto Esse conteúdo tradicionalmente fica em arquivos com extensão html que podem ser manipulados em qualquer editor simples de texto As marcações seguem uma estrutura específica e sua própria nomenclatura Todo marcador tag começa com o sımbolo menor que seguido do identificador da tag e termina com maior que Figura 21 Marcadores tags de abertura html head body p Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 1132 Fonte do autor 2022 Após o marcador de abertura podemos incluir algum conteúdo textual Por fim devemos fechar o marcador de forma semelhante à marcação de abertura mas adicionando uma barra entre o símbolo menor que e o identificador da tag Figura 22 Marcadores tags de fechamento html head body p Fonte do autor 2022 Outro detalhe importante é que o HTML não é sensível a maiúsculas ou minúsculas ou seja escrever uma determinada tag como marcador Marcador ou MARCADOR não fará diferença no funcionamento mas é uma boa prática escrever o identificador da tag com letras minúsculas Ao contrário do que ocorre na linguagem Python o navegador não diferencia espaços a mais que existam nos documentos HTML sejam quebras de linha tabulações tabs ou apenas espaços que não sejam os separadores de palavras Algumas tags não possuem o marcador de fechamento e em geral são utilizadas para inserir algum conteúdo especial ou efeito na página são tags ditas autocontidas Um exemplo é a tag de quebra de linha que é representada por br ou br Note que a barra de fechamento no fim da tag segunda opção é opcional no HTML5 e ambas as formas causarão o mesmo efeito A junção da tag e seu conteúdo se houver é chamado de elemento HTML Figura 23 Elemento HTML que define um parágrafo pSalve este exemplo em um arquivo com extensão html e abrao no navegador Note que o conteúdo do parágrafo fica entre as tags de abertura e fechamentop Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 1232 Fonte do autor 2022 Atributos HTML Dentro das tags HTML podemos colocar informações adicionais que auxiliam o navegador a entender e estruturar melhor o documento Essas informações são chamadas de atributos HTML Os atributos são adicionados sempre nas tags de abertura no formato nomevalor sendo possível haver mais de um atributo na mesma tag bastando separálos por um espaço em branco Figura 24 Parágrafo com dois atributos p idparagrafo classprincipalSalve este exemplo em um arquivo com extensão html e abrao no navegador Note que o conteúdo do parágrafo fica entre as tags de abertura e fechamento p Fonte do autor 2022 Existem diversos atributos para as tags com os mais diferentes objetivos alguns são de escopo global ou seja todas as tags podem usar como os atributos id e class por exemplo e outros são específicos para tags específicas exemplos o atributo href para as tags a e link ou o atributo src para as tags img e script Uma relação mais completa pode ser vista em HTML Attributes sd Tags aninhadas O HTML permite escrever tags dentro de outras tags o que permite criar uma estrutura hierárquica de marcadores que definirá a organização do documento uma página na web É possível por exemplo ter várias tags que marcam textos simples dentro de um parágrafo como mostra a Figura 25 Figura 25 Exemplos de tags aninhadas pEste parágrafo contém outras tags dentro dele Isso fará com que strongeste trecho fique em negritostrong já esta outra emo deixará em itálicoem As duas últimas deixam o instexto sublinhadoins e por fim deltaxadodel Note portanto a importância da hierarquia de tags no HTMLp Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 1332 Fonte do autor 2022 Estrutura básica do documento HTML Para definir um documento em HTML usamos a estrutura básica definida na Figura 26 Nela podemos notar o uso das seguintes tags Tabela 21 Tags utilizadas na figura 26 Fonte do autor 2022 Figura 26 Estrutura básica de um documento em HTML Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 1432 DOCTYPE html html head Esta parte contém metadados e informaçõesconfigurações sobre o documento head body Esta parte define o corpo do documento títulos de seção parágrafos tabelas imagens etc body html Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 1532 Fonte do autor 2022 Note que cada uma das tags possui uma função muito específica e devem aparecer na ordem definida no exemplo A seguir explicaremos os principais marcadores tags da linguagem dividindoas em categorias para facilitar o entendimento Tipos de tags do HTML O HTML5 define mais de 100 tags diferentes para diversos objetivos Obviamente estudar todas elas seria um trabalho muito grande e por esse motivo vamos enfatizar as tags importantes e mais usadas Por mais que existam muitas tags é possível dividilas em algumas categorias para ajudar a encontrar uma que mais se adeque ao conteúdo que desejamos mostrar As categorias de tags que dividimos neste curso são configuração marcação de texto estruturas de texto estruturas de documento e multimídia Tags de configuração São tags escritas diretamente na head do documento usadas para configurar como o navegador vai interpretar o documento como um todo As mais comuns desta categoria são title meta link style e script As tags style e script são específicas para o uso do CSS e do JavaScript respectivamente e as detalharemos mais adiante no nosso curso A tag title define o título do documento Esse título sempre será um texto e irá aparecer na barra de título do navegador na aba dele A tag meta é usada para configurar metadados informações sobre o documento que são invisíveis ao usuário mas importantes ao navegador e buscadores é uma tag autocontida que aceita vários atributos diferentes O atributo charset é comumente utilizado para indicar qual codificação de caracteres foi utilizada no arquivo HTML O recomendado é que seja utilizada a codificação UTF8 A tag link é usada para carregar recursos externos usados na visualização pelo navegador como arquivos CSS ou um ícone para a aba do navegador favicon O Figura 27 mostra como essas tags são utilizadas Figura 27 Tags de Configuração Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 1632 DOCTYPE html html head meta charsetUTF8 titleTítulo do Documentotitle link relicon hreffaviconico head body body html Fonte do autor 2022 Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 1732 Note que para simular esse exemplo em sua plenitude você deve ter um arquivo de ícone uma imagem com extensão ico png jpg etc com o mesmo nome indicado no atributo href da tag link O ícone sempre deve ser uma imagem quadrada e de preferência pequena 16x16 32x32 64x64 pixels etc Tags de marcação de texto São tags utilizadas para marcar um texto específico sem que haja uma quebra no fluxo do texto em si como se fosse usado um marca texto físico Elas são usadas para dar algum tipo de ênfase no texto que desejamos marcar As mais importantes são as tags a strong em ins e del A tag a âncora é uma das mais utilizadas na Internet pois é ela que possibilita a navegação entre os diferentes hipertextos criando os hiperlinks entre eles O texto interno à tag é o que fica marcado como conteúdo clicável pelo navegador ganhando a clássica cor azul e sublinhado como estilo padrão Para a âncora funcionar ela precisa do atributo href definido Este atributo terá a URL do recurso que a âncora está referenciando onde será navegado quando ela for clicada Essa URL pode ser tanto absoluta com protocolo domínio etc quanto relativa com apenas o caminho que falta dentro do mesmo domínio Além disso ela pode referenciar um conteúdo interno da página usando o fragmento da URL com o ID do conteúdo que ela referencia Veja mais exemplos e detalhes em HTML a tag sd Já as tags strong em ins e del são usadas para realçar o texto com objetivos diferentes Cada uma traz um significado semântico e um estilo diferente A tag strong para textos importantes negrito em para textos enfáticos itálico ins para textos inseridos sublinhado e del para textos removidos tachado Tags de estrutura de texto Essas tags vão definir os elementos textuais presentes nas páginas da web construindo todo o conteúdo com elementos comuns em textos que vemos em outros lugares como livros e jornais As tags mais importantes desta categoria são p br h1 até h6 ul ol e table A tag p já mostrada representa uma unidade de um parágrafo textual com os espaçamentos margens previstas Como qualquer quebra de linha feita por teclas enter são ignoradas pelo navegador caso seja necessário quebrar a linha no HTML é necessário usar a tag br que é uma tag autocontida ou seja basta escrever br que causa o efeito de quebra de linha imediata Os títulos de sessão dentro de um documento são chamados de headings no HTML e são marcados por tags que vão do nível 1 mais prioritário ao 6 menos prioritário ou seja h1 h2 h3 h4 h5 e h6 Os números nos headings são usados como indicação do Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 1832 seja h1 h2 h3 h4 h5 e h6 Os números nos headings são usados como indicação do nível de sessão ou seja o h2 deve vir após um h1 o h3 após o h2 e assim por diante HTML Headings sd A Figura 28 mostra um exemplo de como ficam os títulos de sessão Figura 28 Títulos de sessão Título h1 muito importante Título h2 menos importante que h1 Título h3 menos importante que h2 Título h4 menos importante que h3 Título h5 menos importante que h4 Título h6 menos importante que h5 Fonte do autor 2022 Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 1932 As listas de itens e tabelas são elementos mais complexos que envolvem mais de um tipo de tag As listas básicas são divididas em dois tipos ordenada definida pela tag ol de ordered list e não ordenada definida pela tag ul de unordered list A lista ordenada possui como identificador uma sequência que pode ser numérica ou alfabética Já a lista não ordenada tem como identificadores símbolos iguais em geral pontos bullets Ambas as listas abrem com suas respectivas tags mas são seguidas por vários itens marcados com a tag li list item com exemplos em HTML Lists sd Já a tabela possui diversos elementos alguns opcionais para definir sua estrutura Comumente começamos por sua tag table Dentro dela colocamos a sequência de linhas que construirão a tabela usando a tag tr table row Dentro de cada linha tr colocamos as células que farão parte das linhas de maneira similar aos programas de planilha As células podem ser representadas pelas tags th table header para as linhas de cabeçalho e td table data demais linhas veja exemplos em HTML Tables sd Tags de estrutura de documento Conforme o documento HTML vai crescendo surge a necessidade de organizar o código e o conteúdo de acordo com os seus significados e sua semântica Essa categoria inclui uma grande lista de tags cada uma com sua função semântica na separação de conteúdos Algumas das tags desta categoria são div section article main header footer e nav Todos os marcadores desta categoria são usados para agrupar outras tags Por exemplo se estamos montando uma página de notícias e cada notícia for composta por um heading título da manchete e alguns parágrafos faz sentido que cada uma das notícias esteja dentro de article e um conjunto de notícias ex todas de esporte estejam dentro de uma section Cabeçalhos e rodapés seja de páginas ou outros elementos devem estar dentro das tags header e footer e quaisquer lista de âncoras links devem estar dentro de um nav para indicar elementos de navegação Veremos mais adiante sobre o conteúdo semântico das tags Tags de multimédia As páginas da web não são feitas apenas de textos simples temos muitos conteúdos de multimédia como imagens vídeos e sons e o HTML tem tags específicas para esses casos As mais importantes nessa categoria são img audio e video A tag img é amplamente utilizada em praticamente todos os documentos HTML Tratase de uma tag autocontida que precisa de um atributo chamado src para indicar onde o navegador deve procurar a imagem que pode ser indicada utilizando uma URL absoluta ou relativa É recomendado que o atributo alt seja definido também como um texto alternativo para exibir uma mensagem quando a imagem não carregar e também para facilitar a navegação de usuários com dificuldades de visão além de auxiliar buscadores da Internet Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 2032 buscadores da Internet As tags audio e video possuem uma estrutura similar Ambas precisam definir a fonte dos conteúdos a serem tocados através das tags secundárias source Para ambas é possível definir mais de uma tag source além de ser possível definir outros atributos de controles ou autoplay nas tags como pode ser visto em Video and audio content sd Você conhece O professor e divulgador pelo Youtube Gustavo Guanabara publica seu material de forma totalmente gratuita desde 2013 no seu site pessoal e no seu canal do Youtube Possui dois cursos bem completos de desenvolvimento Web com HTML e CSS além de outros temas relacionados a programação e computação geral Confira mais detalhes no site dele httpswwwcursoemvideocom Estrutura básica do documento HTML Assim como outros tipos de documentos digitais o HTML possui uma estrutura própria que devemos seguir Apesar dessa estrutura não ser obrigatória uma vez que o navegador consegue entender tags soltas é extremamente recomendável escrevêla Como vimos algumas tags são usadas para marcar conteúdo que o usuário irá ver textos imagens tabelas listas títulos de seção headings etc Essas tags compõem o que chamamos de corpo body do documento Outras tags são usadas pelo navegador como configuração e compõem a cabeça head do documento como por exemplo as tags title titulo na aba link para importar algum recurso visual para o navegador ou meta para configurar algo no navegador como a codificação a ser usada Além do head e do body todo documento HTML possui mais dois elementos a tag raiz html e a diretiva DOCTYPE O HTML é uma linguagem de marcação do tipo SGML Standard Generalized Markup Language que é um padrão internacional para linguagens de marcação como o HTML e o XML eXtensible Markup Language Na SGML é obrigatório os documentos começarem com a diretiva de tipo de documento DOCTYPE e um primeiro elemento raiz onde o resto do documento será escrito No caso do HTML o tipo sempre vem com a marcação DOCTYPE html e o elemento raiz sempre é a tag html Portanto todo documento HTML considerado correto fica com a estrutura representada na Figura 29 Figura 29 Exemplo de documento HTML com tags de configuração e conteúdo Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 2132 DOCTYPE html html head meta charsetUTF8 titleExemplo de Estruturatitle head body h1Exemplo de documentoh1 pLorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur Excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborump h2Exemplo de imagemh2 img srclennajpg altImagem de exemplo div a hrefhttpwwwgooglecomClique aquia para acessar o Google div body html Fonte do autor 2022 Desenvolvimento Web 07082023 1144 Desenvolvimento Web O HTML surgiu como uma maneira de estruturar um documento na web e transferilo pela rede Conforme o conteudo presente evoluiu e a web publica ficou cada vez mais importante e maior tornouse necessario trabalhar mais na marcagao deste conteudo de forma a facilitar o entendimento dele por mecanismos de busca e por usuarios que usem tecnologias assistivas O HTML na versao 5 trouxe uma revolugao em termos de semantica para os documentos ou seja no sentido que os conteudos querem trazer para Os usuarios que os estao consumindo Vocé quer ler Vimos que a semantica é importante na construgao de sites mais entendiveis para tecnologias assistivas e os motores de busca Existem outras coisas que devemos considerar na hora de escrever cédigo HTML para melhorar a acessibilidade como textos e atributos de tags HTML Veja mais detalhes em HTML Boas praticas em acessibilidade sd disponivel no link httpsdevelopermozillaorgpt BRdocsLearnAccessibilityHTML Antes do HTML5 era comum dividir o conteudo dos sites usando a tag div que era usada apenas para dividir para organizar o codigo e facilitar a aplicagao de estilos Para facilitar o entendimento do conteudo do documento HTML outras tags de divisao com valor semantico foram adicionadas Agora podese utilizar a tag section para dividir o conteudo de uma mesma pagina em secdes partes de um todo ou usar a tag article para conteudos mais independentes As tags header e footer identificam com precisao onde esta o cabecalho e o rodapé das paginas enquanto que a tag main identifica onde esta o conteudo principal A tag nav mostra onde estao as opdes de navegaao internas ou externas as paginas Além da divisado do documento existem tags para dar conteudo seméantico aos textos especificos As tags strong e em por exemplo além de deixarem o texto em negrito e italico respectivamente também marcam o texto como algo importante para o documento no caso do strong e algo enfatico no caso do em onde sua énfase pode mudar o significado da frase que esta inserido ex ironia Um site com o conteudo semantico bem definido e dividido ajuda aos buscadores entenderem e referenciarem mais a pagina em especifico sendo que essa construgao é uma das bases do Search Engine Optimization SEO além de auxiliar na acessibilidade do site por usuarios guiados por tecnologias assistivas httpssitesgooglecomfaculdadeimpactacombrdwp2pli1 authuser1 2232 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 2332 Vamos praticar Você foi contratado pela empresa fictícia Cursinho Web que decidiu montar um site com informações sobre seus cursos Faça um site simples usando apenas HTML e algumas imagens fornecidas neste link para estruturar um esqueleto do site e apresentálo ao departamento de Marketing A página principal deve se chamar indexhtml e a página de disciplinas disciplinashtml Ao construir as duas páginas tente utilizar as tags sugeridas nas Figuras 210 e 211 a seguir Figura 210 Aparência da página indexhtml Fonte do autor 2022 Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 2432 Figura 211 Aparência da página disciplinashtml Fonte do autor 2022 Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 2532 Referências HIPERTEXTO In Dicionário Brasileiro da Língua Portuguesa Michaelis São Paulo Melhoramentos sd Disponível em httpsmichaelisuolcombrmoderno portuguesbuscaportuguesbrasileirohipertexto Acesso em 16 jun 2022 HTML a tag W3Schoolscom sd Disponível em httpswwww3schoolscomtagstagaasp Acesso em 18 jun 2022 HTML attributes W3Schoolscom sd Disponível em httpswwww3schoolscomhtmlhtmlattributesasp Acesso em 22 jun 2022 HTML boas práticas em acessibilidade MDN Web Docs sd Disponível em httpsdevelopermozillaorgptBRdocsLearnAccessibilityHTML Acesso em 22 jun 2022 HTML headings W3Schoolscom sd Disponível em httpswwww3schoolscomhtmlhtmlheadingsasp Acesso em 20 jun 2022 HTML Lists W3Schoolscom sd Disponível em httpswwww3schoolscomhtmlhtmllistsasp Acesso em 20 jun 2022 HTML Tables W3Schoolscom sd Disponível em httpswwww3schoolscomhtmlhtmltablesasp Acesso em 18 jan 2022 Video and audio content MDN Web Docs sd Disponível em httpsdevelopermozillaorgen USdocsLearnHTMLMultimediaandembeddingVideoandaudiocontent Acesso em 23 jun 2022 Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 2632 Saiba mais Assista o vídeo para conhecer mais sobre os temas estudados Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 2732 Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 2832 Curso de HTML5 02 História da HTML by Gustavo Guanabara Curso de HTML5 02 História da HTML by Gustavo Guanabara Curso em Vídeo Curso em Vídeo CURSO EM VÍDEO Curso HTML5 02 História da HTML by Gustavo Guanabara YouTube sd Disponível em httpswwwyoutubecomwatchvNSmapCNcSyI Acesso em25 jul 2022 Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 2932 Finalizando Desenvolvimento Web 07082023 1144 Desenvolvimento Web Nesta parte buscamos os seguintes objetivos de aprendizagem Entender o que 60 HTML Estudar a estrutura e sintaxe basica da linguagem Apreender os principais marcadores tags Saber como usar atributos HTML Compreender a importancia da semantica na construao de sites Reflita sobre o conteudo que vocé explorou e faca um debate com seus colegas e professores pelo Classroom ou na prdéxima aula ao vivo live Fique atento ao prazo de encerramento da atividade continua que compdem esses conteudos de aprendizagem Esperamos que vocé tenha aprofundado seus conhecimentos durante os estudos e tenha aproveitado todo o conteudo apresentado httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 3032 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 3132 Desenvolvimento Web 07082023 1144 Desenvolvimento Web httpssitesgooglecomfaculdadeimpactacombrdwp2pli1authuser1 3232 Classroom Gmail Drive Portal do Aluno Núcleo de Educação a Distância Faculdade Impacta Telefone 11 55935382 Horário de atendimento 10h às 18h Desenvolvimento Web