giovedì, Ottobre 29, 2020
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…

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...

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...

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...

Introduzione all'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. Come si potrà notare non è un argomento semplice neppure per chi già conosce html nelle sue...

Metodi e Proprietà Javascript per disegnare immagini canvas

Nella lezione introduttiva abbiamo visto che cosa è un canvas e quali sono le istruzioni javascript per poterlo gestire, adesso vediamo come fare per disegnare al suo interno delle immagini dando per scontato che abbiate letto e compreso la lezione precedente sul disegno delle forme.   createLinearGradient(x,y iniziali, x,y finali) Il metodo createLinearGradient() serve per creare una sfumatura di colore lineare. Una volta dichiarato il rettangolo e creato...

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...

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...

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à...

Nuovi elementi di HTML5 per i Form

HTML5 ha introdotto nuovi elementi anche per i moduli o form, a dire la verità di alcuni se ne sentiva davvero il bisogno visto che per ottenere quello che adesso è possibile fare specificando un semplice attributo prima lo si otteneva con diverse righe di codice javascript. Vorrei ricordare che in questa guida vengono mostrati soltanto quelli che sono una...
NON seguire questo link o sarai bannato dal sito!