🚀 Teste portátil — Markdown + HTML + CSS

Este ficheiro foi feito para testar Obsidian e SiYuan sem depender de um <style> dentro da nota.

No Obsidian, o HTML abaixo usa apenas HTML real dentro dos blocos HTML e CSS inline com style="".

1. Markdown normal

Isto é negrito.

Isto é itálico.

Isto é ~~riscado~~.

Isto é código inline.

Esta é uma citação Markdown normal.

Item A
Item B
- Subitem B.1
- Subitem B.2

2. Hero HTML + CSS inline

🧪 Teste extremo

Este conteúdo inteiro está em HTML real.

Se este texto estiver num bloco com gradiente, CSS inline está a funcionar.

Markdown HTML CSS

3. HTML inline

Texto HTML maior

Vermelho · Verde · Azul

Texto marcado com HTML

H₂O · x² + y²

4. Cards

🎮 Projeto

Nome: Yoku

Estado: Desenvolvimento

Ativo

🇯🇵 Japonês

Nível: N5

Objetivo: ler sem depender de tradução.

💻 Programação

Kotlin
Rust
Python
HTML
CSS

5. Botão HTML

6. Details / Summary

👀 Carrega aqui

Conteúdo escondido

Se isto expandiu corretamente, <details> e <summary> funcionam.

Item secreto
Outro item
Negrito HTML

7. Barra de progresso

Progresso do projeto

72% concluído

8. Tabela HTML

Projeto	Estado	Prioridade
Yoku	Em desenvolvimento	Alta
Servidor Minecraft	Ativo	Média

9. Citação personalizada

💡 Ideia
Um bom sistema de notas deve permitir organizar ideias sem transformar sincronização numa profissão paralela.

10. Teclas

Atalho: Ctrl + Shift + P

11. Ruby / furigana

日本語にほんご

12. Fieldset

🧪 Teste Fieldset

Se aparecer uma caixa com legenda, o HTML está a ser renderizado.

13. CSS inline em imagem falsa / bloco visual

🎨

HTML + CSS

Bloco visual sem imagem externa

日本語版Wiki

Explorador

Untitled