Esercitazione HTML

HTML HOME Introduzione all'HTML Editor HTML HTML di base Elementi HTML Attributi HTML Intestazioni HTML Paragrafi HTML Stili HTML Formattazione HTML Citazioni HTML Commenti HTML Colori HTML CSS HTML Collegamenti HTML Immagini HTML Favicon HTML Tabelle HTML Elenchi HTML Blocco HTML e in linea Classi HTML ID HTML Iframe HTML JavaScript HTML Percorsi di file HTML Testa HTML Layout HTML HTML reattivo Codice informatico HTML Semantica HTML Guida allo stile HTML Entità HTML Simboli HTML Emoji HTML Set di caratteri HTML Codifica URL HTML HTML e XHTML

Moduli HTML

Moduli HTML Attributi del modulo HTML Elementi del modulo HTML Tipi di input HTML Attributi di input HTML Attributi del modulo di input HTML

Grafica HTML

Tela HTML HTML SVG

Supporto HTML

Supporto HTML Video HTML Audio HTML Plug-in HTML YouTube HTML

API HTML

Geolocalizzazione HTML Trascina/rilascia HTML Archiviazione Web HTML Lavoratori Web HTML HTML SSE

Esempi HTML

Esempi HTML Quiz HTML Esercizi HTML Certificato HTML Riepilogo HTML Accessibilità HTML

Riferimenti HTML

Elenco tag HTML Attributi HTML Attributi globali HTML Supporto browser HTML Eventi HTML Colori HTML Tela HTML Audio/video HTML Tipi di documenti HTML Set di caratteri HTML Codifica URL HTML Codici HTML Lang Messaggi HTTP Metodi HTTP Convertitore da PX a EM Tasti rapidi

Stili HTML


L'attributo HTML styleviene utilizzato per aggiungere stili a un elemento, come colore, carattere, dimensione e altro.


Esempio

io sono rosso

Io sono blu

Io sono grande


L'attributo di stile HTML

L'impostazione dello stile di un elemento HTML può essere eseguita con l' styleattributo.

styleL' attributo HTML ha la seguente sintassi:

<tagname style="property:value;">

La proprietà è una proprietà CSS. Il valore è un valore CSS.

Imparerai di più sui CSS più avanti in questo tutorial.


Colore di sfondo

La proprietà CSS background-colordefinisce il colore di sfondo per un elemento HTML.

Esempio

Imposta il colore di sfondo di una pagina su blu polvere:

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

Esempio

Imposta il colore di sfondo per due diversi elementi:

<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>


Colore del testo

La proprietà CSS colordefinisce il colore del testo per un elemento HTML:

Esempio

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Caratteri

La proprietà CSS font-familydefinisce il carattere da utilizzare per un elemento HTML:

Esempio

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

Dimensione del testo

La proprietà CSS font-sizedefinisce la dimensione del testo per un elemento HTML:

Esempio

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Allineamento del testo

La proprietà CSS text-aligndefinisce l'allineamento orizzontale del testo per un elemento HTML:

Esempio

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

Riassunto capitolo

  • Utilizzare l' styleattributo per lo stile degli elementi HTML
  • Utilizzare background-colorper il colore di sfondo
  • Utilizzare colorper i colori del testo
  • Utilizzare font-familyper i caratteri di testo
  • Utilizzare font-sizeper le dimensioni del testo
  • Utilizzare text-alignper l'allineamento del testo

Esercizi HTML

Mettiti alla prova con gli esercizi

Esercizio:

Usa l'attributo HTML corretto e CSS per impostare il colore del paragrafo su "blu".

<pag=";">Questo è un paragrafo.</p>