HTML 5

HTML 5

1. obs

   • Brackets
     • editor de texto
     • atalhos
       • https://github.com/adobe/brackets/wiki/Brackets-Shortcuts
   • porque o http é usada na internet?
     • protocolo HTTP permite a utilização de hipertexto
       • hipertexto:arquivos multimédia
   • navegador
     • atalho
       • CTRL+SHIFT+I
   • lista tags
     • https://websitesetup.org/html5-cheat-sheet/

2. HTML

   • CSS
     • define o estilo da interface
     • obs
       • organização da caixa
         • https://uxengineer.com/wp-content/uploads/2018/10/css-box-model-with-dimensions.jpg
     • boas pratica
       • reset.css
         • Devemos usar um reset nos nossos projetos para eliminar diferenças de layout entre navegadores e bugs específicos de alguns navegadores. Com isso, ganhamos uma base sólida para desenvolvermos nosso site. Ou seja, todas as alternativas listam benefícios de se usar um reset.
   • estrutura básica
     • body
       • define o conteúdo
     • head
       • define as metainformações
     • footer
       • define conteúdo secundário
   • JavaScript
     • define para que scripts possam ser executados do lado do cliente e interajam com o usuário sem a necessidade deste script passar pelo servidor

3. infraestrutura

   • longa distancias
     • banda larga/fibra óptica
       • https://www.youtube.com/watch?v=7upYe-aABeE
       • modem/roteador
         • modulação
           • tradução do sinal digital para sinal analógico
         • demodulação
           • tradução do sinal analógico para sinal digital
   • Curtas distancias
     • cabo
       • transferência sinal eletrônico para sinal eletrônico

4. como funciona a internet ?

   • servidor
     • manda dados por meio protocolo TCP/IP em pacotes
       • um protocolo é uma convenção que controla e possibilita uma conexão, comunicação, transferência de dados entre dois sistemas computacionais
         • pacotes
           • https://www.citisystems.com.br/protocolo-tcp-ip/
       • provedor de acesso
         • da ip para maquina
           • sua maquina conecta a WWW
             • conecta a um servidor DNS que tenha determinada terminação
               • busca no servidor DNS o site com mesmo nome
                 • o site terá uma referencia para um ip e apos isso enviará os dados para esse ip
                   • protocolo TCP/IP do cliente reorganiza os dados
                     • cliente recebe a informação
             • conexão direta por ip
               • protocolo TCP/IP do cliente reorganiza os dados
                 • cliente recebe a informação

5. tipo de dados armazenados

   • metainformções
     • códigos da pagina
     • link absoluto
     • link relativo
   • contetudo
     • informações de texto e imagens

6. estrutura HTML

   • elementos
     • http://www.bosontreinamentos.com.br/html/elementos-tags-e-atributos-em-html/ http://tableless.github.io/iniciantes/manual/html/oquetags.html
     • tag
       • http://www.bosontreinamentos.com.br/html/elementos-tags-e-atributos-em-html/ http://tableless.github.io/iniciantes/manual/html/oquetags.html
       • Tags são símbolos codificados que separam uma parte de conteúdo da outra, além de informar ao navegador com qual tipo de conteúdo ele está lidando.
       • atributo
         • http://www.bosontreinamentos.com.br/html/elementos-tags-e-atributos-em-html/ http://tableless.github.io/iniciantes/manual/html/oquetags.html
         • Atributos são informações que passamos na Tag para que ela se comporte da maneira esperada
     • Elementos são formados a partir de Tags e entre as Tags é que está o conteúdo do Elemento