Capítulo 1

HTML - Primeiro Contato

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

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.