HTML é uma linguagem para criação páginas da web.
OBSERVAÇÂO: Toda página do html será salva com extensão .html ou .htm
Primeira página index.html ou index.htm
Segunda página qualquer nome .html ou nome.htm
ESTRUTURA BÁSICA HTML
< !DOCTYPE html >
< html >
< head >
< title > Título da págiana </ title>
</head>
<body>
<h1> Título grande </h1>
<p> parágrafos </p>
</ body >
</ html >
< !DOCTYPE html > Definição de um documento html 5.
< html > O início da página do html 5.
< head > A onde fica as informações da meta do html.
< title > Título que fica na barra de cima do navegador.
<body > O corpo do documento e toda página do html.
< h1> Definição título grande.
<p> Definição dos parágrafos.
EDITOR HTML5
BLOCO DE NOTAS DO WINDOWS.
VISUAL STUDIO CODE.
OS TÍTULOS DO HTML
<h1> Título grande </h1>
< h2> Título 2 </h2>
<h3> Título 3 </h3>
<h4> Título 4 </h4>
<h5> Título 5 </h5>
<h6> Título 6 </h6>
PARÁGRAFOS
<p> parágrafos </p>
ELEMENTO PARA PULAR UMA LINHA
<BR> Não tem fechamento
DIGITE ESSES CODIGO DO HTML5 NO EDITOR
E DEPOIS SALVAR COM INDEX.HTML
EXEMPLO
< html >
< head >
< title > Título da págiana </ title>
</head>
<body>
<h1> Título grande </h1>
< h2> Título 2 </h2>
<h3> Título 3 </h3>
<h4> Título 4 </h4>
<h5> Título 5 </h5>
<h6> Título 6 </h6>
<p> Este texto é um parágrafo. </p>
Você vai pular uma linha <br>
</ body >
</ html >
lang é um atributo é usado para informar ao buscador que site tem um determinado idioma.
<!DOCTYPE html>
<html lang="pt-BR">
<body>
...
</body>
</html>
ATRIBUTO DO TÍTULO
title é usado nos elementos para trazer informações extra.
<!DOCTYPE html>
<html>
<body>
<h2 title="titulo 1 ">TÍTULO</h2>
<p title="titulo 1">Ao passar mouse sobre título vai aparecer (título 1) .</p>
</body>
</html>
LINHAS HORIZONTAIS
<HR > NÃO FECHAMENTO
ELEMENTO HTML PRE
< pre> serve para organizar texto.
<pre>
Linha 1
Linha 2
Linha3
Linha4....
</pre>
DIGITE ESSES CODIGO DO HTML5 NO EDITOR
E DEPOIS SALVAR COM INDEX.HTML
EXEMPLO
< !DOCTYPE html >
< html lang="pt-BR">
< head >
< title > Título da págiana </ title>
</head>
<body>
<h1> Título grande </h1>
< h2> Título 2 </h2>
<h3> Título 3 </h3>
<h4> Título 4 </h4>
<h5> Título 5 </h5>
<h6> Título 6 </h6>
<p> Este texto é um parágrafo. </p>
Você vai pular uma linha <br>
Title elemento extra.
<h2 title="titulo 1 ">TÍTULO</h2>
<p title="titulo 1">Ao passar mouse sobre título vai aparecer (título 1) .</p>
<hr> LINHA HORIZONTAL
PRE
<pre>
Linha 1
Linha 2
Linha3
</pre>
</ body >
</ html >