Hvordan bruke HTML Block Elements

For å klargjøre visse stil problemer, inkluderer ny HTML kode kategorietikettene for elementer. Elementene vil enten være "blokk" elementer eller "inline" (også kalt tekst-nivå) elementer. Det er også noen elementer som har attributtene til begge. Naturen av en blokk-nivå element er at det tar opp en hel linje. Formatet er annerledes enn en inline element i at en blokk element kan ikke dele plass med et annet element.

Bruksanvisning

1 Reservere en hel linje eller linjer på siden din for din blokk element. På papiret mark-up, hvis du har en, tegne en linje der du vil at blokken element å være.

2 Koden blokk element inn på siden.

3 Sørg for at blokken element har sine åpning og lukking koder. Kodene er elementnavn omgitt av parentes. Disse kodene er nødvendig for ditt element til funksjon; uten dem, det enten ikke vil dukke opp, eller det vil dukke opp i feilaktige måter.

4 Gjør en sidevisning for å se om blokken element lagt i riktig. Hvis den gjorde, vil blokken element være i mellom andre deler av siden, vil det være ting over det og sånt under den.

5 Juster koden som nødvendig til siden ser ut slik du vil ha det til.

Hint

  • Bruk DIV element for generiske blokk-nivå elementer. Div tags markere en blokk-nivå element i HTML, men inkluderer ikke annen informasjon. Designere tutorials vise at du kan bruke DIV som en del av "klassing" elementer, det vil si, hvis du ønsker en bestemt del av teksten til å dukke opp på en egen linje, merke er det DIV.
  • Husk at blokkelementer kan inneholde andre elementer. Blokkelementet etiketten er vesentlig for å vise at elementet har en egen plass. Ting kan lett få over-komplisert. Det kan være lurt å kartlegge hvordan elementer "share" eller "inneholder" andre elementer bare for å gjøre det klart for deg selv.