Comandos Básicos do HTML5:
Utilizando o programa “notepad++” e colocando alguns comandos básicos:
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<meta charset= "UTF-8"/>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
Para a organização e classificação de informações extremamente comum na internet a utilização de tags.
Tag são dados usados para classificar e organizar arquivos, páginas e outros conteúdos.
A tag html indica que a linguagem é html.
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<meta charset= "UTF-8"/>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
O atributo lang especifica o idioma do conteúdo do elemento, no caso do pt-br o idioma é o português (Brasil):
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<meta charset= "UTF-8"/>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
O atributo lang especifica o idioma do conteúdo do elemento, no caso do pt-br o idioma é o português (Brasil):
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
A tag head é um elemento que providencia informações gerais sobre o documento, incluindo seu título e links para scripts e folhas de estilos.
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<meta charset= "UTF-8"/>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
A tag meta com o atributo charset= “UTF-8” é utilizada para evitar problemas com sinais e acentuações:
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<meta charset= "UTF-8"/>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
A tag body é utilizada para colocarmos todo conteúdo do site, cores para os textos, links, plano de fundo ou imagens de fundo.
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<meta charset= "UTF-8"/>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
A tag title é o título da pagina.
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<meta charset= "UTF-8"/>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<meta charset= "UTF-8"/>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
Ex: Colocando um título: Olá, Mundo!
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<meta charset= "UTF-8"/>
<title>Olá, Mundo!</title>
</head>
<body>
<div></div>
</body>
</html>
Clicando em “Executar” e depois em “Launch in ...”, dependendo do navegador que deseja utilizar:
A tag div é utilizada para alterar o estilo em partes específicas da página e posicionar objetos que irão aparecer no site.
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title></title>
</head>
<body>
<div></div>
</body>
</html>
A tag h1,.. é utilizada para títulos e subtítulos.
Ex.: Colocando um título "Aprendendo e Evoluindo" e um subtítulo "HTML5":
Ex.: Colocando um título "Aprendendo e Evoluindo" e um subtítulo "HTML5":
<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title></title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>HTML5</h2>
</div>
</body>
</html>
Executando:
Obs.: Caso você queira assistir vídeo aulas sobre HTML5 é só acessar o link:
