Elenco di tutti gli elementi HTML / HTML5 👩‍💻

L’elemento Radice (1) html – elemento radice Elementi dedicati ad aggiungere metadata nei documenti (6) head – elemento radice di altri elementi metadatatitle – il titolo del documentobase – il base URL del documentolink – indica relazioni con altri documentimeta – elemento multiuso per vari metadatastyle – elemento per la presentazione delle informazioni Elementi di Scripting (2) script – script incorporatinoscript – fallback se il browser non supporta javascript Sezioni (14) body – rappresenta il corpo del documento htmlsection – rappresenta una sezionenav – raggruppa elementi di navigazionearticle – rappresenta un articoloaside – contenuto lateraleh1 – titolo/intestazione della sezioneh2 – titoloh3 – titoloh4 – titoloh5 – titoloh6 – titolohgroup – raggruppa le intestazioni della paginaheader – raggruppa le intestazioni della paginaaddress – rappresenta le informazioni di contatto Elementi per raggruppare i contenuti (14) p – paragrafo (paragraph)hr – pausa/rottura tematicabr – interruzione di linea (break)pre – testo preformattato (preformatted)blockquote – blocco per citazioniol – lista ordinata (ordered list)ul – lista non ordinata (unordered list)li – elemento della listadl – elenco di descrizionidt – termine o nomedd – descrizione o valorefigure – immagine con una didascalia opzionalefigcaption – didascalia dell’immaginediv – contenitore generico di contenuto Semantica specifica per il testo (26) a – collegamento ipertestualeem – efatizzazionestrong – grande importanzasmall – testo piccolos – testo non importante, obsoletocite – titolo di un testo citatoq – testo quotatodfn – istanza di un termineabbr – abbreviazionetime – data e/o tempocode – frammento di codicevar – variabile o test placeholdersamp – samplekbd – input utentesub sup – indicei – testo solitamente formattato in corsivob – testo solitamente formattato in grassettou – testo solitamente sottolineatomark – testo evidenziatoruby – annotazione rubyrt – testo rubyrp – parentesi rubybdi – BiDi isolatobdo span – elemento generico Modificatori (2) ins – testo inseritodel – testo cancellato Elementi che rappresentano del contenuto incorporato (11) img – immagineiframe – contesto di navigazione nidificatoembed – integrazione di pluginobject – contenuto generico esternoparam – parametri di inizializzazione di plginvideo – elemento per i videoaudio – stream di audiosource – risorsa generica per caricare mediatrack – traccia audio supplementarecanvas – tela per renderizzare grafica dinamicamap – definizioni di image-maparea – collegamenti ipertestuali nelle image-map Tabelle (10) table – tabellacaption – titolo della tabellacolgroup – gruppo di colonnecol – colonna della dabellatbody – gruppo righe tabellathead – gruppo intestazione tabellatfoot – footer della tabella, piè paginatr – riga della tabellatd – cella della tabellath – titolo della cella della tabella Forms (15) form – form inviabile dall’utentefieldset – set di controlli correlati al formlegend – titolo o didascalialabel – didascalia per un inputinput – constollo input multipurposebutton – bottoneselect – selezione di opzioni multiplidatalist – opzioni predefinite per altri controllioptgroup – gruppi di opzionioption – opzionitetarea – input area per l’inserimento del testokeygen – generatore key/pain di controlli inputoutput – risultato di un calcolo nel formprogress – indicatore di progressometer – range, misura scalare Elementi Interativi (4) details – controllo per informazioni addizionali on-demandsummary – sommario, titolo o legenda per l’elemento detailscommand – comandomenu – lista di comandi

In totale ci sono quindi 105 elementi (sena contare l’elemento <math> e l’elemento <svg>), se cerchi una referenza più completa guarda qui, vai qui se invece vuoi imparare a creare pagine web con l’html.… Continua a leggere

Inserire commenti nel codice HTML

Per inserire un commento nel codice HTML utilizza la seguente sintassi:

<main<!-- Questo è un commento nel codice HTML --<h1Benvenuto su Explosive Lab.</h1</main

Tutto il codice inserito tra i caratteri <!– –> verrà interpretato come un commento e quindi non verrà eseguito dal browser.… Continua a leggere

Inserire commenti nel codice CSS

Per inserire un commento nel codice CSS utilizza la seguente sintassi:

@media print { div { /* rimuovo il colore di sfondo dai <divin caso di stampa del documento */ background-color: none; } }

Nel linguaggio CSS tutto il testo dentro /* */ verrà contrassegnato come un commento.… Continua a leggere