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

Citazione HTML e elementi di citazione


In questo capitolo esamineremo gli elementi <blockquote>, <q>, <abbr>, <address>, <cite>e <bdo>HTML.


Esempio

Here is a quote from WWF's website:

For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.

HTML <blockquote> per le citazioni

L'elemento HTML <blockquote>definisce una sezione citata da un'altra fonte.

I browser di solito fanno rientrare <blockquote>gli elementi.

Esempio

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

HTML <q> per citazioni brevi

Il <q>tag HTML definisce una citazione breve.

I browser normalmente inseriscono virgolette attorno alla virgoletta.

Esempio

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>


HTML <abbr> per le abbreviazioni

Il <abbr>tag HTML definisce un'abbreviazione o un acronimo, come "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".

Contrassegnare le abbreviazioni può fornire informazioni utili a browser, sistemi di traduzione e motori di ricerca.

Suggerimento: usa l'attributo del titolo globale per mostrare la descrizione dell'abbreviazione/acronimo quando passi il mouse sopra l'elemento. 

Esempio

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

HTML <indirizzo> per le informazioni di contatto

Il <address>tag HTML definisce le informazioni di contatto per l'autore/proprietario di un documento o di un articolo.

Le informazioni di contatto possono essere un indirizzo e-mail, un URL, un indirizzo fisico, un numero di telefono, un gestore di social media, ecc.

Il testo <address>nell'elemento di solito viene visualizzato in corsivo e i browser aggiungeranno sempre un'interruzione di riga prima e dopo l' <address>elemento.

Esempio

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

HTML <cite> per il titolo dell'opera

Il <cite>tag HTML definisce il titolo di un'opera creativa (ad es. un libro, una poesia, una canzone, un film, un dipinto, una scultura, ecc.).

Nota: il nome di una persona non è il titolo di un'opera.

Il testo <cite>nell'elemento di solito viene visualizzato in corsivo .

Esempio

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

HTML <bdo> per l'override bidirezionale

BDO sta per Bi-Directional Override.

Il <bdo>tag HTML viene utilizzato per sovrascrivere la direzione del testo corrente:

Esempio

<bdo dir="rtl">This text will be written from right to left</bdo>

Esercizi HTML

Mettiti alla prova con gli esercizi

Esercizio:

Usa un elemento HTML per aggiungere virgolette intorno alle lettere "cool".

<p>
Lo sonofresco.
</p>


Citazione HTML e elementi di citazione

Tag Description
<abbr> Defines an abbreviation or acronym
<address> Defines contact information for the author/owner of a document
<bdo> Defines the text direction
<blockquote> Defines a section that is quoted from another source
<cite> Defines the title of a work
<q> Defines a short inline quotation

Per un elenco completo di tutti i tag HTML disponibili, visita il nostro Riferimento ai tag HTML .