segunda-feira, 24 de março de 2025

Atividade Web Design - 24/03 - 2º Info A/B

 

Títulos, Parágrafos e Quebras de Linha no HTML

Títulos em HTML

A forma mais simples de criar títulos no HTML é utilizando as tags <h1> a <h6>. O número representa o nível de importância, sendo <h1> o maior e <h6> o menor.

Exemplo:

<!DOCTYPE html>

<html>

<head>

    <title>Títulos em HTML</title>

</head>

<body>

    <h1>Texto Grande</h1>

    <h2>Texto um pouco menor</h2>

    <h3>Texto ainda menor</h3>

    <h4>Texto menor...</h4>

    <h5>Texto bem pequeno</h5>

    <h6>Texto mais pequeno possível com <h6></h6></h6>

</body>

</html>


Parágrafos em HTML

A tag <p> é usada para definir parágrafos, organizando o conteúdo do texto.

Exemplo:

<!DOCTYPE html>

<html>

<head>

    <title>Parágrafos em HTML</title>

</head>

<body>

    <p>Este é um parágrafo.</p>

    <p>Este é outro parágrafo.</p>

</body>

</html>


Quebra de Linha

A tag <br> permite pular para a próxima linha dentro de um texto sem precisar criar um novo parágrafo.

Exemplo:

<!DOCTYPE html>

<html>

<head>

    <title>Quebra de Linha</title>

</head>

<body>

    Cada <br> palavra <br> em <br> uma <br> linha.

</body>

</html>


Atividade Prática: Criando uma Biblioteca Virtual

Agora é sua vez de praticar! Você deverá criar uma página HTML listando 10 livros de sua escolha, organizando os títulos com <h2> e os resumos com <p>.

Passo a Passo

  1. Crie um novo arquivo HTML e salve-o como biblioteca.html.
  2. Organize os conteúdos usando <h2> para os títulos dos livros e <p> para os resumos.
  3. Adicione um parágrafo extra ao final com a sua opinião sobre um dos livros listados.

Exemplo de Estrutura da Página:

<!DOCTYPE html>

<html>

<head>

    <title>Biblioteca Virtual</title>

    <meta charset="utf-8">

</head>

<body>

    <h1>Minha Biblioteca Virtual</h1>

 

    <h2>1. Dom Casmurro</h2>

    <p>Obra de Machado de Assis que narra a história de Bentinho e sua obsessão por Capitu.</p>

 

    <h2>2. 1984</h2>

    <p>Escrito por George Orwell, este livro apresenta uma sociedade distópica sob vigilância constante.</p>

 

    <h2>3. O Pequeno Príncipe</h2>

    <p>Clássico de Antoine de Saint-Exupéry, que traz uma reflexão sobre a vida e os sentimentos.</p>

 

    <h2>4. Harry Potter e a Pedra Filosofal</h2>

    <p>Primeiro livro da saga escrita por J.K. Rowling, introduzindo o mundo da magia e Hogwarts.</p>

 

    <p>Dos livros listados, meu favorito é "1984" porque aborda temas sobre controle social e manipulação da informação.</p>

</body>

</html>


Desafios Extras

  1. Adicione uma lista de livros recomendados no final, utilizando <ul> (lista não ordenada).
  2. Inclua um link externo para um site onde os livros possam ser lidos ou comprados.
  3. Escreva um resumo de pelo menos 50 palavras sobre o livro que mais gostou.