-
Notifications
You must be signed in to change notification settings - Fork 0
/
aula4-1.html
33 lines (26 loc) · 1.73 KB
/
aula4-1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!-- Vídeo 8 - Aula 4 - Visão geral de HTML com CSS -->
<!-- Exemplo 2 -->
<!-- Neste exemplo e usado o CSS nas própria linha do código e puxando o layout2.css -->
<!DOCTYPE html>
<html>
<head>
<title>Título 3</title>
<!-- <link rel="stylesheet" type="text/css" href="layout1.css"> -->
<link rel="stylesheet" type="text/css" href="layout2.css"> <!-- Link para o arquivo de estilo layout2.css -->
</head>
<body>
<div id="corpo-da-pagina"> <!-- Div com o ID "corpo-da-pagina", usada para agrupar o conteúdo -->
<h1>Curso de HTML</h1> <!-- Título principal da página -->
<p id="descricao-curso">Este é uma página de um curso de HTML que estou desenvolvendo, apenas para mostrar o uso do CSS.</p> <!-- Parágrafo com o ID "descricao-curso", descrevendo o propósito da página -->
<h2>Conteúdo programático</h2> <!-- Subtítulo para a seção de conteúdo programático -->
<h3>Aula 1</h3> <!-- Subtítulo para Aula 1 -->
<p class="texto">Nesta aula apresentamos a estrutura básica do HTML.</p> <!-- Parágrafo com a classe "texto", explicando o conteúdo da Aula 1 -->
<h3>Aula 2</h3> <!-- Subtítulo para Aula 2 -->
<p class="texto">Nesta aula mostramos um pouco do CSS.</p> <!-- Parágrafo com a classe "texto", explicando o conteúdo da Aula 2 -->
<h3>Aula 3</h3> <!-- Subtítulo para Aula 3 -->
<p class="texto">Nesta aula finalizamos mostrando um pouco de javascript.</p> <!-- Parágrafo com a classe "texto", explicando o conteúdo da Aula 3 -->
<h3>Aula 4</h3> <!-- Subtítulo para Aula 4 -->
<p class="texto">Nesta aula criamos um site com tudo que vimos.</p> <!-- Parágrafo com a classe "texto", explicando o conteúdo da Aula 4 -->
</div> <!-- Fim da div "corpo-da-pagina" -->
</body>
</html>