HTML // Dicionário do Programador

contextualizando o html está presente em nossas vidas todos os dias quando você acessa o seu e mail quando li as notícias online quando atualiza suas redes sociais e até mesmo quando você visita o youtube pelo navegador pra ver os vídeos maravilhosos como o uso do código fonte tv mas a maioria dos seres vivos nem se dá conta de sua existência é certo nós os desenvolvedores o a sedf seja bem vindo ao dicionário do programador do código-fonte tv se você já é fã do quadro deixa aquele light esperto e ativo sininho para receber as notificações dos

próximos episódios e se você ainda não segue o canal inscreva então vamos a um tema que é o html uma sigla em inglês para high tech marca blue bloods após que tem gente aí pensando assim vão falar sobre algo tão comum para salvar toulon mas a verdade seja dita nem todo mundo sabe o que a hp ml e mesmo que você já conheça profundamente sempre podemos trazer alguma novidade então fica com a gente até o fim no bom e velho português html quer dizer linguagem de marcação de hipertexto vai até frisar linguagem de marcação não

de programação o html é o responsável por dizer ao seu navegador como o conteúdo vai estar estruturado ele é uma linguagem que pega o conteúdo cru e organiza na tela sem html a ueb seria sem uma espécie de de sistemas de cal que nem o link teria e não é só de formatação de texto com html vive se a página tem imagens é o html que especifica onde e como elas serão apresentadas se tem tabela é o html que explica o navegador como ela é montada e ele vai além daquilo que se vê se uma

página contém metadados para outras ferramentas é o html que cuida disso também e eu sabia que esse episódio é oferecido por nossa parceira zona arroche gator se você está procurando um local para hospedar seu site ou ainda para revender hospedagem para os seus clientes acessem o link que está aí na descrição ele ainda vai te dar um desconto especial como diria o nep prova de site ou cheguei você está buscando uma boa oportunidade para trabalhar em uma empresa bem legal vale a pena dar uma conferida no link com as vagas para os cheguei em cada

página que existe na internet é um documento em html ou um documento dinâmico que gera um html para o navegador a partir do que está escrito no documento o navegador irá agregar outros elementos na página com imagens sons vídeos mas o texto os links que ligam os documentos são criados com html pensando na língua portuguesa língua serve para estruturar aquilo que você quer dizer em uma oração por exemplo você realmente precisa de um sujeito verbo eo predicado html também uma linguagem você utiliza regras para organizar aquilo que você quer dizer aquilo que a página irá

mostrar essas regras esses elementos temáticos do html nós chamamos de testes que você usa para formar qualquer objeto identificável como uma lista um parágrafo campos de formulários vídeos e imagens o navegador entende essas marcações que são invisíveis para o usuário normal e transforma o documento esta coisinha linda que chamamos de página é importante explicar também que o html é uma coisa o cse outra html pode até definir alguns poucos elementos de apresentação mas ele é a linguagem estrutural ou seja marca os elementos que serão mostrados em blocos como o palavrão ou marca elementos importantes no

texto como ênfase ou reforço o css cuidar do aspecto puramente visual e explica como elemento estrutural deverá ser exibido é onde você diz para o navegador que um título por exemplo é verde ou um parágrafo tem uma distância de 20 pixels para o próximo parágrafo onde você dá instruções de fonte e outras apresentações que não tem a ver com a estrutura do conteúdo sempre teve uma certa confusão entre semântica ea apresentação na web no começo da web era função do html especificar a fonte de um texto por exemplo com a tag fonte ou mostrava um

texto piscando com a infame tag blink mas a w3c foi colocando ordem na bagunça e aos poucos por sua separação maior entre o html e css fazendo com que algumas tags não fossem mais usados hoje em dia se você quer especificar a fonte usada no seu documento você usa ou css pra isso se você quer fazer o quê o texto fica piscando na tela não faz isso isso é muito anos 90 se o html é hoje uma parte fundamental das páginas web a gente deve agradecer a sua criação ao timbu burle sim ele mesmo o

