En HTML Bla Tutorial

Som du designe din Hypertext Markup Language (HTML) websider, bruk av rulle bokser med vertikale og / eller horisontale glidebryteren funksjoner for å gjøre design brukervennlig. Besøkende bruker disse rulle funksjoner for å vise alt innholdet uten å være til bry med store blokker med tekst som ikke passer i nettleservinduet. Lag dine egne bla boksene ved hjelp av Cascading Style Sheets (CSS) i forbindelse med HTML-kode.

Bruksanvisning

1 Start din tekst editor og lage en ny side.

2 Skriv åpning og lukking "<div> </ div>" koder. Skriv inn ønsket innhold mellom disse elementene slik at det skal vises i rulleboksen. For eksempel:
<Div>
Dette er innholdet som vises i rulleboksen.
</ Div>

3 Plasser markøren i åpningen "<div>" tag. Bruk en inline CSS "style =" attributt å stille inn ønsket høyde og bredde på rulleboksen i piksler (px). Skriver dimensjonene som følger:
<Div style = "height: 150px; width: 200px; ">

4 Tildele "overflow" descriptor å "bla" i "<div>" tag. Denne kommandoen instruerer nettleseren for å vise rullefelt når innholdet helt fyller tekstboksen. Å illustrere:
<Div style = "height: 150px; width: 200px; overløp: bla; ">

5 Type "overflow-x" (horisontale) og flow-y "(vertikale) deskriptorer for å lage en rulleboksen som bare ruller horisontalt eller vertikalt (hvis ønskelig). Tildele en "skjult" verdi for å undertrykke bla atferd og en "bla" verdi for aktivere rullefeltet. For eksempel, gjør rullefeltet vises på akkurat den horisontale aksen:
<Div style = "height: 150px; width: 200px; flow-x: bla; flow-y: hidden;>

Merk at "overflow: bla" entry fra trinn 4 er erstattet med den nye "overflow-x" og "overflow-y" beskrivelser.

6 Lagre filen med "HTML" forlengelse (slutter).