Come inserire un Video in HTML

2.32 Utilizzare il tag video per incorporare contenuti video in una pagina web, sfruttando le nuove capacità introdotte da HTML5. Nella lezione precedente, abbiamo già discusso che HTML5 ha introdotto il tag <audio> per sostituire il tag <object> e semplificare l’inclusione di contenuti audio nelle pagine web. Analogamente all’audio, il tag <object> veniva spesso utilizzato … Leggi tutto

Come inserire un Audio in HTML

2.31 Analizziamo ogni potenziale opzione per incorporare un file audio in una pagina web utilizzando il linguaggio di markup HTML. Prima dell’introduzione di HTML5, l’ultima versione dello standard HTML che si è adeguata in modo significativo alle esigenze del web moderno, era necessario utilizzare il tag <object> per incorporare un file audio in una pagina … Leggi tutto

Le Immagini in HTML

2.25 L’elemento nelle pagine web è fondamentale per l’inclusione di immagini. Esso supporta vari attributi e formati. Le immagini in una pagina HTML svolgono un ruolo essenziale, poiché possono rappresentare diagrammi, grafici, fotografie, icone o elementi di layout. Per includere un’immagine in una pagina HTML, si utilizza principalmente l’elemento <img>. Ecco una panoramica sull’utilizzo di … Leggi tutto

Gli Attributi dei Link

2.24 Target, Title, hreflang, accesskey, base tag e il colore dei link Gli attributi dei collegamenti ipertestuali (link) aggiungono valore semantico o funzionalità ai collegamenti stessi. Di seguito, esamineremo alcuni di questi attributi. title L’attributo “title” è di grande importanza ed è utilizzato per fornire una descrizione esplicativa dell’elemento a cui si riferisce. Questa spiegazione … Leggi tutto

Link Interni: Ancore in HTML

2.23 Generare Hyperlink per un Indice Interno nel Documento: Guida e Illustrazioni per la Realizzazione Nel linguaggio HTML, è possibile sfruttare il meccanismo dei collegamenti ipertestuali per creare un indice interno nel documento utilizzando le ancore. Ciascuna ancora può essere definita con un nome specifico: <a name=”primo”>Stiamo per esaminare la struttura… E così via…</a> Collegamento … Leggi tutto

Percorsi assoluti e Percorsi Relativi in HTML

2.22 Strutturare il progetto HTML utilizzando directory e sottodirectory, e acquisire competenze nella navigazione tra i vari file. Quando i progetti, in particolare i siti web, hanno dimensioni contenute e includono poche pagine, potremmo optare per la semplice collocazione di tutti i file in una singola cartella. Tuttavia, è evidente che con la crescita del … Leggi tutto

Link in HTML: L’inizio di tutto

2.17 Presentazione dei concetti di ipertestualità e del ruolo dei collegamenti in una pagina web Una delle qualità che ha contribuito al successo del World Wide Web è la sua composizione di ipertesti, senza dubbio un’altra caratteristica notevole è l’interattività, ma questo è un tema a parte. I collegamenti, noti anche come “link,” fungono da … Leggi tutto

Elenchi: Utili per organizzare e Migliorare la Leggibilità

2.16 Le liste ordinate, non ordinate e le liste di definizione. Strumenti utili per raggruppare e migliorare l’esposizione. I cataloghi svolgono un ruolo di notevole importanza nei documenti, così come nella definizione degli aspetti strutturali delle pagine in HTML. Dal punto di vista dell’organizzazione del contenuto, risultano essere particolarmente utili quando si rende necessario riepilogare … Leggi tutto

Come inserire Commenti al Markup per migliorare la leggibilità

2.15 Note marginali al markup, per disabilitare temporaneamente parti del codice per scopi di debug, indicare la fine dei segmenti di codice e aumentarne la comprensibilità. Nel linguaggio HTML, i commenti sono strumenti utilizzati per inserire annotazioni all’interno del codice, senza che queste influiscano sulla visualizzazione della pagina web. Nonostante ciò, i browser sono in … Leggi tutto

Ulteriori Tag di Testo: Citazioni, acronimi, codice

2.14 Integrare citazioni di frasi famose, segni di citazione e pedici, impiegare acronimi e abbreviazioni, incorporare codice sorgente o altri elementi All’interno del testo, spesso può essere vantaggioso includere citazioni di frasi celebri, utilizzare apici e pedici, acronimi e abbreviazioni, incorporare codice sorgente o evidenziare specifiche parole. Esaminiamo i tag HTML più comuni per lavorare … Leggi tutto