Tu sei qui

inserire tabelle

le tabelle non devono mai essere usate per impaginare elementi

le tabelle devono gestire esclusivamente dati

 

inserire

  1. creo pagina base e assegno il titolo
  2. in body scrivo il testo
  3. posiziono il cursore dove voglio inserire la tabella
  4. clicco sul pulsante tabella
  5. decido quante righe e quante colonne
  6. imposto la larghezza sempre in percentuale per adattarsi agli schermi degli utenti (98% al massimo o inferiore se i dati di ogni cella sono esigui)
  7. per l'intestazione obbligatoria - setto prima riga o entrambe (se adeguato ai dati presenti, meglio anche per cellulari)
  8. svuoto le caselle di dimensione bordo, spaziatura celle e padding celle (controllati con il foglio di stile)
  9. lascio l'allineamento non impostato
  10. inserisco l'intestazione - obbligatoria - (caption – titolo della tabella)
  11. lascio vuoto l'indice
  12. clicco su ok
  13. quando torno nel body nella prima riga inserisco in ogni cella il titolo delle colonne (intestazione tabella prima riga)
  14. nelle righe successive inserisco i dati veri e propri
  15. salvo

modificare

  1. aggiungere righe
    • clic con il tasto destro del mouse su punto adeguato della tabella
    • dal menu contestuale riga>inserisci riga dopo
  2. in modo analogo aggiungere colonne
  3. in modo analogo eliminare righe e colonne
  4. salvo

 

promemoria dei tag delle tabelle

  • table --> dà inizio alla tabella
  • summary --> per inserire la descrizione della tabella - nascosto
  • caption --> per inserire il titolo della tabella – visibile
  • thead > dà inizio alla riga di intestazione della tabella
  • tr --> dà inizio a una riga
  • th scope --> dà inizio al titolo della colonna
  • tbody-- > dà inizio al corpo della tabella
  • td --> dà inizio a una cella