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:
<à>à<&# ... >
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'immagineheight: altezza in pixelwidth: larghezza in pixeltitle: 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>
- Individua il punto della pagina con
- 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 colonnarow: celle dati dell'intestazione per la rigacolgroup: raggruppamento di colonnecolspan: per colonne irregolarirowspan: 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
Scarica il documento per vederlo tutto.
Scarica il documento per vederlo tutto.
Scarica il documento per vederlo tutto.
Scarica il documento per vederlo tutto.
Scarica il documento per vederlo tutto.
-
Appunti Informatica
-
Appunti Fondamenti di Informatica
-
Appunti Fondamenti di informatica
-
Appunti esame: Fondamenti di informatica