Treceți la conținutul principal

Șablon de test pentru teme de blog: elemente HTML în acțiune

Acesta este un articol de test, mai lung, creat pentru a verifica stilurile temei tale: bold, italic, cod inline, titluri, citate, tabele, imagini și altele. Include și câteva detalii tipografice: HTML, marcare evidențiată, scurtături cu Ctrl + K, precum și exemple cu text mic, inserări și ștersături.

Text de umplere pentru distanțare. Verifică spațiile dintre paragrafe, înălțimea rândului și modul în care tema ta stilizează linkurile. Exemplu de link simplu și o propoziție cu o notă de subsol[1].

Heading nivel 2

Un paragraf obișnuit înaintea unui citat. Observă diferențele de margini, font și evidențiere pentru elementele de tip blockquote. De asemenea, data de azi: .

„Tipografia este arta și tehnica de a aranja tipul pentru a face limbajul scris lizibil, ușor de citit și atrăgător vizual.” — Wikipedia

Încă un paragraf după citat, pentru a testa spațiul vertical. În unele teme, blockquote-urile au borduri sau culori. Aici mai strecurăm și un citataș scurt în fluxul textului.

Liste ordonate și neordonate

Paragraf de context înaintea listelor.

  • Item scurt
  • Alt item
  • Încă un item

Și o listă numerotată, după un paragraf de despărțire:

  1. Primul pas
  2. Al doilea pas
  3. Al treilea pas

O listă de definiții, utilă pentru termeni:

Termen
Explicație scurtă.
HTML
Limbaj de marcare pentru documente web.

Figuri și imagini

Paragraf înaintea figurii. Imaginea de mai jos folosește un placeholder; înlocuiește src cu o imagine reală din biblioteca ta.

Imagine de test 800x360

Paragraf după figură, pentru a observa spațiile și alinierea textului cu imaginea.

Bloc preformatat și fragmente de cod

Cod în linie: const mesaj = "Salut, lume!"; și un bloc pre pentru testarea fontului monospațiat, fundalului și scrollbar-ului:

// Exemplu minimal JavaScript
function suma(a, b) {
  if (typeof a !== "number" || typeof b !== "number") {
    throw new TypeError("Argumentele trebuie să fie numere");
  }
  return a + b;
}

console.log(suma(2, 5)); // 7

Exemplu de ieșire tehnică cu stdout și variabilă matematică x.

Tabel 5×7 (cuvinte scurte)

Un paragraf înainte de tabel. Verifică antetul, alinierea celulelor, bordurile implicite ale temei și stilul elementului caption.

Tabel simplu pentru test
Col1 Col2 Col3 Col4 Col5
zorsollaccodnuc
norvalmunfoilem
azidoitripatcin
pixcermareasnrd
micmedmaxaltjos
albgrirozaurtur
ionanaevadantei

Paragraf după tabel. Testează cum se comportă pe ecrane înguste (overflow, wrap, mărime font).

Detalii pliabile și separatoare

Secțiune pentru <details>/<summary> și o linie orizontală.

Arată mai multe informații

Conținut ascuns: poate include liste, linkuri și imagini.


Paragraf după <hr>. Unele teme aplică margini mari, altele linii subtile.

Formular de test (nefuncțional)

Doar pentru a vedea stilurile câmpurilor, etichetelor și butoanelor. Nu trimite nicăieri.



Gen:


Media (audio/video) și alte elemente

Controale media pot fi stilizate sau nu de temă. Sursele sunt de test.

Un mic tooltip, plus indice și exponent pentru formule gen H2O sau x2.

Adresă și nav secundar

Secțiune cu adresă de contact; unele teme aplică un font diferit pe <address>.

Scris de Autor Exempluautor@example.com

Note

[1] Aceasta este o notă de subsol de test.

Comentarii

Postări populare de pe acest blog

Desenele animate: între artă, educație și divertisment

Desenele animate au evoluat mult de la primele încercări de animație, când imaginile erau desenate manual, cadru cu cadru, și proiectate pentru a crea iluzia mișcării. De la scurtmetrajele alb-negru cu personaje simple, precum Mickey Mouse sau Felix the Cat, până la producțiile complexe generate pe calculator, animația a devenit o formă de artă recunoscută la nivel global. În esență, desenele animate nu sunt doar un mod de a distra publicul, ci și o expresie vizuală a creativității, unde imaginația nu cunoaște limite. Un aspect important al desenelor animate este impactul lor educațional. Mulți copii fac primii pași în învățare cu ajutorul animațiilor care explică litere, cifre, culori sau chiar concepte științifice într-un mod atractiv. Studiile arată că informațiile prezentate vizual și auditiv simultan se fixează mai ușor în memoria copiilor. În același timp, poveștile cu personaje îndrăgite transmit valori morale precum prietenia, curajul sau solidaritatea. Astfel, desenele animate...

Imagini

Prima: A doua: