{"id":4500,"date":"2022-04-22T17:27:02","date_gmt":"2022-04-22T20:27:02","guid":{"rendered":"https:\/\/i7host.com.br\/?p=4500"},"modified":"2023-10-16T15:47:18","modified_gmt":"2023-10-16T18:47:18","slug":"quais-linguagens-fazem-aplicacoes-web-responsivas","status":"publish","type":"post","link":"https:\/\/i7host.com.br\/blog\/quais-linguagens-fazem-aplicacoes-web-responsivas\/","title":{"rendered":"Conhe\u00e7a as linguagens que fazem as aplica\u00e7\u00f5es serem responsivas"},"content":{"rendered":"

O HTML e Javascript s\u00e3o as duas linguagens que comp\u00f5em a maioria das p\u00e1ginas e aplica\u00e7\u00f5es web. Com elas, p\u00e1ginas responsivas s\u00e3o renderizadas e se desenvolvem para uma melhor a experi\u00eancia do usu\u00e1rio<\/strong><\/a>.<\/p>\n

Vamos falar um pouco sobre elas?<\/p>\n

O HTML<\/h2>\n

Essa linguagem de marca\u00e7\u00e3o de hipertexto surgiu nos anos 90. Um hipertexto significa um documento de texto que possui tags <\/em>de marca\u00e7\u00e3o pr\u00f3pria, tendo refer\u00eancias (ou links) <\/em>para outros textos dentro de um documento, possibilitando o acesso.<\/p>\n

Uma p\u00e1gina web pode conter v\u00e1rios documentos ou arquivos em HTML. Esses documentos s\u00e3o respons\u00e1veis por renderizar p\u00e1gina por p\u00e1gina.<\/p>\n

Imagine que voc\u00ea tem uma p\u00e1gina da sua empresa, e ela \u00e9 uma loja virtual, esse site possui v\u00e1rias p\u00e1ginas diferentes, a primeira \u00e9 uma apresenta\u00e7\u00e3o da empresa, a segunda \u00e9 a loja em si e esses dois itens s\u00e3o dois documentos HTML distintos, cada um \u00fanico.<\/p>\n

Contudo, \u00e9 poss\u00edvel trocar de p\u00e1gina sempre que o usu\u00e1rio clicar em um bot\u00e3o, ou link. Essa \u00e9 uma das incr\u00edveis funcionalidades do HTML.<\/p>\n

A estrutura do HTML funciona a partir de tags e c<\/em>ada uma delas representa um tipo de formata\u00e7\u00e3o. Dentro dela est\u00e1 o conte\u00fado que voc\u00ea deseja inserir.<\/p>\n

Imagine que voc\u00ea queira inserir um par\u00e1grafo dentro de um texto, o programador ent\u00e3o abre uma tag<\/em> do tipo par\u00e1grafo, insere o texto desejado e ent\u00e3o fecha a tag<\/em>. Na resposta de uma requisi\u00e7\u00e3o, o servidor<\/strong><\/a> devolve esse arquivo com esse par\u00e1grafo. O navegador<\/strong><\/a> vai ser respons\u00e1vel por interpretar o que est\u00e1 escrito no c\u00f3digo e uma p\u00e1gina ser\u00e1 mostrada no seu navegador!<\/p>\n

Por\u00e9m, como foi dito anteriormente, esse documento \u00e9 apenas um texto em preto e branco. O HTML permite a customiza\u00e7\u00e3o de textos, blocos e imagens usando dois tipos distintos de personaliza\u00e7\u00e3o: o estilo e a classe.<\/p>\n

O estilo, ou style <\/em>se preferir, \u00e9 uma customiza\u00e7\u00e3o de um componente individual, uma tag<\/em> \u00fanica. Nele \u00e9 poss\u00edvel definir o tamanho de um bloco, a cor dele, e at\u00e9 mesmo o alinhamento da p\u00e1gina. A classe \u00e9 um escopo mais geral. Voc\u00ea pode definir uma classe customizando ela como preferir, da mesma maneira que o style<\/em>, mas voc\u00ea pode usar ela em diversas tags <\/em>no seu documento, sem a necessidade de repetir o style <\/em>em cada tag<\/em> que deseja usar.<\/p>\n

\"linguagem<\/p>\n

\"texto<\/p>\n

Existem em torno de 142 tags<\/em> distintas em HTML, cada uma com a sua fun\u00e7\u00e3o. Vamos agrupar estas tags <\/em>e explicar as que s\u00e3o mais usadas!<\/p>\n

Tags em Bloco<\/h3>\n

Ocupam um bloco inteiro de uma p\u00e1gina, ou seja, toda a largura. S\u00e3o respons\u00e1veis por iniciar novas linhas no documento. Algumas delas s\u00e3o:<\/p>\n