Hvordan bruke SPAN Element Med Embed CSS

April 19

Foruten å vite hvordan å designe, må webdesignere vite hvordan du effektivt manipulere HTML og CSS (Hypertext Markup Language og Cascading Style Sheets.) SPAN elementene er en slags HTML-element som brukes logisk deler "in-line" data, eller data som ikke automatisk forsøke å ta opp bredden på siden. Spenn er brukt veldig ofte. I stedet på å registrere et spenn i en ekstern stil, kan CSS skrives direkte i SPAN. Dette er kjent som "in-line" eller innleiret CSS.

Bruksanvisning

1 Åpne et tekstredigeringsprogram som Notisblokk. Gjør dette ved å navigere til "Start-> Alle Programmer-> Tilbehør-> Notisblokk."

2 Skriv inn følgende kode:

<Html>

<Body>

</ Div>

</ Body>

</ Html>

Dette skaper en wrapper, som vil inneholde alt innholdet på siden. Det skaper også en span element, som skal manipuleres ved hjelp av CSS.

3 Inne i SPAN tag, legge til følgende kode:

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

Dette vil endre SPAN inn i en rød firkant. Legge stiler inne på et merke som er kjent som in-line CSS. Det er generelt ansett som dårlig praksis, men er noen ganger nyttig.

4 Lagre filen med en ".html" forlengelse. Åpne den i en nettleser for å se resultatet.