Estratto del documento

Tag HTML e loro utilizzo

Elementi di base

  • Titolo barra browser: <title> esempio </title>
  • A capo: <br>
  • Doc. HTML: <html> ... </html>
  • Intestazione: <head>...</head>
  • Corpo documento: <body> ... </body>
  • Linee orizzontali: <hr>
  • Titoli:
    • <h1> esempio </h1>
    • <h2> esempio </h2>
    • <h3> esempio </h3>
  • Paragrafo: <p> ... </p>
  • Caratteri speciali: <&agrave;> à <&# ... >

Liste e testo

  • Liste non ordinate: <ul><li> elemento lista 1 </li><li> elemento lista 2 </li></ul>
  • Liste ordinate: <ol><li> elemento lista 1 </li><li> elemento lista 2 </li></ol>
  • Corsivo: <em> esempio </em>
  • Grassetto: <strong> esempio </strong>
  • Titoli di cose citate: <cite> esempio </cite>

Commenti e meta informazioni

  • Codici: <code> esempio </code>
  • Commenti: <!-- commento -->
  • Informazioni nella barra del browser:
    • <meta name="Keywords" content= esempio>
    • <meta name="description" content= esempio>
    • <meta name="author" content=esempio>
    • <meta name="content-type" content=esempio>

Immagini e collegamenti

  • Immagini: <img src="{pathname o URL dell'immagine da inserire}"/>
  • Attributi immagini:
    • alt: testo alternativo all'immagine
    • height: altezza in pixel
    • width: larghezza in pixel
    • title: descrizione elemento
  • Link: <a href= "URL o servizio che viene attivato"> hotword </a>
  • Mail: <a href= "mailto:indirizzo email"> hotword </a>
  • Link per punti nella stessa pagina:
    • Individua il punto della pagina con <a name= "nome sezione"> testo </a>
    • Specifica a inizio pagina con <a href= "#nome sezione"> nome della sezione </a>
  • Link immagine: L'immagine diventa un link sostituendo l'hotword con il tag dell'immagine

Tabelle e form

  • Tabella:
    • <table> tag contenitore </table>
    • <tr> riga della tabella </tr>
    • <td> cella dati </td>
    • <th> intestazione riga </th>
    • Didascalia: <caption> titolo tabella </caption>
  • Valori di scope per tabelle:
    • col: celle dati dell'intestazione per la colonna
    • row: celle dati dell'intestazione per la riga
    • colgroup: raggruppamento di colonne
    • colspan: per colonne irregolari
    • rowspan: per righe irregolari
  • Form: <form action= "…" method= "…"><input type= "submit" value= "invia"><input type= "reset" value= "cancella"></form>
  • Spedire il modulo per email: Inserisci l'invio email nelle action e specifica con value il tasto che apparirà.

Tag input per le scelte dell’utente

Anteprima
Vedrai una selezione di 7 pagine su 29
Appunti per esame di Fondamenti di informatica II Pag. 1 Appunti per esame di Fondamenti di informatica II Pag. 2
Anteprima di 7 pagg. su 29.
Scarica il documento per vederlo tutto.
Appunti per esame di Fondamenti di informatica II Pag. 6
Anteprima di 7 pagg. su 29.
Scarica il documento per vederlo tutto.
Appunti per esame di Fondamenti di informatica II Pag. 11
Anteprima di 7 pagg. su 29.
Scarica il documento per vederlo tutto.
Appunti per esame di Fondamenti di informatica II Pag. 16
Anteprima di 7 pagg. su 29.
Scarica il documento per vederlo tutto.
Appunti per esame di Fondamenti di informatica II Pag. 21
Anteprima di 7 pagg. su 29.
Scarica il documento per vederlo tutto.
Appunti per esame di Fondamenti di informatica II Pag. 26
1 su 29
D/illustrazione/soddisfatti o rimborsati
Acquista con carta o PayPal
Scarica i documenti tutte le volte che vuoi
Dettagli
SSD
Scienze matematiche e informatiche INF/01 Informatica

I contenuti di questa pagina costituiscono rielaborazioni personali del Publisher gisellapiccolis di informazioni apprese con la frequenza delle lezioni di fondamenti di informatica e programmazione II e studio autonomo di eventuali libri di riferimento in preparazione dell'esame finale o della tesi. Non devono intendersi come materiale ufficiale dell'università Università degli studi di Torino o del prof Patti Viviana.
Appunti correlati Invia appunti e guadagna

Domande e risposte

Hai bisogno di aiuto?
Chiedi alla community