pai da internet foi um time que pegou a linguagem de marcação genérica scml do cern e usou como padrão para criar o html em 1989 e é claro uma linguagem não serve de nada sem uma ferramenta que entenda foi por isso que ele também projetou navegador e um servidor que entendesse a sua linguagem o negócio deu certo e foi pra frente tanto que em 1994 já ganhou muitos elementos novos e nascia o html 2.0 e ainda bem que a evolução não parou mais atualmente a linguagem já está na versão 5.2 lançado em dezembro de 2017

ea w3c já vem trabalhando na versão 5.3 desde outubro de 2018 vamos a apresentação bem rapidinha de algumas das suas teses de cara todo o arquivo html deve iniciar com essa declaração que define justamente que ele é um documento do tipo html e o próximo exemplo é a própria terra html que vai definir o início o fim da marcação do html e nesse exemplo você pode aproveitar para descobrir como é feito um comentário nessa linda linguagem de marcação que é essa primeira linha em verdinha o próximo exemplo a tag rede que representa o cabeçalho da

página e tudo o que está contido nela não será visualizado pelos simples mortais que acessaram a página mas ali estarão informações bem importantes como por exemplo as meta tags com penas informações para indexação de motores de sites de busca algumas autoridades bem simples mas muito utilizadas são peças nesse exemplo que mostram como colocar um título um parágrafo e também em fazer com a tag tron além do exemplo de um link que é feito através da tag a jml 5 trouxe para a linguagem de marcação novas possibilidades algumas aclamados por todos como tag que suportassem vídeos

e som esse foi um dos motivos para a versão 5 ter ficado tão famosa alguns dos principais elementos que ela trouxe ao html foram os elementos semânticos que trazem um significado maior para o conteúdo os elementos gráficos que trazem a possibilidade de criação de animações e elementos feitos diretamente no html e os elementos multimídias como os vídeos e os sons que já citamos que antes do html5 precisavam de plugins externos para funcionar como o lendário e praticamente morto flash lembrou delicadinha instalar a cpi e quase morto mesmo pra finalizar vão mostrar mais duas tags a

the style que permite colocar o código css utilizado para a formatação do html nesse arquivo ea tag script que permite a execução de códigos javascript no documento mas vai avisar que o ideal é que esses códigos fiquem arquivos separados um no arquivo pontos e ss e outro um arquivo ponto js dessa forma o site terá uma organização bem melhor hoje em dia ainda é muito importante conhecer bem o html mas já existem muitos frameworks que são utilizados para a criação de seu código e raramente um código complexo é escrito na unha como dizem aqui nós

os mais velhos tinham 10 velho é a mãe os frameworks mais conhecidos são o boot to gecko foundation e uma tv life uma das grandes vantagens de utilizar qualquer um deles é a criação de códigos responsivos que não adaptar o site a todas as resoluções e tela só por isso já vale a pena adotar um framework existem também as ferramentas reativas como reaction o ângulo euro viu esse trabalho de forma diferente mas ainda assim gera um bom e velho html no final do processo afinal de contas é ele que é renderizado na tela pelos navegadores

pois é a galera o tema era simples e no final descobrimos que tem muita coisa legal para falar a respeito do html seja sobre a sua história eo principalmente sobre a sua evolução mas é fato que o html mudou muito desde sua concepção e ainda está em evolução por isso vamos continuar acompanhando o pessoal da w3c e todas as novidades que virão nas futuras versões o vídeo está no fim mas queremos te propor um desafio a w3c disponibilizam cursos para medir o seu conhecimento em html o link está aqui na descrição então vai lá e

responde às perguntas e conta pra gente aqui nos comentários qual foi o resultado combinado até o próximo vídeo e tchau oi pessoal voltando só para você se inscrever e também para que sugeriu a esse outro episódio do dicionário do programador se você não sabe a gente nas redes sociais passa a seguir elas estão aqui ó assim você vai descobrir que criamos conteúdos exclusivos lá no instagram e vai poder ver as fotos dos bastidores e tudo mais que acontece por aqui com a gente