GENERAL TRACK

La tua prima pagina web

Crea una pagina di profilo personale con HTML e CSS generati dall'IA.

1Le basi dell'HTML: cosa sono i tag?

Prima di costruire la nostra pagina, capiamo un concetto chiave: i tag HTML. Pensa ai tag come a delle etichette sulle scatole. Ogni tag dice al browser che tipo di contenuto c'è all'interno.

I tag sono come scatole etichettate

<h1>

Titolo grande (come il titolo di un capitolo)

<p>

Paragrafo di testo

<ul> + <li>

Elenco puntato con voci

Ogni tag si apre e si chiude: <h1>content</h1>. Il browser legge questi tag e mostra il contenuto di conseguenza. Clicca su Esegui codice per vedere:

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Understanding Tags</title>
</head>
<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph of text.</p>
  <ul>
    <li>This is a list item</li>
    <li>This is another item</li>
  </ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <title>Understanding Tags</title>
</head>
<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph of text.</p>
  <ul>
    <li>This is a list item</li>
    <li>This is another item</li>
  </ul>
</body>
</html>

Output

Your guide

2Costruire una pagina di profilo con l'IA

3Rendila tua

4Sali di livello: stile moderno con il CSS

5Sfida: costruisci la tua pagina di profilo

Cos'è il vibe coding?

ALL TUTORIALS

Rendere le cose interattive