Friskon.comESEMPI di BASE per Programmare in HTML5
Per iniziare dobbiamo conoscere le caratteristiche dell'HTML (acronimo di HyperText Markup Language) che è il linguaggio utilizzato per la creazione dei siti Web. Nell'Ottobre del 2014 è stata rilasciata la versione html5, per definire degli standard funzionali. L'HTML5 È in continua fase di evoluzione e dal 2021 siamo arrivati alla Versione 5.3. Sono stati creati nuovi TAG per snellire e migliorare la struttura e lo stile della pagina web. Qui di seguito possiamo vedere alcune caratteristiche di come può essere strutturata una pagina HTML5.
<!DOCTYPE>A questo punto prima di presentare la struttura di una pagina completa in HTML5 facciamo prima la conoscenza dei nuovi TAG semantici e non, introdotti con HTML5.
<html>
<head>
<meta charset="UTF-8">
<title> Titolo della pagina </title>
</head>
<body>
Il Corpo del documento </body>
</html>
------------
| Tag Name | Descrizione | Ver. |
|---|---|---|
| <!DOCTYPE html> | Rappresenta la dichiarazione di pagina HTML e non ha chiusura. Supportato da tutti i browser... |  |
| <a> | Definisce un collegamento ipertestuale. | ... |
| <abbr> | Viene usato per abbreviare una parola o frase. Sostituisce <acronym> |  |
| <acronim> | Tag obsoleto sostituito da <abbr> |  |
| <address> | ... | |
| <applet> | Tag obsoleto sostituito da <object> | |
| <area> | ... | ... |
| <article> | Definisce un contenuto autonomo... | |
| <aside> | Viene usato per definire parte del contenuto liberamente correlato al contenuto della pagina web. | |
| <audio> | ... | |
| <b> | Per rappresentare lo stile grassetto | ... |
| <base> | E' utilizzato per specificare un URL di base da utilizzare per tutti i collegamenti relativi contenuti in una pagina web. | |
| <basefont> | Tag obsoleto sostituito e definito dai CSS (tag di base di una pagina) | |
| <bdi> | ... | |
| <bdo> | ... | ... |
| <big> | Tag obsoleto sostituito e definito dai CSS (testo di grandi dimensioni) | |
| <blockquote> | ... | ... |
| <body> | Specifica l'elemento body | ... |
| <br> | Viene utilizzato per creare un'interruzione di riga in un testo. | |
| <button> | ... | ... |
| <canvas> | ... | |
| <caption> | ... | ... |
| <center> | Tag obsoleto sostituito e definito dai CSS text-align: center; (allinea testo al centro) | |
| <cite> | ... | ... |
| <code> | ... | ... |
| <col> | ... | ... |
| <colgroup> | Viene utilizzato per specifica gli attributi per più colonne di una tabella. | |
| <data> | ... | |
| <datalist> | ... | |
| <dd> | ... | ... |
| <del> | ... | ... |
| <details> | ... | ... |
| <dfn> | ... | ... |
| <dialog> | ... | |
| <dir> | Tag obsoleto sostituito con <ul> | |
| <div> | ... | ... |
| <dl> | ... | ... |
| <dt> | ... | ... |
| <em> | ... | ... |
| <embed> | Inserisce contenuti interattivi o multimediali in una pagina web. | |
| <fieldset> | ... | ... |
| <figcaption> | ... | |
| <figure> | ... | |
| <font> | ... | |
| <footer> | Viene utilizzato per definire un piè di pagina per un documento o una sezione. | |
| <form> | ... | ... |
| <frame> | ... | |
| <frameset> | ... | |
| <head> | ... | ... |
| <header> | ... | |
| <hgroup> | Raggruppa i tag Heading | |
| <h1> to <h6> | ... | ... |
| <hgroup> | ... | ... |
| <hr> | ... | ... |
| <html> | ... | ... |
| <i> | ... | ... |
| <iframe> | ... | ... |
| <img> | Viene utilizzato per rappresentare un'immagine. | |
| <input> | ... | ... |
| <ins> | Viene utilizzato per definire un blocco di testo inserito in una pagina web. | |
