Se você está começando sua trajetória na web agora, provavelmente já deve ter ouvido pelo menos uma vez na vida o termo HTML.
Saiba que o HTML é uma das linguagens de desenvolvimento que gera mais dúvidas na cabeça de quem está iniciando uma carreira na web.
Vale lembrar que, caso deseje embarcar neste mundo será crucial aprender tudo sobre HTML, pois está linguagem de desenvolvimento é a base para quase tudo.
Fique tranquilo! Pois neste artigo você verá o material mais completo e atualizado da internet a respeito do HTML.
Se deseja aprender tudo sobre está linguagem e deseja saber todas as novidades a respeito, recomendamos que leia este artigo com muita atenção e leia até o final.
Sem mais delongas, vamos direto ao que interessa.
O que é HTML?
O HTML é nada mais nada menos do que uma linguagem de marcação de hipertexto.
Com ele é possível criar a estrutura básica de um site, mostrando aos browsers (Navegadores Web), onde começa e onde termina o código, onde é um título e onde é um parágrafo, onde é inserido uma imagem ou onde está inserido um vídeo.
O que significa HTML?
Bom, se você leu o tópico anterior, parabéns! Agora você sabe exatamente o que é HTML.
Mas só isso não basta! É necessário saber o significado da abreviação.
HTML é a abreviação de HyperText Markup Language, traduzindo para o português significaria algo em torno de Linguagem de Marcação de Hipertexto.
Nome confuso não é mesmo? Mas fique calmo vamos desmembrar este conjunto de palavras em partes:
1º Linguagem: É o sistema através do qual o homem comunica suas ideias e sentimentos, seja através da fala, da escrita ou de outros signos convencionais.
2º Marcação: Como vimos anteriormente o HTML é utilizado para dar significado a informação, mas você deve estar se perguntando: Mas como o HTML faz isso? Basicamente ele marca as informações através das famosas tags.
Através das tags os navegadores web, conseguem interpretar o que se passa dentro do código.
Exemplo:
Para mostrar aos browsers o que é um parágrafo é necessário inserir a tag <p> no inicio e </p> no final do texto.
Ficaria algo como:
<p>Olá, eu sou um parágrafo</p>
E para marcar um título, como ficaria? Simples você usaria a tag <h1> no começo e </h1> no final do título.
Ficaria algo como:
<h1>Olá eu sou um título</h1>
3º Hipertexto: É um termo que se refere a um texto normal onde é agregado um conjunto de informações no formato de palavras, vídeos, imagens, sons, etc.
O que significa Tags?
Agora que você sabe o que significa HTML, provavelmente surgiu uma dúvida na sua cabeça: Afinal o que são tags HTML?
As famosas Tags são na verdade um conjunto de caracteres que dão a formação de um elemento, exemplo:
Quando estamos falando da Tag “h3” estamos falando na verdade disso: “<h3>“
Você deve estar ciente de que existe dois tipos de Tags, as que precisam ser fechadas e as que não precisam ser fechadas.
1º Para aquelas tags que precisam de fechamento é utilizado algo como: <“aqui vai o nome do elemento”> </”aqui vai o nome do elemento”>
Exemplo de um elemento que precisa de fechamento:
<h1>A tag do elemento de título necessita de fechamento.</h1>
2º Já os elementos que não precisam de fechamento, ficaria algo em torno de <“aqui vai o nome do elemento”>
Exemplo de um elemento que não precisa de fechamento:
Olá, João.<br>
Tudo bem?
A tag “<br>” é utilizada para quebrar linhas.
Como funciona o HTML
O HTML funciona da seguinte maneira:
1º O desenvolvedor criar um arquivo com a extensão .html ou .htm, pode ser utilizado editores como o sublime text ou até mesmo o bloco de notas do Windows;
2º Os navegadores web fazem a leitura deste arquivo e montam o mesmo na tela do usuário final. Vale lembrar que arquivos nesta linguagem de desenvolvimento podem ser visualizados em diversos navegadores como: Internet Explorer, Google Chrome, Mozilla Firefox, Safari ou Opera.
Vale lembrar que um website ou uma loja virtual, geralmente são compostos por diversas páginas HTML.
Exemplo:
Um site que fale sobre carros, poderia ter uma página HTML para listar todos os serviços oferecidos, outra página para falar sobre a empresa e outra página para o contato.
O total seriam três páginas certo? E por consequência disso é necessário criar três arquivos com a extensão .html ou htm
Ficaria assim:
servicos.html / sobre-a-empresa.html / contato.html
Viu como é fácil a criação de páginas nesta linguagem e como funciona o HTML?
Quais são as Principais tags do HTML
Outra pergunta bastante recorrente seria a respeito das principais tags do HTML.
Para facilitar a vida de quem está começando a desenvolver em HTML, abaixo listamos as principais Tags desta linguagem.
<head> – Local para declarar todos os metadados, como exemplo: Título, descrição, favicon, chamadas de folhas de estilo e javascript;
<title> – Define o título da página em questão;
<body> – Em tradução literal seria o corpo da página;
<p> – Define o que será parágrafo no texto;
<h1> – Define o que é título no texto;
<h2>, <h3>, <h4>, <h5>, <h6> – Variações de subtítulos, quando maior o número menor a importância;
<a> – Essa tag com o atributo de ahref=”” define um link;
<div> – Define uma divisão;
<table> – Define uma tabela no código
<img> – Define uma imagem
<ul> – Define uma lista não ordenada
<ol> – Define uma lista ordenada;
<li> – Define o item de uma lista;
<form> – Define um formulário no código;
<button> – Define um botão no código;
<input> – define os campos do formulário;
<textarea> – define uma área para o usuário digitar um texto;
Quem criou o HTML?
Uma dúvida que imagino que você tenha após aprender o que é o HTML, seria quem é o criador desta linguagem e quando ela nasceu?
Muitas pessoas acabam se confundido pois na internet existe artigos que não passam a informação clara e objetiva.
Indo direto ao ponto o criador da linguagem HTML se chama Tim Berners-Lee, um físico britânico.
Vale lembrar que ele obteve a ajuda de Robert Cailliau, um estudante da European Council for Nuclear Research.
A primeira comunicação bem sucedida entre um servidor e um cliente HTTP, aconteceu no ano de 1989.
Podemos dizer que o HTML nasceu em meados dos anos 90, mas vale a ressalva que o mesmo sofreu diversas alterações e atualizações durante os anos de 1990 e 1995.
Principais versões do HTML
Podemos dizer que quase tudo que existe no mundo, passa por transformações ou recebe algum tipo de melhoria. Com o HTML não seria diferente!
Desde seu surgimento, foram lançadas diversas atualizações para aprimorar a linguagem.
Para os apaixonados e os novatos na linguagem segue abaixo a lista completa com suas principais versões:
Versão 2.0 – Ano de 1995
Está sem sombras de dúvidas foi a primeira versão do HTML, apareceu para o mundo de fato no primeiro evento mundial sobre a web, cujo o nome era World Wide Web Conference.
Versão 3.2 – Ano de 1997
Está versão veio para aprimorar e corrigir alguns problemas técnicos na versão anterior. Uma grande vantagem desta versão é que ela trouxe diversas novidades como a criação de textos flutuantes ao redor de imagens e o desenvolvimento de tabelas.
Versão 4.01 – Ano de 1999
De longe está versão foi um grande avanço para a linguagem HTML, visto que ela corrigiu muitos problemas de compatibilidade com a primeira versão e trouxe a possibilidade de inserção de multimídias, folhas de estilos e de longe ajudou a aprimorar as diretrizes de desenvolvimento.
Versão HTML 5 – Ano de 2014
Está versão é uma das mais queridas atualmente. A mesma proporcionou grandes avanços no desenvolvimento em HTML.
Ela trouxe marcações novas, trouxe suporte de áudio e vídeo jamais visto antes.
Vale lembrar que está versão é compatível com diversos tipos de controles como por exemplo: Data, hora, pesquisa, formulários, etc.
A estrutura básica do HTML
Você deve estar curioso para saber como é a estrutura básica do HTML não é mesmo?
Então fique tranquilo, pois agora iremos mostrar a estrutura básica do HTML 5.
Os requisitos para aprender HTML
De longe aprender HTML é uma boa opção, mas você já parou para pensar se está linguagem é para você?
Para facilitar a sua vida, abaixo iremos listar alguns requisitos mínimos para você descobrir se de fato tem perfil para aprender HTML.
- Ter vontade de aprender coisas novas;
- Ter persistência para praticar e decorar as tags;
- Ter disposição para fazer algum curso focado em HTML, CSS e Javascript;
- Ter um tempo para ler artigos como esse.
Se sua resposta para todas as perguntas acima foi sim, parabéns! Você está qualificado para aprender está linguagem de desenvolvimento.
HTML, CSS e Javascript qual a relação?
Neste guia vimos o quanto o HTML é eficaz como uma linguagem de desenvolvimento, mas você precisa saber que só HTML não faz a web funcionar!
Tenha ciência de que para um website funcionar, o HTML precisa ser integrado com mais duas linguagens: O CSS (Cascading Style Sheets) e o Javascript.
Claro, existe diversas outras linguagens como PHP, Python, ASP, Ruby que podem ser integradas e fazer maravilhas ao lado do servidor, mas as básicas para o lado do usuário são essas três: HTML, CSS e Javascript.
Para facilitar a sua vida, abaixo iremos dar significado a essas três linguagens:
HTML
Seria a linguagem que daria a estrutura do código, nela você consegue marcar onde começa, onde é o topo do site, onde é conteúdo, onde é a barra lateral, onde é o rodapé, etc.
CSS
Como mencionado acima, CSS é a sigla para Cascading Style Sheets, ou em tradução literal é algo em torno de Folha de Estilo em Cascatas.
Com esta linguagem você consegue dar vida para o website, consegue dar cores, alinhamentos, tamanhos das fontes, etc.
Em um resumo geral o CSS seria a linguagem que daria vida ao site.
JAVASCRIPT
Essa linguagem sem sombras de dúvidas é a uma das principais para construir a web! Com ela é possível dar dinamismo ao site, dar movimento, dar sofisticação para o mesmo.
Um exemplo claro do funcionamento do javascript é quando um banner se movimenta dentro de um site, ou quando você passa o mouse em menu e abre um submenu suspenso ou.
Pense nestas três linguagens da seguinte maneira: HTML é a base a estrutura de um edifício, o CSS seria as cores deste edifício (o Design) e Javascript seria o movimento das janelas, o movimento das portas ou a implementação de um interfone no edifício.
Vale a pena aprender HTML?
A resposta é: Depende! Primeiramente você deve estar ciente de que entrar neste mundo é um caminho sem volta, quanto mais você aprende, mais quer aprender.
Se você tem determinação e quer aprender a desenvolver em uma linguagem que poderá lhe garantir um emprego lá na frente, vá em frente!
Agora se você tem preguiça de aprender, não gosta de internet ou não tem foco, recomendamos que fique fora do HTML, CSS ou Javascript.
HTML não é difícil! Como qualquer coisa na vida você precisa se dedicar e com esta linguagem não seria diferente. Tudo o que é focado acaba se expandindo, quanto mais se dedica para aprender mais bom você fica.
Se você quer aprender html rapidamente, recomendamos que faça algum curso online ou algum curso presencial.
Aprender sozinho é bom, mas aprender com quem entende é outro nível.
Bom, espero que tenha gostado do conteúdo. Se gostou não se esqueça de compartilhar nas redes sociais, pois assim você ajuda seus amigos a aprenderem algo interessante que pode agregar em suas vidas futuramente.