Consulenza - Sviluppo - Marketing - Formazione

Giacomo Rutili

Tieni qualche istante il mouse sopra al mio nome per aggiungermi su Google+ o seguimi sugli altri social
Giacomo Rutili

tag principali usati nel body

15 aprile 2011, Scritto da , category HTML

tag html torre di pisa

All’interno del body possiamo inserire tutti i tag che servono per strutturare, formattare ed enfatizzare i contenuti della pagina.

I più usati sono i seguenti:

  • <p> e <div> servono per contenere blocchi di testo. Il tag <p> non si può includere all’interno di un altro <p>. Al contrario i <div> si possono usare in forma annidata. Entrambi i tag richiedono il corrispettivo tag di chisura </…>
  • <font>, <i>, <b>, <u>, <strong>, <em> servono per formattare ed enfatizzare il testo. Tranne <strong> ed <em>, i tag citati sono ormai obsoleti e rimpiazzati dai fogli di stile. Tutti questi tag richiedono la chiusura
  • <img> serve per inserire una immagine. Questo tag non necessita chisura.
  • <table><tr><td> serve per inserire una tabella composta da righe e colonne. I tag necessitano chisura.
  • <ul><li> ed <ol><li> servono per inserire elenchi puntati (ul = unordered list) e numerati (ol = ordered list). Questi tag richiedono la chisura.
  • <a> serve per inserire un collegamento ipertestuale, detto anche anchor o link. Richiede la chisura </a>
  • <br> serve per inserire un a capo. Non richiede la chisura.
  • <hr> serve per inserire una riga orizzontale. Non richiede chisura.
  • <h1> <h2>…<h6> servono per inserire intestazioni – titoletti per le varie sezioni dei paragrafi. La dimensione del font diminuisce al crescere del numero. Necessitano di chisura.
  • <sup> <sub> servono per inserire testo all’apice o al pedice di ciò che stiamo scrivendo. Richiedono il tag di chisura.
  • <span> serve per personalizzare una parte di testo. Con il tempo ha preso il posto del “vecchio” <font>. Richiede il tag di chisura.

 

<body>
 <h1>Benvenuti!</h1>
 <p>Questa è la mia <strong>pagina personale</strong></p>
 <p>Vai alla pagina di <a href="contatti.php">contatti</a> per informazioni</p>
 <hr>
 <h2>Ricetta uovo al tegamino</h2>
 <p>Ingredienti:</p>
 <ul>
  <li>uovo</li>
  <li>sale</li>
  <li>olio</li>
 </ul>
 <p><img src="foto-uovo.jpg"></p>
</body>
  • alessandro

    Ma lo sai Giacomo che questa guida online è vermante comoda? Non devo cercare i vecchi appunti, nè riordinare quelli nuovi dal momento che è tutto qui. Grazie. Il tuo giovane Padauan.

    • ehehhe bene, mi fa piacere… Se poi avete delle perplessità, dubbi o curiosità su quanto detto a lezione, scrivete tramite l’apposito modulo dei commenti così ne discutiamo insieme