Capítulo 18 - Modelos de Rótulos HTML para o Moodle

O Moodle permite utilizar rótulos com HTML para organizar visualmente os conteúdos da disciplina. Esses rótulos funcionam como marcadores visuais que ajudam os estudantes a identificar rapidamente o tipo de material disponível, como videoaulas, fóruns, atividades avaliativas ou materiais de leitura.

Nos exemplos a seguir são apresentados diferentes modelos de rótulos que podem ser utilizados nas disciplinas. Cada exemplo apresenta o resultado visual e o código HTML correspondente.

Exemplo 1 — Podcast da unidade

Resultado visual

<div style="font-family:'Segoe UI', Arial, Helvetica, sans-serif; max-width:520px; margin:10px 0;">
<div style="background:#f6f4ff;border-left:4px solid #7048e8;padding:6px 14px;border-radius:999px;font-size:0.9em;">
<strong style="color:#7048e8;">🎧 Podcast da unidade</strong> — o episódio está logo abaixo
</div>
</div>

Exemplo 2 — Fórum de dúvidas

Resultado visual

Exemplo 3 — Avaliação

Exemplo 4 — Atividade de casa

Exemplo 5 — Prática em laboratório

Exemplo 6 — Videoaulas

Exemplo 7 — Leitura obrigatória

Exemplo 8 — Material complementar

Exemplo 9 — Aviso importante

Exemplo 10 — Estudo dirigido