Elemento HTML

=== Annidamento ===

=== Annidamento ===

Molti elementi HTML possono essere “[[Annidamento (informatica)|nidificati]]”. La nidificazione è più facilmente comprensibile attraverso esempi<ref>{{Cita web|url=https://www.andreaminini.com/html/annidamento-tag-html|titolo=L’annidamento dei tag in Html|sito=www.andreaminini.com|lingua=it-IT|accesso=2021-11-23}}</ref>:

Molti elementi HTML possono essere “[[Annidamento (informatica)|nidificati]]”. La nidificazione è più facilmente comprensibile attraverso esempi<ref>{{Cita web|url=https://www.andreaminini.com/html/annidamento-tag-html|titolo=L’annidamento dei tag in Html|sito=www.andreaminini.com|accesso=2021-11-23}}</ref>:

:<code><nowiki><p>You<em>rock</em></p></nowiki></code>

:<code><nowiki><p>You<em>rock</em></p></nowiki></code>

:Usa un carattere <span style=”text-decoration: underline”>sottolineato</span>. CSS equivalente: <code>{text-decoration: underline}</code>

:Usa un carattere <span style=”text-decoration: underline”>sottolineato</span>. CSS equivalente: <code>{text-decoration: underline}</code>

;<code>&lt;font [color=”color”,] [size=”size”,] [face=”face”]>…&lt;/font></code> (deprecato)

;<code>&lt;font [color=”color”,] [size=”size”,] [face=”face”]>…&lt;/font></code> (deprecato)

:Tag considerato obsoleto in favore dei CSS<ref>{{Cita web|url=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font|titolo=- HTML: HyperText Markup Language {{!}} MDN|sito=developer.mozilla.org|accesso=4 febbraio 2021}}</ref>, può specificare il colore del testo tramite l’attributo <code>color</code> , il tipo con <code>face</code> e la grandezza assoluta o relativa con <code>size</code>

:Tag considerato obsoleto in favore dei CSS<ref>{{Cita web|url=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/font|titolo=- HTML: HyperText Markup Language {{!}} MDN|sito= developer.mozilla.org |accesso= 4 febbraio 2021}}</ref>, può specificare il colore del testo tramite l’attributo <code>color</code> , il tipo con <code>face</code> e la grandezza assoluta o relativa con <code>size</code>

Esempi:

Esempi:

# <code>&lt;font color=”green”>text&lt;/font></code> crea <span style=”color:green”>testo verde</span>.

# <code>&lt;font color=”green”>text&lt;/font></code> crea <span style=”color:green”>testo verde</span>.

:Crea un elemento che diventa un{{‘}}”ancora”, che può essere sia l’origine che la destinazione di un [[collegamento ipertestuale]].

:Crea un elemento che diventa un{{‘}}”ancora”, che può essere sia l’origine che la destinazione di un [[collegamento ipertestuale]].

:Con l’attributo <code>href</code> impostato ad una [[Uniform Resource Locator|URL]] l’ancora diventa l{{‘}}”origine” di un collegamento ipertestuale ”a” un’altra risorsa (o ad un altro punto della stessa pagina);

:Con l’attributo <code>href</code> impostato ad una [[Uniform Resource Locator|URL]] l’ancora diventa l{{‘}}”origine” di un collegamento ipertestuale ”a” un’altra risorsa (o ad un altro punto della stessa pagina);

:Alternativamente (e a volte contemporaneamente), con l’attributo <code>name</code> (o <code>id</code>) l’ancora diventa la ”destinazione” di un collegamento ipertestuale ”da” un’altra risorsa, che come un segnalibro farà scorrere la pagina fino a quel punto. Una URL può indicare tale destinazione con un [[fragment identifier]] (l’aggiunta alla fine dell’URL di un simbolo ‘#’ seguito dal nome dell’ancora) nell’URL<ref>{{Cita web|url=https://www.html.it/pag/16049/i-link-interni-o-ancore/|titolo=HTML anchor: cos’è un link interno e come inserirlo {{!}} Guida HTML.it|autore=Wolfgang Cecchin|sito=HTML.it|lingua=it-IT|accesso=2021-11-23}}</ref>.

:Alternativamente (e a volte contemporaneamente), con l’attributo <code>name</code> (o <code>id</code>) l’ancora diventa la ”destinazione” di un collegamento ipertestuale ”da” un’altra risorsa, che come un segnalibro farà scorrere la pagina fino a quel punto. Una URL può indicare tale destinazione con un [[fragment identifier]] (l’aggiunta alla fine dell’URL di un simbolo ‘#’ seguito dal nome dell’ancora) nell’URL<ref>{{Cita web|url=https://www.html.it/pag/16049/i-link-interni-o-ancore/|titolo=HTML anchor: cos’è un link interno e come inserirlo {{!}} Guida HTML.it|autore=Wolfgang Cecchin|sito=HTML.it |accesso= 2021-11-23}}</ref>.

:Ogni elemento può essere trasformato in un’ancora attraverso l’attributo <code>id</code> così usare <code>&lt;a name=”foo”></code> non è necessario.

:Ogni elemento può essere trasformato in un’ancora attraverso l’attributo <code>id</code> così usare <code>&lt;a name=”foo”></code> non è necessario.

:Inoltre l’attributo <code>title</code> può essere impostato per dare una breve informazione sul collegamento ipertestuale.

:Inoltre l’attributo <code>title</code> può essere impostato per dare una breve informazione sul collegamento ipertestuale.

{{Vedi anche|Iframe|Frameset}}

{{Vedi anche|Iframe|Frameset}}

I frame, in italiano “cornici”, permettono di strutturare il documento HTML in sotto-documenti che il browser gestisce come finestre separate. Ad esempio è possibile tenere sempre fisso e visibile un menu di navigazione in una prima cornice posizionata nel bordo sinistro della pagina, affiancata ad una seconda cornice che racchiude il contenuto principale scorrevole. Gli elementi <code>frame</code> devono essere inclusi dentro un elemento <code>frameset</code> che sostituisce il <code>body</code> e lo stesso documento HTML deve essere dichiarato come Frameset. In altre parole, un elemento <code>html</code> può contenere un <code>head</code> ed un <code>body</code> (nel caso di documenti Strict o Transitional) o, in alternativa, un <code>head</code> e un <code>frameset</code>.<ref>{{cita web

I frame, in italiano “cornici”, permettono di strutturare il documento HTML in sotto-documenti che il browser gestisce come finestre separate. Ad esempio è possibile tenere sempre fisso e visibile un menu di navigazione in una prima cornice posizionata nel bordo sinistro della pagina, affiancata ad una seconda cornice che racchiude il contenuto principale scorrevole. Gli elementi <code>frame</code> devono essere inclusi dentro un elemento <code>frameset</code> che sostituisce il <code>body</code> e lo stesso documento HTML deve essere dichiarato come Frameset. In altre parole, un elemento <code>html</code> può contenere un <code>head</code> ed un <code>body</code> (nel caso di documenti Strict o Transitional) o, in alternativa, un <code>head</code> e un <code>frameset</code>.<ref>{{cita web |url=https://www.w3.org/TR/html4/present/frames.html#h-16.1 |titolo=HTML 4.01 Specification, Frames |data=24 dicembre 1999 |editore=W3C |sito=www.w3.org |lingua=en |accesso=14 giugno 2014}}

|url=https://www.w3.org/TR/html4/present/frames.html#h-16.1

|titolo=HTML 4.01 Specification, Frames

|data=24 dicembre 1999

|editore=W3C

|sito=www.w3.org

|lingua=en

|accesso=14 giugno 2014}}

</ref>

</ref>

Le cornici sono parte dello standard HTML 4.0 Frameset, mentre in HTML5 sono state dichiarate obsolete<ref>{{Cita web|url=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/frameset|titolo=- HTML: HyperText Markup Language {{!}} MDN|sito=developer.mozilla.org|accesso=5 febbraio 2021}}</ref><ref>{{Cita web|url=https://www.ostraining.com/blog/webdesign/against-using-iframes/|titolo=3 Reasons You Might Not Want To Use Iframes|sito=www.ostraining.com|accesso=5 febbraio 2021}}</ref>.

Le cornici sono parte dello standard HTML 4.0 Frameset, mentre in HTML5 sono state dichiarate obsolete<ref>{{Cita web|url=https://developer.mozilla.org/en-US/docs/Web/HTML/Element/frameset|titolo=- HTML: HyperText Markup Language {{!}} MDN|sito=developer.mozilla.org|accesso=5 febbraio 2021}}</ref><ref>{{Cita web|url=https://www.ostraining.com/blog/webdesign/against-using-iframes/|titolo=3 Reasons You Might Not Want To Use Iframes|sito=www.ostraining.com|accesso=5 febbraio 2021}}</ref>.