HTML Gyakorló felület

Itt kipróbálhatod és gyakorolhatod a HTML kódolást. A szerkesztőben minden változtatás azonnal megjelenik az előnézetben.

Interaktív Szerkesztő

Interaktív szerkesztő

function HTMLEditor() {
  return (
    <div>
      <h1>Próbáld ki a HTML-t!</h1>
      <p>Ez egy interaktív példa.</p>
      <ul>
        <li>Módosíthatod ezt a kódot</li>
        <li>Azonnal látod az eredményt</li>
        <li>Kísérletezz bátran!</li>
      </ul>
    </div>
  );
}

Eredmény

Loading...

Tippek a gyakorláshoz

1. Kezdd az alapoktól

   • Próbáld ki a különböző címsorokat (<h1> - <h6>)
   • Hozz létre bekezdéseket (<p>)
   • Kísérletezz a szövegformázással (<strong>, <em>)

2. Haladj a bonyolultabb elemek felé

   • Készíts listákat (<ul>, <ol>, <li>)
   • Próbálj ki táblázatokat (<table>, <tr>, <td>)
   • Kísérletezz hivatkozásokkal (<a href="">)

Minta feladatok

1. Egyszerű névjegy

Készíts egy névjegyet a következő elemekkel:

• A neved címsorként
• Rövid bemutatkozás bekezdésként
• Lista a hobbijaiddal
• Elérhetőségek külön bekezdésben

2. Mini blog post

Hozz létre egy blog bejegyzést:

• Cím
• Szerző és dátum
• Több bekezdésnyi tartalom
• Címkék listája