Tag: Corso HTML

Corso HTML e CSS (Lez. 17): CSS, considerazioni generali

Impariamo a costruire un sito Web

Lezione 17: CSS: Considerazioni generali.

 

Prima di affrontare nei dettagli la scrittura di un foglio di stile seguendo un esempio pratico, diamo qualche consiglio e facciamo qualche considerazione di carattere generale.

A) CSS esterno o tag <style> interno?

Riprendiamo un concetto già espresso in precedenza per analizzare le eventuali differenze di comportamento.

Continua a leggere…

Corso HTML e CSS (Lezione 16): I selettori CSS (Parte 4^)

Impariamo a costruire un sito Web

Lezione 16: CSS: Pseudo-elementi

 

Gli pseudo-elementi sono usati per aggiungere effetti ad alcuni selettori.

La sintassi è: selettore:pseudo-elemento {proprietà:valore;}

oppure

selettore.classe:pseudo-elemento {proprietà:valore;}

in quanto anche le classi CSS possono essere usate insieme ad un pseudo-elemento.

 

Continua a leggere…

Corso HTML e CSS (Lezione 15): I selettori CSS (Parte 3^)

Impariamo a costruire un sito Web

Lezione 15: CSS: Pseudo-classi e pseudo-elementi

 

Le pseudo-classi sono usate per aggiungere effetti ad alcuni selettori.

La sintassi è: selettore:pseudo-classe {proprietà:valore;}

oppure

selettore.classe:pseudo-classe {proprietà:valore;}

in quanto anche le classi CSS possono essere usate insieme ad una pseudo-classe.

Continua a leggere…

Corso HTML e CSS (Lezione 14): I selettori CSS (Parte 2^)

Impariamo a costruire un sito Web

Lezione 14: CSS: I selettori – Seconda parte

 

Dopo aver visto cosa sono le classi e gli id, analizziamo alcuni altri selettori.

Il selettore universale  *  è decisamente autoesplicativo: indica tutti gli elementi del documento html. A tutti verranno applicate le proprietà definite per questo selettore.

I cosiddetti Selettori di Tipo possono essere tutti gli elementi html, ad es. p o div o h1 ecc. Possono anche essere associati più selettori separandoli con una virgola.

Sintassi: elemento1, elemento2

Continua a leggere…

Corso HTML e CSS (Lezione 13): I selettori CSS

Impariamo a costruire un sito Web

Lezione 13: CSS: I selettori -Prima parte

 

I CSS sono stati definiti nel 1996  e la versione CSS2 risale al 1998; da allora, per molto tempo si è rimasti fedeli alle definizioni previste nelle prime stesure.
Solo nel 2007 si è giunti al rilascio dei nuovi CSS3 (attualmente è allo studio la versione 4). E’ quindi evidente che le novità introdotte fossero particolarmente rilevanti anche per lo sviluppo nel frattempo avuto dai nuovi browser. Così si è passati da 120 a 279 proprietà, anche se un discreto numero non è ancora supportata dalla totalità dei browsers. In particolare Microsoft Internet Explorer è sempre indietro di anni rispetto allo sviluppo che assicurano i browsers concorrenti.

Continua a leggere…

Corso HTML e CSS (Lezione 12)

Impariamo a costruire un sito Web

Lezione 12: Le sezioni del body

C’è un ultimo gruppo di tag del body che dobbiamo esaminare:

<div> Delimita una sezione del documento
<span> Delimita una sezione del documento

Continua a leggere…

Corso HTML e CSS (Lezione 11)

Impariamo a costruire un sito Web

Lezione 11: I tag del <body> : Tag di programmazione e frames

Nel gruppo dei tag di programmazione includiamo:

<script> Definisce uno script
<noscript> E’ usato per fornire un contenuto alternativo per gli utenti che hanno gli script disabilitati.
<object> Definisce un’oggetto inserito entro una pagina html (ad esempio audio, video, flash ecc.)
<param /> Definisce un parametro per un oggetto.

Nel gruppo dei tag relativi ai frames invece sono inclusi:

<frame /> Definisce un frame (una finestra) all’interno di un frameset.
<frameset> Definisce un insieme di frames.
<noframes> E’ usato per fornire un contenuto alternativo per gli utenti il cui browser non supporta i frames.
<iframe> Usato per inserire un altro documento all’interno del documento html.

Nel primo gruppo sono inclusi quei tag che racchiudono scripts (generalmente javascript) e in generale codice di programmazione che viene eseguito lato client. Vediamoli in dettaglio: Continua a leggere…