> For the complete documentation index, see [llms.txt](https://learn.ziomark.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.ziomark.xyz/html/parte-2-tabelle-form-e-less-than-a-greater-than.md).

# Parte 2: Tabelle, Form e \<a>

Benvenuti alla seconda lezione di HTML! Dopo aver coperto le basi nella nostra prima lezione, ora esploreremo come utilizzare HTML per creare tabelle, form per la raccolta di dati e introdurremo l'uso degli elementi `<a href>` per i collegamenti.

### Tabelle in HTML

Le tabelle in HTML sono strutturate tramite i tag `<table>`, `<tr>`, `<th>`, e `<td>`:

* `<table>`: definisce il contenitore della tabella.
* `<tr>`: indica una nuova riga (table row).
* `<th>`: sta per table header, usato per intestazioni di colonne o righe.
* `<td>`: table data, usato per i dati nelle celle della tabella.

#### Esempio di Tabella

```html
<table border="1">
  <tr>
    <th>Nome</th>
    <th>Cognome</th>
  </tr>
  <tr>
    <td>Zio</td>
    <td>Mark</td>
  </tr>
  <tr>
    <td>Mark</td>
    <td>Zio</td>
  </tr>
</table>
```

<figure><img src="/files/j5oSMkvmq4n2jRaWjnO6" alt=""><figcaption></figcaption></figure>

### Form in HTML

I form sono utilizzati per raccogliere input dall'utente. Un form è definito con il tag `<form>` e può contenere elementi di input come `<input>`, `<textarea>`, e `<button>`.

#### Esempio di Form

```html
<form action="/submit" method="post">
  <label for="name">Nome:</label>
  <input type="text" id="name" name="name">
  <label for="age">Età:</label>
  <input type="number" id="age" name="age">
  <button type="submit">Invia</button>
</form>
```

<figure><img src="/files/x6OUoPGsUt8LBh9f0Qtn" alt=""><figcaption></figcaption></figure>

### Introduzione a `<a href>`

Il tag `<a>`, noto come anchor tag, è utilizzato per creare collegamenti. L'attributo `href` specifica l'URL della pagina a cui il link deve puntare. Puoi usare `target="_blank"` per aprire il link in una nuova scheda.

#### Esempio di Link

```html
<a href="https://learn.ziomark.xyz" target="_blank">Visita ZioMark</a>
```

<figure><img src="/files/Fv5qXvymUTSgd389T3dM" alt=""><figcaption></figcaption></figure>

### Esercizio Finale

Crea una pagina HTML che contenga una tabella, un form e un link a un sito di tua scelta. Assicurati di:

* Utilizzare almeno due `<tr>` nella tua tabella.
* Includere nel form un campo di testo e un pulsante di invio.
* Aggiungere un link che apra in una nuova scheda.

#### Schema della Pagina

```html
<!DOCTYPE html>
<html>
<head>
  <title>Esercizio HTML</title>
</head>
<body>
  <table border="1">
    <tr>
      <th>Prodotto</th>
      <th>Prezzo</th>
    </tr>
    <tr>
      <td>Libro</td>
      <td>€15</td>
    </tr>
    <tr>
      <td>Caffè</td>
      <td>€1</td>
    </tr>
  </table>

  <form action="/submit" method="post">
    <label for="email">Email:</label>
    <input type="email" id="email" name="email">
    <button type="submit">Iscriviti</button>
  </form>

  <a href="https://learn.ziomark.xyz" target="_blank">Visita Wikipedia</a>
</body>
</html>
```

### Anteprima

<figure><img src="/files/q6z0ZPdVV7idbQ3CHalL" alt=""><figcaption></figcaption></figure>

Questa lezione ti ha fornito una panoramica approfondita su come utilizzare tabelle, form e link in HTML, arricchendo la tua pagina web con elementi interattivi e informativi. Buon lavoro con l'esercizio!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://learn.ziomark.xyz/html/parte-2-tabelle-form-e-less-than-a-greater-than.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
