Introdução ao HTML
HTML Luiz Augusto Vieira 07/01/2018
HTML significa Linguagem de Marcação de Textos (Hyper Text Markup Language), e não é uma linguagem de programação. Em vez disso, é uma linguagem de marcação que permite organizar os elementos dentro de uma página.
Essas organizações são dadas através de marcadores apropriados, chamados tags, que têm a característica de serem incluídos em sinal de menor e maior. ( Exemplo: <img> ).
Tim Berners-Lee – foi o criador da Web no momento em que ele estava trabalhando no CERN, onde observou que os físicos em todo o mundo se reuniam para discutir.- Tim Berners-Lee inventou a World Wide Web (WWW) em 1989.Ele é o Diretor do World Wide Web Consortium ( W3C ), uma organização de padrões da Web fundada em 1994 que desenvolve tecnologias interoperáveis (especificações, diretrizes, software e ferramentas) para liderar a Web para todo seu potencial.Ele é Diretor da World Wide Web Foundation, que foi lançado em 2009 para coordenar os esforços para promover o potencial da Web em benefício da humanidade.
Com HTML indicamos através de tags , quais elementos devem aparecer em uma tela e como devem ser organizados. Todas essas indicações estão contidas em um documento HTML, muitas vezes chamado de página HTML. Uma página HTML é representada por um arquivo de texto, que por sua vez é um arquivo que podemos editar com programas como o bloco de notas, ou qualquer outro editor. Geralmente esses arquivos tem o nome que termina com a extensão ( .html ).
Isso significa que o HTML não possui suas próprias construções de programação, como mecanismos “condicionais”, que permitem reagir de forma diferente, dependendo da ocorrência de uma condição (“nesta situação você faz isso, nesta situação faz isso” ), ou construções iterativas (“repita esta ação até que isso aconteça”).
Nota: neste caso, falamos de linguagem declarativa , que serve para indicar o que deve aparecer na tela (textos, imagens, sons, etc.), onde e em que sequência. No caso de idiomas em que especificamos algoritmos precisos com “estruturas de controle”, como C, C++, Java, ou mesmo PHP e JavaScript, falamos de “linguagens imperativas”.
HTML + CSS + JavaScript
Mesmo que não lidamos diretamente com isso, é útil saber que, para trabalhar com HTML, é útil conhecer todas as chamadas ” pilhas “, ou seja, todas as tecnologias necessárias para criar um site ou uma aplicação.
No passado, algumas tags HTML foram usadas para definir fonts (fontes), cores ou o tamanho de objetos na tela. Hoje, a imagem mudou definitivamente e muitas dessas características são obsoletas, favorecendo uma divisão mais clara de tarefas entre diferentes ferramentas.
O HTML é usado para definir quais elementos estão em jogo, estabelecer links entre páginas e a importância (não a forma ou cor) dos textos, criar formulários para usuários, corrigir títulos, fazer upload de imagens, vídeos, etc.
CSS ou “folhas de estilo”. Esta é uma série de regras que permitem definir a aparência ( estilo ) que os elementos devem assumir na página. Dimensões, cores, animações, todas as funções visuais podem ser manipuladas.
O JavaScript é uma linguagem de programação que permite manipular qualquer coisa na página HTML: o estilo, o conteúdo da página, mas acima de tudo a interação com o usuário. Ele nos permite criar a lógica da interface do usuário (ou mesmo uma aplicação) e explorar as APIs disponibilizadas pelo navegador do gerenciamento do mouse ao toque, da manipulação de imagens, às solicitações de dados dinâmicos (no modo Ajax) para gerenciamento de dados locais (graças ao LocalStorage).
Neste post, aprofundamos ao potencial disponibilizado pelo HTML, mas também nos referimos frequentemente a essas outras tecnologias ligadas à nossa marcação.
HTML é um padrão: o W3C
Desde que Tim Berners Lee, em 1991, definiu a primeira versão do idioma, até hoje, o HTML continuou evoluindo para amadurecer no padrão HTML 5.
O segundo lançamento das especificações ( HTML 2 ) foi publicado pela IEFT em 1995, enquanto o W3C já nasceu : o World Wide Web Consortium, a organização fundada por Berners Lee com o CERN e o MIT, que hoje envolve inúmeros institutos universitários e a maioria atores tecnológicos importantes na cena mundial como Apple, Microsoft, Google, Facebook, IBM, Adobe e muitos outros.
O W3C será responsável por transportar o padrão através da versão 3.2 (1997) para a definição de HTML 4 em 1998 e HTML 4.01 , a versão que suportou o crescimento da Web em todos os anos 2000 e que se elevará aos padrões ISO logo na virada do terceiro milênio.
Na década de 2000, XHTML nasceu , uma cadeia paralela que busca dar maior rigor ao HTML, definindo-o como uma “aplicação XML“, duas versões já foram lançadas (XHTML1.0 e XHTML1.1), muito semelhantes ao HTML 4.1, então praticamente abandonado já em 2011, quando o W3C decide afirmar o padrão HTML 5 (ainda existe uma definição de XHTML5.1 no rascunho das especificações HTMl5).
HTML5, Web e Celular
HTML 5 é a versão que foi criada especificamente para sair da Web e se tornou uma plataforma para criar aplicativos, até mesmo desktop e móvel.
A especificação HTML5 consiste de fato na definição de uma sintaxe para a marcação mais efetiva e adaptada às necessidades mais modernas, com a introdução de controles específicos para os formulários ou atributos “data-“para enriquecer as tags de informações específicas;
uma série de APIs que permitem gerenciar, em profundidade, aspectos como rede, multimídia e hardware do dispositivo.
Em outras palavras, o gerenciamento de vídeo e áudio para monitorar as baterias de um dispositivo.
Este desenvolvimento do padrão deu origem à geração dos chamados aplicativos móveis híbridos , que usam o HTML5, para criar aplicativos que podem ser distribuídos, como os nativos, nos mercados dos dispositivos mais comuns (como o Google Play para Android, por exemplo).
Link e Hipertexto
O poder da Internet é um conjunto estendido de conteúdo conectado. A linguagem HTML e os links são a base desse mecanismo que permite que você se mova rapidamente entre textos, imagens, vídeos, aplicativos e qualquer outra coisa, criando rotas seus próprios caminhos de navegação em total autonomia.
Para acessar rapidamente uma grande quantidade de informações, os motores de busca nasceram , baseados em uma série de elementos “semânticos” para responder adequadamente aos pedidos dos usuários.
Começa a partir da análise do texto (ou conteúdo) e links, para explorar o comportamento do usuário para categorizar páginas e determinar o nível de relevância (classificação) que depende da consulta de pesquisa individual.
A otimização de conteúdo para facilitar o posicionamento da página para pesquisa específica é chamada de SEO (Search Engine Optimization).
ATÉ O PRÓXIMO POST
Sentiu falta de alguma coisa óbvia? Comente, dei sua opinião, ajude a divulgar o Blog.
Inscreva-se no Youtube: https://www.youtube.com/htmlecsspro
Curta nossa Fanpage: https://www.facebook.com/htmlecsspro
Entre para o nosso Grupo: https://www.facebook.com/groups/htmlecsspro
Olá, deixe seu comentário para Introdução ao HTML