HTML5 - Tutorial 10: Elementi block e inline in HTML

💻 #HTML5 - Tutorial 10: ELEMENTI BLOCK & INLINE in HTML

Questa playlist è rivolta a chiunque voglia imparare a creare un sito web da zero in HTML.

In questo tutorial del corso di HTML (in italiano) parleremo di:

• Elementi BLOCK
• Elementi INLINE
• Gli elementi DIV e SPAN

Ogni elemento HTML ha un valore di visualizzazione predefinito: block oppure inline.

📌 Elementi BLOCK

Un elemento a livello di blocco ha le seguenti caratteristiche:
▪ inizia sempre su una nuova riga
▪ occupa sempre l'intera larghezza disponibile
▪ ha un margine superiore e uno inferiore

📌 Elementi INLINE

Un elemento inline ha le seguenti caratteristiche:
▪ non inizia su una nuova riga
▪ occupa solo la larghezza necessaria
▪ di default, non ha alcun margine

📌 Che differenza c’è tra DIV e SPAN?

▶ L' elemento DIV è a livello di blocco ed è spesso usato come contenitore per altri elementi HTML

▶ L' elemento SPAN è un contenitore in linea utilizzato per contrassegnare una parte di un testo o una parte di un documento

🇬🇧 ENGLISH VERSION 🇬🇧

📌 HTML Block and Inline Elements

Every HTML element has a default display value, depending on what type of element it is.

There are two display values: block and inline.

📌 Block-level Elements

▪ A block-level element always starts on a new line.
▪ A block-level element always takes up the full width available (stretches out to the left and right as far as it can).
▪ A block level element has a top and a bottom margin, whereas an inline element does not.

📌 Inline Elements

▪ An inline element does not start on a new line.
▪ An inline element only takes up as much width as necessary.

📌 DIV e SPAN

▶ The DIV element is a block-level and is often used as a container for other HTML elements

▶ The SPAN element is an inline container used to mark up a part of a text, or a part of a document.

💼 Ing. Francesca Martorana

#inline #block