venerdì, Luglio 26, 2019
Home Web HTML5

HTML5

Benvenuti su questa guida dedicata a HTML 5. Come sempre nessuna pretesa, vuole semplicemente essere una guida di aiuto con basi introduttive, qualcosa che illustri questo metalinguaggio che si è evoluto fino a raggiungere la versione 5 che di fatto sta rivoluzionando il web. Leggi tutto…

Canvas: il nuovo elemento per disegno 2d in HTML5

Una delle maggiori novità introdotte da HTML5 è la possibilità di disegnare "al volo" sulla pagina web facendo uso di un linguaggio di scriptting come ad esempio JavaScript. Si tratta di definire una porzione della pagina web sulla quale poter disegnare (in 2d) forme geometriche, font di caratteri e persino immagini grafiche. Questa possibilità prende il nome di canvas...

Nuovi elementi HTML5

HTML5 ha introdotto nuovi elementi, alcuni già visti nella lezione precedente (elementi semantici). Qui ne vediamo altri che non riguardano la struttura ma che servono a migliorare e potenziare i contenuti. <time>...</time> L'elemento time demarca la data e l'ora su un orologio con formato 24 ore. Viene dunque usato per esprimere data ed ora, se non è inserito all'interno di un elemento <article> farà...

Caratteri speciali HTML: lista completa

I riferimenti ai caratteri speciali HTML sono brevi bit di HTML, comunemente chiamati entità di caratteri o codici di entità o simboli, che vengono utilizzati per visualizzare caratteri che hanno un significato speciale in HTML così come caratteri che non appaiono sulla tastiera. I caratteri con un significato speciale in HTML sono chiamati caratteri riservati. Per esempio, le parentesi angolari...

Input Type di HTML5 per i Form

HTML5 ha introdotto nuovi type di input per i moduli o forms, a dire la verità di alcuni se ne sentiva davvero il bisogno, peccato che facendo delle verifiche non tutti i browser li supportano. Provate ad immaginare qual'è il browser che più di tutti gli altri non vuol saperne di queste novità? Proprio lui l'ormai famigerato IE, e...

Attributi di HTML5 per i Form

HTML5 ha introdotto nuovi attributi che di solito si associano ai campi di tipo input dei moduli stessi, alcuni però sono utilizzabili anche all'interno di elementi come vedremo negli esempi. Vorrei ricordare che in questa guida vengono mostrati soltanto i nuovi attributi per i forms di HTML5, dando per scontato che voi conosciate già gli altri di HTML precedenti,...

Metodi e Proprietà Javascript per disegnare forme nel canvas

Nella lezione precedente abbiamo visto che cosa è un canvas e quali sono le istruzioni javascript per poterlo gestire, adesso vediamo come fare per disegnare al suo interno una linea retta che lo attraversa in diagonale, per farlo ci posizioniamo in alto a sinistra moveTo(0,0) e tracciamo una linea fino al punto (250,150) praticamente le dimensioni max del nostro canvas e...

Nuovi Elementi Semantici della Struttura HTML5

Prima di passare in rassegna alcuni nuovi elementi semantici di HTML5 vorrei soffermarmi su questo termine "semantico" che a prima vista sembra non sortire alcun effetto pratico, ed infatti con o senza questi nuovi elementi l'aspetto estetico delle nostre pagine web non è cambiato molto, in alcuni casi direi proprio per niente. Ma allora a che cosa serve rispettare...

Editors HTML

Un editor HTML è un programma per modificare l'HTML, il markup di una pagina web. Anche se la marcatura HTML in una pagina web può essere controllata con qualsiasi editor di testo, gli editor HTML specializzati possono offrire convenienza e funzionalità aggiuntive. Per esempio, molti editor HTML gestiscono non...

Video in HTML5

HTML5 ha introdotto nuovi elementi e nuovi attributi per poter mostrare e gestire un video senza preoccuparsi se nel PC di chi visualizza la pagina web ci siano o meno i programmi e/o i plug-in istallati, Quello che serve è tutto all'interno del browser. Di seguito la descrizione con esempi dei nuovi elementi usabili per i video. Nelle attuali versioni...

Metodi e Proprietà Javascript per disegnare testo canvas

Nella lezione introduttiva abbiamo visto che cosa è un canvas e quali sono le istruzioni javascript per poterlo gestire, adesso vediamo come fare per scrivere al suo interno del testo, dando per scontato che abbiate letto e compreso la lezionesul disegno delle forme.   font La proprietà font serve per impostare gli attributi del testo, è possibile specificare lo style del font, la sua dimensione e la...
NON seguire questo link o sarai bannato dal sito!