Fabio Donatantonio

Resta connesso

Software Developer / Adjunct Professor
Tutti i post in Html/Css

Html: realizzare un menu (esercizio guidato)

Come detto nelle lezioni precedenti, i link permettono di collegare tra loro le varie sezioni di un sito web.
Solitamente lo strumento che viene reso disponibile agli utenti per accedere alle varie pagine è il cosiddetto menu. Nel menu sono raccolti e ordinati i link alle varie pagine.
Gli aspetti grafici dei menu sono vari e spesso molto accattivanti, devono non solo facilitare la navigazione del sito ma anche attirare l’attenzione dell’utente verso i vari contenuti proposti.

Progettazione del menu.

Il menu che realizzeremo sarà un menu di tipo orizzontale. I vari link saranno disposti l’uno...

Html: i segnalibri

Un link oltre che puntare all’inizio di un nuovo documento HTML, permette di visualizzare il documento attualmente aperto a partire da un determinato punto che chiameremo segnalibro.
Questi tipi di link vengono denominati link interni, difatti sono definiti in una pagina HTML e puntato ad una porzione della stessa pagina.
Per realizzare un link interno...

Html: i collegamenti ipertestuali

Come collegare i documenti.

I collegamenti ipertestuali sono la base del web. Chiunque navighi sul web si imbatte continuamente nei cosiddetti link che uniscono una pagina html ad un’altra in maniera tale che nessuna di queste resti irraggiungibile.
La caratteristica primaria degli ipertesti è quella di formattare i documenti in forma non sequenziale. Grazie ai collegamenti...

Html: annidamento, indentazione e commenti

Annidamento dei tag.

Una caratteristica importante del codice HTML è che i tag possono essere annidati l’uno dentro l’altro. Anzi molto spesso è necessario farlo.
Una delle prime regole a cui è importante attenersi nella stesura di una pagina HTML è prestare attenzione alla chiusura dei tag aperti. Per limitare il numero di errori è consigliabile...

Html: le entità

Quando inseriamo del testo nelle nostre pagine HTML dobbiamo utilizzare le entità per definire alcuni caratteri particolari.
Ad esempio se dobbiamo scrivere la lettera a minuscola con accento grave (à) non basta pigiare l’apposito tasto sulla nostra tastiera, bensì per scrivere correttamente “à” dobbiamo digitare:

à

Nel codice HTML leggeremo à e nella pagina Html visualizzata dal...

Html: separatori ed elenchi

Il tag HR.

Per creare delle linee di separazione con un semplice tag HTML, senza dover ricorrere alla creazione di un’immagine è possibile utilizzare l’<hr>.
Per creare la linea basta inserire nel codice sorgente il solo tag <hr/> ed avremo la creazione di una linea con colorazione grigia, di uno spessore standard e larga quanto il...

Html: stile per il testo

L’HTML ha due tipi di stile per il testo:

logico

formatta del testo a seconda del suo significato descrive “l’uso” di una parte di testo lascia al browser l’interpretazione del comando secondo le proprie capacità

e

fisico

indica al browser il formato specifico del testo forza il testo ad assumere un particolare aspetto richiede uno specifico formato fisico e causa problemi se il browser...

Html: i tag di uso frequente

Tag contenitori.

Come visto in un articolo precedente nulla vieta di scrivere direttamente all’interno del tag body il testo di ciò che vogliamo appaia a schermo.
Risulta più pratico racchiudere il testo in appositi tag a seconda della funzione che il testo sta svolgendo.
La nostra pagina html risulterà più semplice da leggere, quando dovremo modificarla, e inoltre...

Validazione del codice HTML

Il W3C.

L’organizzazione che si occupa di standardizzare la sintassi del linguaggio HTML (il W3C: World Wide Web Consortium) ha rilasciato diverse versioni di questo linguaggio (HTML 2.0, HTML 3.2, HTML 4.0); e, da un certo punto in poi, l’HTML si è evoluto in XHTML (si tratta dell’HTML riformulato come linguaggio XML).
La versione dell’HTML a...

Il tag HTML, HEAD e META

Gli attributi del tag Html.

Gli attributi del tag html sono:

DIR LANG VERSION (deprecato)

DIR specifica in quale direzione il browser mostra il testo all’interno dell’intero documento. Valore di default ltr left-to-right. Il valore rtl è usato per il cinese, l’ebraico, …

LANG specifica la lingua utilizzata in tutto il documento. Idealmente il browser lo usa per rendere migliore il...

Didattica

Università degli Studi eCampus
Data Evento
09/02/2021
14:30
Esame Archivistica Digitale e Informatica per le Scienze Umane - Cds Letteratura, Lingua e Cultura Italiana - Lettere
09/02/2021
14:30
Esame Introduzione all'Archivistica Digitale e all'Informatica per le Scienze Umane - Cds Letteratura, Arte, Musica e Spettacolo - Lettere
09/02/2021
17:30
Esame Abilità Informatiche e Telematiche - Cds Design e Discipline della Moda - Lettere
09/02/2021
17:30
Esame Abilità Informatiche e Telematiche - Cds Letteratura, Arte, Musica e Spettacolo - Lettere
Risorse
Guida HTML/CSS per principianti (link)
Introduzione agli ipertesti (link)
Esercizi guidati in Java (link)
Intelligenza artificiale (link)
Libri
Fondamenti di Informatica (2011) (link)
Informatica per le Scienze Umane (2011) (link)
Fondamenti di Informatica (2014) (link)
Pagina Docente
uniecampus.it - Scheda Docente (link)
Contatti
fabio.donatantonio[at]uniecampus.it

JWhisper, sviluppato presso il Dipartimento di Informatica Applicata dell'Università degli Studi di Salerno:

Stay Connected

Twitter

Le mie foto

Foto di Fabio Donatantonio
×