Sintesi della lezione
A
Il tag <a> definisce un collegamento ipertestuale, che viene utilizzato per collegare una risorsa internet.
- L'attributo più importante dell'elemento
<a> è l'attributo href, che indica la destinazione del collegamento.
- Il collegamento può essere un URL assoluta o un URL relativa
- In un URL Assoluta l'indirizzo inizia sempre con il nome host che deve essere preceduto dalla doppia barra (
//www.google.com)
- Se il browser non trova il nome host considererà l'url come relativa e completerà l'indirizzo generando un'URL assoluta.
- Se l'URL relativa inizia con la barra semplice (
/) come punto di riferimento per il calcolo sarà presa la cartella iniziale del sito (root) e quindi verrà aggiunto solo il nome host
- In caso contrario il calcolo verrà fatta partendo dalla cartella in cui si trova la pagina cliccata.
- All'URL posso aggiungere un segnalibro (anchor) che mi fa saltare ad un determinato punto di una pagina. Il segno dell'anchor è il cancelletto (
#), va aggiunto alla fine dell'URL e va scorrere la pagina al punto in cui viene visualizzato l'elemento che ha come l'attributo id corrispondente.
- Per impostazione predefinita, i collegamenti verranno visualizzati come segue in tutti i browser:
- Un collegamento non visitato è sottolineato e blu
- Un link visitati è sottolineato e viola
- Un collegamento attivo è sottolineato e rosso
IL FORM
Il tag <form> viene utilizzato per creare un modulo HTML per l'input dell'utente.
- L'elemento <form> può contenere uno o più dei seguenti elementi del modulo:
<input> <textarea> <button> <select> <option> <optgroup> <fieldset> <label> <button>
<form action="demo_form.asp" method="get">
<label>Nome</label>
<input type="text" name="nome"><br />
<label>Cognome</label>
<input type="text" name="cognome"><br />
<input type="submit" value="Invia">
</form>
INPUT
Il tag <input> specifica un campo di input in cui l'utente può inserire i dati.
- Gli elementi
<input> vengono utilizzati all'interno di un elemento <form>
- La funzione di imput cambia a secondo del valore definito dall'attributo type:
- button,
- checkbox,
- color,
- date,
- datetime,
- datetime-local,
- email,
- file,
- hidden,
- image,
- month,
- number,
- password,
- radio,
- range,
- reset,
- search,
- submit,
- tel,
- text,
- time,
- url,
- week
<form action="demo_form.asp" method="get">
<label>Nome</label>
<input type="text" name="nome"><br />
<label>Cognome</label>
<input type="text" name="cognome"><br />
<input type="submit" value="Invia">
</form>
TEXTAREA
Il tag <textarea> definisce un controllo di input di testo multilinea.
- Un'area di testo può contenere un numero illimitato di caratteri.
- Per default il testo viene reso in un font a larghezza fissa (di solito Courier).
<textarea rows="5" maxlength="500">
Testo contenuto nella casella editabile
</textarea>
BUTTON
Il tag <button> definisce un pulsante cliccabile.
- Contrariamente che per l'elemento input all'interno di un elemento
<button> Posso inserire qualsiasi tipo di contenuto.
- Browser diversi utilizzano diversi tipi di default per l'elemento
<button>
<button> supporta l'attributo type che può assumere i valori: button, submit e reset, gli stessi usati quando l'elemento <input> viene usato come pulsante e con lo stesso significato
<button type="button">Cliccami!</button>
SELECT
L'elemento <select> viene utilizzato per creare un elenco a discesa.
- I tag
<option> all'interno dell'elemento <select> definiscono le opzioni disponibili nella lista. <select>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>