1 - Construindo a estrutura básica do HTML
<!DOCTYPE html>
<html>
<head>
<title> Página do Exercício 1 </title>
</head>
<body>
</body>
</html>
2 - Adicionando conteúdo ao HMTL
<!DOCTYPE html>
<html>
<head>
<title> Página do Exercício 1 </title>
</head>
<body>
<h1> Projeto de Web - Loja de Roupas Renner </h1>
<p>
O projeto visa criar um site para a empresa de roupas de moda Renner. A nossa empresa tem a função de criar o e-commerce da loja e assistência técnica.
</p>
</body>
</html>
3 - Trabalhando com meta tags e títulos
<head>
<meta charset = "UTF-8">
<title> Renner - Loja Virtual </title>
</head>
4 - Organizando conteúdo com tags HTML
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title> Projeto Pessoal </title>
</head>
<body>
<h1> Canção de Amigo - Martin Codax </h1>
<h2> Trovadorismo </h2>
<p> Ondas do mar de Vigo,
se vistes meu amigo!
E ai, Deus!, se verrá cedo!
Ondas do mar levado,
se vistes meu amado!
E ai Deus!, se verrá cedo!
Se vistes meu amigo,
o por que eu sospiro!
E ai Deus!, se verrá cedo!
Se vistes meu amado,
por que hei gran cuidado!
E ai Deus!, se verrá cedo! </p>
</body>
</html>
5 - Adicionando imagens com acessibilidade
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title> Projeto Pessoal </title>
</head>
<body>
<h1> Canção de Amigo - Martin Codax </h1>
<h2> Trovadorismo </h2>
<img src = "TROVADORISMO.jpg" alt = "Um quadro da idade Média retratando um rei ouvindo músicas de seus trovadores">
<p> Ondas do mar de Vigo,
se vistes meu amigo!
E ai, Deus!, se verrá cedo!
Ondas do mar levado,
se vistes meu amado!
E ai Deus!, se verrá cedo!
Se vistes meu amigo,
o por que eu sospiro!
E ai Deus!, se verrá cedo!
Se vistes meu amado,
por que hei gran cuidado!
E ai Deus!, se verrá cedo! </p>
</body>
</html>
6 - Listando Itens em HTML
<ul>
<li> Item 1 </li>
<li> Item 2 </li>
<li> Item 3 </li>
</ul>
7 - Explorando o impacto do DOCTYPE no HTML
8 - Automatizando a atualização da página com Live Server
Instalado:
Mas, não tá funcionando meu LiveServer, nem sequer aparece a opção no canto da tela. Não sei se falta memória ou se alguma extensão não está permitindo o bom funcionamento, mas é algo que já faz algum tempo está assim.