Come utilizzare un tag span

March 21

tag HTML consentono di visualizzare e formattare i dati in vari modi. Un tag e gli attributi definiscono come un particolare pezzo di testo o grafica apparirà, in cui è posizionato, e come si comporta in relazione ad altri testo e grafica sulla pagina. A "span" è un particolare tipo di tag che è possibile utilizzare per formattare il testo e la grafica in una pagina Web. Si tratta di un tag in linea (in contrapposizione ad un tag blocco), che significa che è utilizzato principalmente per prodotti formato a loro posizione corrente. Di seguito sono riportati alcuni esempi di utilizzo di un tag span.

istruzione

1 Aprite il vostro editor HTML e creare una pagina di base utilizzando il seguente testo:

<Html>

<Head>

</ Head>

<Body>

<P> Come usare un <span style = "color: blue"> arco </ span> tag </ p>

</ Body>

</ Html>

Salvare e visualizzare la pagina nel browser e vedrete il colore della parola "span" è blu.

2 Rimuovere il testo all'interno dei tag <body> e digitare il seguente testo:

<P> come mettere un bordo intorno <span style = "border: 3px verde fisso"> testo </ span> utilizzando un arco </ p>

Salvare e visualizzare la pagina nel browser web e vedrete come un arco può essere utilizzato per inserire un bordo attorno un testo.

3 Rimuovere il testo all'interno dei tag <body> e digitare il testo seguente:

<P> Come cambiare il testo di <span style = "font-style: italic"> corsivo </ span> </ p>

Salvare e visualizzare la pagina nel browser web e vedrete come un arco può essere utilizzato per cambiare una parola all'interno della frase in corsivo.

Consigli e avvertenze

  • tag span sono elementi inline. Div e tag di paragrafo, per esempio, sono elementi block-level. Ciò significa che tag span comportano in modo diverso in termini di formattazione della pagina. Div e tag di paragrafo di solito iniziano su una nuova linea, mentre tag span si verificano all'interno della linea o il blocco corrente.