HTML Definição
HTML é a sigla de HyperText Markup Language, expressão
inglesa que significa "Linguagem de Marcação de Hipertexto". Consiste
em uma linguagem de marcação utilizada
para produção de páginas na web, que permite a criação de documentos que podem
ser lidos em praticamente qualquer tipo de computador e transmitidos pela Internet.
Para escrever documentos HTML não é necessário mais do que
um editor de texto simples e conhecimento dos códigos que compõem a linguagem.
Os códigos (conhecidos como tags) servem para indicar a função de cada elemento
da página Web. Os tags funcionam como comandos de formatação de textos,
formulários, links (ligações), imagens, tabelas, entre outros.
Os browsers (navegadores) identificam as tags e apresentam a
página conforme está especificada. Um documento em HTML é um texto simples, que
pode ser editado no Bloco de Notas (Windows) ou Editor de Texto (Mac) e
transformado em hipertexto.
As versões de evolução da HTML incluem XHTML (uma linguagem
com sintaxe mais rigorosa, baseada em XML) e HTML5 (quinta versão da HTML que
traz novos recursos, principalmente a manipulação de conteúdo gráfico e
multimídia).
Quem criou o HTML?
A linguagem HTML foi criada por Tim Barners Lee na década de
1990. As especificações da linguagem são controladas pela W3C (World Wide Web
Consortium).
Ele criou o HTML para a comunicação e disseminação de
pesquisas entre ele e seu grupo de colegas. O HTML ficou bastante conhecido
quando começou a ser utilizada para formar a rede pública daquela época, o que
se tornaria mais tarde a internet que conhecemos hoje.
O que são as tags do HTML?
O HTML é uma linguagem baseada em marcação. Nós marcamos os
elementos para mostrar quais informações a página exibe. Por exemplo, um título
importante. Aquele título do artigo, da manchete do site, nós marcamos com uma
tag/elemento chamado H1. Veja um exemplo:
<h1>Mostre o
texto do título</h1>
Perceba que o texto está entre duas marcações. Essas
marcações são chamadas de TAGS. As tags são abertas e depois fechadas. No
exemplo acima abrimos a tag com <h1> e fechamos com </h1>. O que
está dentro é o conteúdo mostrado para o usuário.
O parágrafos são marcados com a tag P. Assim:
<p>Aqui vai o texto do parágrafo.
Geralmente parágrafos tem muitas palavras,
letras menores que as do título</p>
Utilizando as tags, nós dizemos para o navegador o que é
cada informação. O que é um título, o que é um parágrafo, o que é um botão, um
formulário etc. Dizemos também o que é cada coisa para os sistemas de busca,
como o Google. O Google, nesse caso, para exibir os resultados de busca, ele
precisa saber o que é um parágrafo e o que é um título. Ele sabe disso através
das tags.
A estrutura básica
Todo HTML começa do mesmo jeito. Não há segredos aqui. Você
pode simplesmente copiar em algum lugar para usar esse código toda vez iniciar
um novo HTML.
<!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>
A primeira linha se chamada DOCTYPE. O Doctype avisa aos
browsers, robôs de busca, leitores de tela e outras coisas que tipo de
documento e aquele que eles estao prestes a carregar. Existem outros códigos
que podemos carregar, por exemplo XML. Por isso o Doctype avisa o browser para
que ele saiba como se comportar ao ler o código.
Depois começamos com a Tag HTML. Isso quer dizer que todo o
que estiver entre as tags <html></html> é escrito em HTML. Ao lado
da palavra HTML tem um atributo (explico o que são atributos mais pra frente)
chamado lang, onde indicamos qual o idioma do texto que escreveremos.
Logo após a tag html temos a tag <head>. Na tag Head
nós indicamos o título do documento e indicamos a tabela de caracteres que o
browser deve usar para renderizar seu texto.
A tag <title> é muito importante. É com ela que você
indica o título do documento. O Google e outros sistemas de busca utilizam essa
tag para indicar em suas buscas o título da página. Isso é 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>
Um dos principais problemas no desenvolvimento para internet
é a mistura dos diversos códigos. Nós não usamos apenas o HTML para fazer
sites. Além do HTML, utilizamos ainda o CSS, que é uma linguagem para
configurarmos o visual das páginas e o Javascript, que vai cuidar do
comportamento da página, por exemplo, o que acontece quando o usuário clica em
um botão.
Há também as linguagens chamadas Linguagens Server-Side, que
são linguagens como PHP, Python, Ruby, ASP e etc. Essas linguagens fazem tudo
funcionar. Elas fazem os cálculos nos servidores e dão a resposta para o navegador
do usuário.
Para que os códigos não se misturem, nós os separamos em
diversas camadas. Para ficar mais fácil de entender, imagine que o HTML é
sempre o esqueleto do site. É com ele que vamos fazer toda a estrutura de
código, onde iremos dizer o que é um título, o que é um parágrafo, uma imagem e
etc. O CSS será a parte externa do corpo. É o que deixará o esqueleto bonito. É
com o CSS que iremos dar cor para o título, configurar o tamanho do texto,
largura das colunas e etc.
Dessa forma nós não misturamos o código HTML e o código CSS.
Utilizamos a mesma ideia para separar os outros códigos citados acima.
Este é o básico. É conceito puro, por que você precisa
começar de algum lugar.
Referências
Significado de HTML
Disponível em: https://www.significados.com.br/html/
Acessado dia 03 de Novembro de 2016
Eis, Diego. O básico: O que é HTML?
Disponível em: http://tableless.com.br/o-que-html-basico/
Acessado dia 03 de Novembro de 2016
Comentários
Postar um comentário