Exemple de cod

Pagina conține fragmente de cod și demonstrații cu diacritice: ă â î ș ț.

• Elementele <pre> și <code> + desen ASCII (preformatat)

Diagrama paginii (ASCII art):

+---------------------------+
|        <header>           |
+-------------+-------------+
|  <nav>      |   <main>    |
|             |  +-------+  |
|             |  | <article>|
|             |  +-------+  |
+-------------+-------------+
|           <footer>       |
+---------------------------+

Exemplu de cod HTML inline: <a href="page.html">link</a>

• Bloc de cod cu evidențiere semantică (comentarii în cod)

<!DOCTYPE html>
<html lang="ro">
<head>
  <meta charset="utf-8"> <!-- setare UTF-8 pentru diacritice -->
  <title>Pagina mea</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Salut, lume!</h1>
  <p>Acesta este un paragraf demonstrativ.</p>
</body>
</html>

• Subscript și superscript în text (H₂O, 10²)

Formula apei: H₂O • Putere: 10²=100 • CO₂ în atmosferă.

• Două metode de schimbare a mărimii textului (inline și prin clasă CSS)

Mărire prin stil inline (metoda 1)

Mărire prin clasă CSS (metoda 2)

Text mic (prin clasă CSS)

• Diferite tipuri de fonturi (minim 3) + stiluri de text (bold, italic, underline, color)

Acesta e cu font serif (Times New Roman).

Acesta e cu font monospațiat (Courier New) — util pentru cod.

Subiniat, înclinat, colorat — fontul global (Arial/Segoe).

• Citate lungi și citează inline

„Un cod clar este citibil. Un design bun reduce complexitatea și ambiguitatea.”

După cum se spune, testele sunt documentație vie.

• Alinierea textului (stânga, centru, dreapta) + trecere la rând nou

Acesta este aliniat la stânga (implicit).
Linie nouă după <br>.

Acesta este centrat (prin clasă CSS).

Acesta este aliniat la dreapta.

• Linkuri interne/externe + imagine ca link + ancoră „susul paginii”

Înapoi sus · MDN · Descarcă PDF · Galerie

• Comentarii în cod + structură clară