O que é HTML
HTML
Todo o site tem um código por traz de o que você vê no navegador, o site é feito em HTML, o navegador interpreta o código e executa como o que vemos nas páginas da web.
Certo, mas o que é HTML, de onde veio ?
HyperText Markup Language, é a expressão completa em inglês que significa Linguagem de Marcação de Hipertexto, ou seja, não é uma linguagem de programação como Jquery, PHP, Javascript entre outras linguagens de programação. HTML não necessariamente necessita de Lógica de Programação, assim como as linguagens citadas anteriormente, mas é muito interessante ter uma semântica no código. A semântica do código nada mais é que uma organização, como usar as tags em seus lugares certos e com sua importância correta. Tim Berners-Lee, um físico britânico foi quem criou o HTML e outros protocolos associados como HTTP.
O HTML conta com uma estrutura, feita com suas tags. Veja abaixo:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="Descrição do Documento">
<meta name="keywords" content="">
<title>Título do Documento</title>
</head>
<body>
<div> </div>
<img src="endereço_de_uma_imagem.jpg" title="Nome" alt="Descrição" />
<a href="http://www.drcode.com.br" title="Dr Code">Dr Code</a>
</body>
</html>Ok, agora vamos entender as tags nesse código:
<!DOCTYPE html>: Indica que o tipo do documento é HTML, assim indicando ao navegador que ele deve ler o HTML;
<html></html>: Indica a abertura do código, ali dentro se deve colocar as tags. E assim como a maioria das tags devem ser fechadas, fechando com a /(barra);
<head></head>: Indica para o navegador que ali é o Cabeçalho, todas as informações que o navegador deve interpretar estarão ali, nada ali é visto pelo usuário, apenas para o navegador;
<meta charset=”utf-8″ />: É a codificação para que o navegador interprete os acentos e caracteres desconhecidos;
<meta name=”description” content=”Descrição do Documento”>: É uma breve descrição do seu documento HTML;
<meta name=”keywords” content=”nome do site, palavras chaves”>: São palavras chaves que podem ajudar o documento a ser bem indexado pelos motores de busca;
<title>Título do Documento</title>: É nada mais que o titulo do documento;
<body></body>: Aqui é onde começa o código que sera para o usuario que acessa o documento.
<div></div>: Div é uma caixa, onde dentro você coloca outras tags para a contrução de seu documento.
<img src=”” title=”” alt=”” />: É uma tag de imagem, no src=”” ela chama o caminho da imagem, como por exemplo, imagens/logotipo/logotipo.png. title=”” é o titulo da imagem, e o alt=”” é uma descrição da imagem.
<a href=”” title=””></a>: É uma tag de link, que no atributo href=”” chama o link como exemplo http://www.drcode.com.br, o title=”” assim como na img é o titulo do Link.
Temos também varias outras tags, como os h1, h2, h3 … h6, que são os titulo, o h1 de maior importancia, o h2 um subtitulo, e assim suscetivamente ate o h6.
Bom, basicamente é isso, o HTML é uma linguagem de marcação utilizada para criar documentos e páginas na web são interpretadas pelo navegador, gerando as imagens, e textos que vemos no nosso dia-a-dia navegando na web.
Caso surja alguma dúvida, deixe um comentário, mande-me um e-mail, sentirei-me honrado em lhe ajudar com o que for necessário.
