Capítulo 1

HTML - Primeiro Contato

Criado por: Malcon Toledo

Preparando o Ambiente

HTML - Conceitos Iniciais

O que é HTML

HTML é uma linguagem de marcação de texto Basicamente ela serve para estruturar um documento na web.

Com o HTML5, os navegadores podem saber como mostrar os elementos de um documento web na tela do seu monitor. Além disso é, também, por meio do HTML que os buscadores "entendem" o conteúdo de um documento publicado na web.

O que é um elemento HTML?

São todos os objetos presentes em sua página. Exemplo: parágrafos, links, imagens, menus, entre outros.

anatomia de um elemento HTML
Fonte: MDN Web Docs

Alguns elementos possuem atributos que servem para qualificar, quantificar ou detalhar um elemento

anatomia de um elemento HTML
Fonte: MDN Web Docs

Como inserir comentários

Os comentários não irão ser exibidos pelos navegadores. Eles são muito úteis para ajudar o desenvolvedor a entender seu código, visto que, com o passar do tempo, é comum "esquecermos" de todos os detalhes da codificação dos nossos documentos.


	

Este é um conteúdo de um parágrafo

Estrutura Básica de um Documento HTML


<!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, que irão compor algum texto no final das contas</p>
</body>
</html>

						

Declaração <!DOCTYPE>

A declaração não é uma tag HTML. É uma 'informação' para o navegador sobre que tipo de documento esperar

<!DOCTYPE html> diz aos navegadores que o documento está escrito em HTML 5

Tag <HTML></HTML>

Esta tag representa a raís de todo o documento. Ela irá conter todos os outros elementos HTML

O atributo lang declara a lingua que será utilizada no documento. Ele ajuda os motores de busca dos navegadores.

Tag <HEAD></HEAD>

Utilizada para delimitar o cabeçalho de um documento

Os elementos abaixo podem ir dentro da tag <head>

  • <title>
  • <base>
  • <link>
  • <meta>
  • <script>
  • <noscript>

Tag <TITLE></TITLE>

Este elemento :

  • Define o título do documento que irá aparecer na barra de tarefas dos navegadores;
  • Fornece o título da página quando ela for adicionada nos favoritos;
  • Mostra o título da página quando mostrada nos mecanismos de busca

Tag <META/>

Contém os metadados do documento. Metadados são informações sobre o documento HTML e não são mostrados na página.


<head>
  
  
  
  
  
</head>

Tag <BODY></BODY>

Tag usada para definir o corpo do documento.

Basicamente, tudo que está dentro do corpo será exibido, de alguma forma, na página HTML.