Tag HTML consentono di visualizzare e formattare i dati in vari modi. Un tag e i relativi attributi definiscono come si presenta una particolare porzione di testo o grafica, dove è posizionato e come si comporta rispetto ad altri testo e la grafica della pagina. Un "arco" è un particolare tipo di tag che è possibile utilizzare per formattare il testo e grafica in una pagina Web. Si tratta di un tag inline (al contrario di un tag di blocco), che significa che è principalmente usato per formattare gli elementi nella loro posizione attuale. Qui di seguito sono riportati alcuni esempi di utilizzo di un tag span.
Istruzioni
1
Aprite il vostro editor HTML e creare una pagina di base utilizzando il testo seguente:
< html >
< head >
< / head >
< corpo >
< p > come utilizzare un < span style = "color: blue" > tag span < / span > </p >
< / body >
< / html >
Salva e visualizza la pagina nel browser web e si vedrà che il colore della parola "span" è blu.
2
Rimuovere il testo all'interno dei tag < body > e digitare il testo seguente:
< p > come inserire un bordo intorno < span style = "border: 3px verde tinta" > testo < / span > utilizzando un arco </p >
Salva e visualizza la pagina nel browser web e si vedrà come un arco può essere utilizzato per inserire un bordo intorno a un testo.
3
Rimuovere il testo all'interno dei tag < body > e digitare il seguente testo:
< p > come cambiare testo < span style = "font-style: italic" > corsivo < / span >< / p >
Salva e visualizza la pagina nel browser web e si vedrà come un arco può essere utilizzato per modificare una parola all'interno della frase in corsivo.
Consigli & Avvertenze
- Tag span sono elementi inline. Tag div e paragrafo, ad esempio, sono elementi block-level. Ciò significa quella portata tag si comportano in modo diverso in termini di formattazione della pagina. Tag div e paragrafo solitamente inizia su una nuova riga, mentre tag span si verificano all'interno della riga corrente o il blocco.