O que é HTML? Veja conceitos básicos da linguagem
O HTML pode ser confundido como uma linguagem de programação, apesar de não ser. Saiba mais detalhes sobre o HTML
É muito comum quem navega pela internet se deparar com a seguinte sigla: HTML. Mas você sabe o que ela significa, afinal de contas?
Neste texto explicaremos um pouco mais sobre a sigla e como ela pode ser utilizada. Este artigo irá abordar os detalhes básicos e não é necessário ser um programador para entender um pouco sobre o assunto!
O que você está esperando? Dê um Zoom e confira detalhes sobre o que é HTML!
Confira a nossa lista de melhores notebooks para trabalho em 2021!
O que é HTML
A sigla HTML é a abreviação de Hypertext Markup Language. Embora possa ser confundido pelos mais leigos como uma linguagem de programação, ele se enquadra como uma linguagem de marcação de fácil aprendizado, até mesmo para quem nunca estudou sobre esse assunto.
É importante ressaltar que o HTML não se enquadra como linguagem de programação por não ser capaz de ser usado para a criação de funcionalidades dinâmicas. Realmente, ele é utilizado para marcações em uma página de um site, por exemplo. Independentemente do sistema operacional, os códigos são universais, ou seja, são lidos da mesma forma em qualquer sistema operacional.
O HTML é escrito de forma que o software entenda os comandos e tags e os transfira para que o hardware executa e apresente ao usuário.
Você já deve ter se deparado com alguns códigos, mesmo sem saber do que se tratava. Muitos sites e aplicativos mais antigos exigiam alguma tag de formatação, como por exemplo, o MSN. Para negritar o texto do nickname do usuário, era necessário colocar dentro deste código: “<b> texto a ser negritado </b>”.
Somente dessa maneira o aplicativo conseguia entender que o que estaria entre os <b> seria mostrado em negrito.
Você é estudante e precisa trocar de notebook? Dê uma olhada na nossa lista de melhores notebooks para estudar em 2021!
Como funciona o HTML
O conceito das tags é muito simples. Existem comandos que precisam ter um início e fim para que sejam “lidos” pelos navegadores de internet.
Como citamos, caso você queira negritar um trecho de texto é necessário inserir a tag <b> e para finalizar o </b>. Sem alguma parte deste comando, o navegador não consegue “ler” e identificar que entre eles deverá negritar o texto.
Além de formatação de texto, o HTML também é utilizado para dividir as seções do site, inserir hiperlinks, estruturar parágrafos, pular linhas no texto, ordenar listas, enfim, uma infinidade de comandos que são úteis na construção de um site.
Precisa trocar de notebook? Confira nossa lista com os melhores notebooks para 2021!
Estrutura do HTML
Todo código de HTML é feito por tags e comandos. Esses comandos se iniciam com a seguinte grafia: "< comando >". Para finalizar, é quase o mesmo procedimento, sendo necessário incluir a barra no comando, como neste exemplo "< /comando >". Como exemplo, acompanhe a estrutura para negritar um texto.
- <b> Início do comando de negritar (do inglês, Bold); entre as chaves, deve estar o texto que o usuário deseja negritar;
- </b> este é o código que indica o final do comando de negritar. Importante chamar a atenção para a barra, já que sem ela, o comando não é finalizado.
- Em uma página de HTML, existem elementos que são fixos e não se alteram. Abaixo, você pode ler algumas tags (destacado em negrito) de um código simples.
- “<!DOCTYPE html>” nome do documento
- “<html lang="pt-br">“ definição da linguagem do documento, neste caso Português-Brasil
- “<head>” indicação do cabeçalho do site
- “<meta charset="utf-8">” indicação de que tipos são os dados deste documento HTML
- “<title>” Exemplo Título da página “</title>” Título da página
- “</head>” finalização do cabeçalho do site
- “<body>” início do “corpo” do site, onde estarão a maioria das informações
- “<h1>” Exemplo de título “</h1>” Título de assunto do site, com letras maiores
- “<p>” Início do parágrafo. O comando <p> indica início de parágrafo. Geralmente, o assunto é descrito dentro do body, nesta seção após o primeiro H1
- “</p>” finalização de um parágrafo
- “</body>” finalização do corpo do documento
- “</html>” finalização do documento, comandos após esta indicação não serão considerados
O HTML foi criado pelo britânico Tim Berners-Lee em 1990. Inicialmente, as tags seriam utilizadas apenas para facilitar a troca de informações de cientistas de diferentes universidades.
Como o conceito era simples e de fácil entendimento, ele começou a ser adotado por todo o mundo, tomando dimensões que Tim não imaginaria. Nasciam aqui as primeiras bases para a internet que conhecemos atualmente.
Ao longo dos anos, o HTML foi evoluindo para acompanhar as novas tecnologias. Mas a estrutura principal se manteve. Atualmente estamos com a versão conhecida como HTML 5, que foi atualizada em 2008.
Essa versão facilita a manipulação dos elementos através de outras linguagens, como o JavaScript e o CSS. O HTML 5 também permitiu que mais dispositivos móveis tivessem internet, facilitando a leitura das páginas por estes dispositivos.
Os desenvolvedores mobile também aproveitaram as novas facilidades trazidas pelo HTML 5. Desde seu lançamento, eles puderam criar páginas com uma estrutura mais simples, que apresentam melhor conforto visual para o usuário.
Com a evolução natural da tecnologia, é provável que num futuro, exista outra versão dos códigos e tags, para assimilar os dispositivos que antes não possuíam telas e internet, como geladeiras, micro-ondas e até espelhos.
Exemplos de códigos de HTML
O HTML possui inúmeras tags para serem utilizados na construção dos sites e documentos. No entanto, algumas dessas tags são mais utilizadas, ou por serem partes integrantes da estrutura básica do documento, ou por auxiliarem na construção de fato.
Abaixo você confere uma lista com as tags mais utilizadas:
- <head> – tag obrigatória que inicia o documento, contendo todas as informações abaixo na hierarquia
- <title> – define o título da página;
- <body> – a partir desta tag é que se inicia o corpo da página;
- <h1>,<h2>,<h3>,<h4>,<h5 >e <h6> – são tags usadas para definição de títulos e subtítulos, sendo a H1 a mais importante até chegar a H6;
- <p> – Definição do início do parágrafo
- <header> – cabeçalho da página;
- <footer> – rodapé da página, que pode ter informações de contato, por exemplo;
- <table> – cria uma tabela;
- <ol> – cria uma lista ordenada;
- <ul> – cria uma lista não ordenada;
- <li> – cria o item de uma lista, deve ser adicionado abaixo das duas tags acima;
- <form> – criação de formulários;
- <input> – cria os campos do formulário;
- <textarea> – cria uma área de digitação de texto que o usuário tem acesso na página;
- <button> – cria um botão;