A linguagem para o desenvolvimento de um website é chamada de HTML, sendo que estas siglas têm origem inglesa que significam Hypertext Markup Language, traduzindo para o português Linguagem de Marcação de Hipertexto. A base de toda a internet é o HTML, sendo originada para uma fácil compreensão entre os seres humanos e sendo administrado pelas máquinas virtuais, como o Google e outros sistemas que vivem pela internet buscando e capturando informações. A abordagem do assunto de hoje, é sobre O que é HTML e tudo o que podemos usufruir desta técnica, sendo formada desde a criação desta linguagem web até o seu aprendizado.
A construção desta língua teve origem logo após a formação da internet, que na época era destinada para outros meios e servia como uma arma nos tempos de Guerra Fria. É de grande valia o aprendizado deste assunto, pedimos para que preste atenção e não perca nada deste post sobre O que é HTML, pois será muito benéfico para você.
O que é HTML – Criação e Tags
O criador desta linguagem da web é o chamado Tim Berners-Lee, este sem dúvidas foi um dos grandes colaboradores do uso da internet atual. Sendo o fundador da comunicação e disseminação de pesquisas entre ele e seu grupo de colegas. O HTML ficou muito conhecido quando iniciou a ser usado para a formação da rede pública naquela época, que tornaria mais tarde a internet que conhecemos e utilizamos a todo o momento.
As chamadas tags do HTML se baseiam em marcação, sendo marcados os elementos para a demonstração de quais as informações que esta página mostra. Por exemplo: Um título de grande importância ou mesmo aquele título do artigo da manchete do site, você deve usar uma tag/ elemento chamada H1, exemplo: <h1>Aqui vai o texto do título</h1>.
Veja que quando o texto esta entre duas marcações, estas são chamadas de TAGS. As tags são abertas e logo fechadas como o exemplo acima abrimos a tag com <h1> e fechamos com</h1>. Sendo o que estiver no centro é pessoal do usuário.
Veja os parágrafos marcados por <p>:
1)<p>Aqui vai o texto do parágrafo.
2)Geralmente parágrafos tem muitas palavras,
3)letras menores que as do título</p>
Usando estas tags, estamos querendo dizer para o navegador o que é cada informação. Sendo assim podemos dizer:
O que é um título,
O que é um parágrafo
O que é um botão
O que é um formulário…
O que é HTML – ESTRUTURA BÁSICA
Qualquer tipo de corpo HTML se inicia do mesmo jeito, sendo que não há segredos, mas sim simplesmente copiar em algum lugar para poder usar este código tova vez que iniciar um novo HTML. Veja a estrutura a seguir:
- <!DOCTYPE html>
- <html lang=“pt-br”>
- <head>
- <meta charset=“utf-8”>
- <title>Título da página</title>
- </head>
- <body>
- … aqui vai todo o codigo HTML que faz seu site…
- </body>
- </html>
Vamos lá! Logo na primeira linha que é chamada de DOCTYPE, têm como função aos browsers, robôs de busca, leitores de tela e diversas coisas sobre documentos e aqueles que estão prestes a carregar. Existem diversos códigos que você pode carregar, por exemplo o XML. Por isso o Doctype avisa o browser para que ele saiba como deve se comportar ao ler um certo tipo de código.
Após o início com as tags HTML, que têm o sentido de qualquer elemento que estiver com essas tags <html></html> é descrito em HTML. Logo ao lado da palavra HTML têm um atributo chamado lang, onde indicamos qual o idioma do texto que você deve escrever.
Sendo assim, após a tag html teremos a tag <head>. Nesta tag chamada head estamos iniciando uma indicação de título do documento e indicamos a tabela de caractéres que o browser deverá usar para a renderização de seu texto. A chamada tag <title> é demuita importância. Pois, é com esta que será possível indicar o título do seu documento. O Google e diversos sistemas usam esta tag para mostrar em suas buscas o título da página. Sendo muito importante para que você apareça bem nas buscas.
Logo depois da tag de fechamento </head> começamos a tag <body>. Dentro deste elemento é que vamos escrever todo o código HTML do resto do site.
- <!DOCTYPE html>
- <html lang=“pt-br”>
- <head>
- <meta charset=“utf-8”>
- <title>Título da página</title>
- </head>
- <body>
- <h1>Aqui vai o texto do título</h1>
- <p>Aqui vai o texto do parágrafo.
- Geralmente parágrafos tem muitas palavras, letras menores que as do título</p>
- </body>
- </html>
O que é HTML – Criando seu primeiro corpo HTML
Para efetuar seu primeiro trabalho com o HTML é muito simples e fácil. Primeiramente abara e crie um arquivo vazio, sem texto, com o nome index.html. Use o notepad ou o text edit se estiver no Mac mesmo.
Veja que a extensão do seu arquivo é .html e não .txt
Após isso, copie o código usado no exemplo acima e cole neste documento. Salve a abra no seu navegador. Pronto! Você fez seu primeiro trabalho em HTML