Come utilizzare l'elemento SPAN Con Incorpora CSS

May 18

Oltre a sapere come progettare, web designer devono sapere come manipolare efficacemente HTML e CSS (fogli di Hypertext Markup Language e di stile a cascata.) Gli elementi SPAN sono una sorta di elemento HTML che vengono utilizzati per dividere logicamente "in-line" dei dati, o dati che non cerca automaticamente a raccogliere la larghezza della pagina. Campate sono usati molto frequentemente. Invece di riferimento a un arco in uno stile esterno, CSS può essere scritto direttamente in SPAN. Questo è noto come "in-line" o CSS incorporato.

istruzione

1 Aprire un editor di testo come Blocco note. A tale scopo, la navigazione a "Start-> Tutti i programmi-> Accessori-> Blocco note."

2 Inserire il seguente codice:

<Html>

<Body>

<Div id = "wrapper">

<Span> </ span>

</ Div>

</ Body>

</ Html>

Questo crea un involucro, che conterrà tutto il contenuto della pagina. Inoltre, crea un elemento di arco, che verrà manipolato usando i CSS.

3 All'interno del tag SPAN, aggiungere il seguente codice:

style = "display: block; width: 300px; height: 300px; background-color: red;"

Questo cambierà il SPAN in un quadrato rosso. stili Aggiunta all'interno di un tag è noto come CSS in linea. E 'generalmente considerata una cattiva pratica, ma a volte è utile.

4 Salvare il file con estensione ".html". Aprire in un browser Web per vedere il risultato.