Linjer og avsnitt

Denne delen beskriver HTML assosiert med linjer og avsnitt. Vi begynner med den grunnleggende <DIV> og <P> -koder.

< DIV > Element

<DIV>, en element på blokknivå, definerer ganske enkelt en innholdsblokk på siden. Utover å definere en blokk, gjør ikke <DIV> noe. For eksempel oppretter følgende kode et <DIV> -element med to avsnitt inni. Legg merke til at du kan plassere <P> -elementer i en <DIV>.

Som gir oss:

ALIGN-attributtet

ALIGN angir justeringen av innholdet i <DIV> -elementet. Alle fire verdiene, LEFT, CENTER, RIGHT og JUSTIFY, støttes alle godt. LEFT er standardverdien.
Denne koden viser standardverdien:

Som gir oss:

Paragraph Element

<P> indikerer starten på et nytt avsnitt. Dette gjengis vanligvis med to vognreturer, og produserer en enkelt tom linje mellom de to avsnittene:

Som produserer dette:

ALIGN-attributtet

ALIGN indikerer innretting av avsnittet.

Som produserer dette:

CLEAR Attribute

CLEAR er anerkjent av noen nettlesere og fungerer veldig som <BR>. Det er imidlertid ikke standard HTML og støttes fortsatt ikke, så bruk <BR> i stedet.

Er P-endtag påkrevd?

W3C sier om </P>: «Endekoden er valgfri, da den alltid kan utledes av parseren.» Dette betyr at en ny <P> innebærer slutten av forrige <P> (og hvilken som helst justering satt av forrige iv id = «bedd0bc64f» ).

Ethvert annet blokknivåelement, for eksempel <HR> eller <BLOCKQUOTE>, bør også avsluttes avsnittet. Det går imidlertid ikke alltid slik. Noen nettlesere vil for eksempel justere teksten selv etter en tabell. I det følgende eksemplet gjengir MSIE delen «etter bordet» som høyrejustert, mens Netscape gjengir den som venstrejustert:

MSIEs gjengivelse	Netscapes gjengivelse

Hvis du angir justering eller annen stilegenskap for et avsnittselement, er det best å bruke </P>. Hvis du aldri bruker å angi noen stiler, kan du generelt ignorere </P>.

Se W3Cs spesifikasjoner for avsnitt for mer informasjon om dette emnet.

Tekstjustering

Du kan angi justeringen for hvilket som helst HTML-element ved hjelp av stilregelen text-align. text-align kan brukes til å angi justeringen for et avsnitt, en del av dokumentet eller til og med hele dokumentet. text-align kan brukes til å sette justering til venstre, høyre, senter eller rettferdiggjort.

Anta for eksempel at vi vil sentrere et avsnitt.Først oppretter vi en stilklasse kalt centeralign ved å sette følgende kode i «delen av dokumentet:

Nå kan vi sette et hvilket som helst avsnitt til midtjusteringsklasse slik:

Som gir oss dette:

Vi kan bruke samme klasse på et <DIV> -element for å sentrere en del av side:

Som gir oss:

Begrunnelse

Som standard , gjengir de fleste nettlesere tekst med en tagget høyre kant.

Hvis du vil at all tekst skal gjengis som i en bok med en jevn høyre kant, kan du bruke en enkelt stilregel. For å sette all tekst til berettiget kopier følgende kode i n «delen av dokumentet ditt.

Problemet med begrunnelse er at mange nettlesere blir forvirret over hvor den siste linjen med tekst er (som ikke burde være berettiget). For eksempel forveksles MSIE 4.x når en tekstblokk umiddelbart følges av en tabell. Legg merke til i dette bildet at den siste tekstlinjen strekker ordene «en av våre agenter» over en hel linje:

For å avhjelpe denne situasjonen, omgir alle tekstblokker med <P> og </P>:

Nå gjengir vår feilaktige MSIE ting mer fornuftig:

Innrykk

Det er flere måter å innrykke avsnitt og hele seksjoner på websiden din De neste par avsnittene beskriver de fire hovedteknikkene for innrykk:

• Innrykk av et avsnitt
• Innrykk av en del av siden
• Innrykk av hele siden
• Innrykk av første linje i hvert avsnitt

Før vi begynner, er det imidlertid verdt å si noen ord om <BLOCKQUOTE> Det er en populær misforståelse om at <BLOCKQUOTE> skal brukes til å rykke inn deler av siden. Denne troen kommer fra det faktum at de fleste visuelle nettlesere gjengir sitert tekst som innrykket. Husk imidlertid at HTML ikke er et formateringsspråk og gir uforutsigbare resultater når du prøver å bruke det som et. Bruk <BLOCKQUOTE> hvis du har en sitert tekstblokk, ellers bruk teknikkene som er beskrevet i de neste par avsnittene.

Innrykk av et avsnitt

Du kan legge inn et enkelt avsnitt ved hjelp av stiler. Anta for eksempel at vi vil innrykke et avsnitt 50 poeng. Først lager vi en klasse kalt innrykket med følgende stilregler. Sett denne koden i «delen av dokumentet ditt.

Nå setter vi klassen i avsnittet til innrykket ved å legge til et CLASS-attributt til <P> tag:

Hvilket gir oss dette innrykkede avsnittet:

Innrykk på en seksjon av en side

Å innrykk mer enn ett par agraph bruker vi samme stil som vi satte i forrige eksempel. Sett denne koden i «delen av siden din:

Så bruker vi den innrykkede klassen i en <DIV> element:

Som gir oss en innrykket seksjon som dette:

Innrykk av hele siden

Hvis du vil at hele siden skal være innrykket, angir du en stilregel som angir høyre og venstre polstring for «elementet. For eksempel angir denne stilen høyre og venstre polstring til 100 piksler:

Denne teknikken er populær når den brukes i kombinasjon med et bakgrunnsbilde. Anta for eksempel at vi vil at dette bildet skal løpe ned på venstre side av siden.

Dette bildet er 56 piksler bredt, så la oss sette polstringen til 60.Følgende stil setter bakgrunnsbildet, setter repetisjonen til repetering-y (gjentas bare vertikalt ned på venstre side av siden) og setter venstre polstring til 60 (vi stiller ikke riktig polstring).

Slik ser det ut:

Innrykk av første linje i hvert avsnitt

For å innrykke den første linjen i hvert avsnittssett en stilregel ved hjelp av tekstinnrykk. For eksempel innrykker følgende kode den første linjen i hvert avsnitt 30 poeng. Kopier denne koden til «delen av siden din:

Denne koden innrykker den første linjen i hver <P> element, men du vil sannsynligvis støte på et irriterende problem. Hvis du er som de fleste designere, legger du sannsynligvis ikke en P før første avsnitt eller mellom en overskrift som <H1> og teksten som følger den. Dessverre er det akkurat det du trenger å gjøre hvis du vil at avsnittet skal innrykkes. Teksten i disse situasjonene er en del av noe som kalles «anonyme blokker» og kan ikke refereres til direkte. For å rykke inn må du legge teksten i et <P> -element.

Så for eksempel har følgende kode ikke et <P> mellom overskriften og teksten, slik at teksten ikke er innrykket:

Som gir oss:

Denne koden har en <P> mellom overskriften og teksten, så teksten er innrykket:

The < BR > Element

<BR> setter inn en enkelt vognretur . Mens <P> indikerer starten på et nytt avsnitt, betyr <BR> bare en vognretur innenfor samme avsnitt. <BR> blir vanligvis gjengitt med en enkelt vognretur.

For eksempel denne koden:

Som produserer dette:

Fordi <BR> ikke starter et nytt avsnitt, forblir alle gjeldende avsnittattributter de samme:

Som produserer dette:

CLEAR Attribute

CLEAR sier at i tillegg til å sette inn et linjeskift, hvis det er et bilde eller et annet objekt til høyre eller venstre, gå forbi det også. For eksempel sier denne koden at bildet skal være justert på venstre side av siden. Så er det litt tekst, så LEFT. Teksten etter som er forbi bildet:

Som produserer dette:

Kom ned til Halloween-festen! ha det veldig bra.
20.00 til midnatt. Bruk kostyme eller kom som ditt eget skummel selv!

BOTH er det samme som ALL, men er ikke støttes i så mange nettlesere, så bruk ALL i stedet.

CENTER Element

Anbefaling for bruk: Bruk <DIV> i stedet.

Som gir oss:

Som er det samme som:

Som gir oss:

< HR > Element

<HR> tegner en horisontal linje (en «horisontal regel») over siden. Det er det. For et så enkelt konsept er horisontale regler overraskende populære. La oss starte med det grunnleggende. <HR> har ingen sluttkoder og krever ingen attributter:

Som skaper denne regelen:

<HR> indikerer vanligvis en inndeling på siden. Ting før regelen er i en annen «seksjon» enn ting etter. Av den grunn anser mange designere <HR> som en logisk tag, ikke som en layout-tag.

NOSHADE-attributtet

NOSHADE indikerer at regelen skal presenteres som flat i stedet for tredimensjonal.Sammenlign denne vanlige horisontale regelen:

Med en NOSHADE -regel:

Som gir oss:

NOSHADE brukes ofte i forbindelse med SIZE:

Produserer denne regelen:

NOSHADE er populært fordi nettlesere vanligvis ikke gjengir tredimensjonale regler veldig bra. Under mange omstendigheter presenteres regelen i samme farge som bakgrunnen, noe som gjør den nesten usynlig.

SIZE Attribute

SIZE angir høyden på regelen. (Jeg antar at det å ha kalt det «HEIGHT» bare hadde vært for enkelt.) For horisontal bredde se WIDTH. Sammenlign noen av disse størrelsene:

Som gir oss disse reglene:

Nettlesere vil generelt ikke gi en <HR> større enn 100 .

WIDTH-attributtet

WIDTH angir den horisontale bredden på regelen. Du kan uttrykke størrelsen i piksler eller i prosent.

Disse <HR> er satt med pikselbredder:

Som gir oss disse reglene:

WIDTH uttrykkes vanligvis som en prosentandel. Hvis du bruker en prosentbredde, må du legge inn verdien i sitater.

Produserer disse reglene:

Standard er 100%. Som standard er regelen sentrert. For å angi en annen justering, bruk ALIGN.

Prosentandelbredder bruker prosent o f tilgjengelig bredde, ikke hele bredden på siden. For eksempel, hvis regelen er i en tabell, er bredden en prosentandel av bredden på tabellcellen.

Som produserer denne tabellen:

ALIGN-attributtet

ALIGN angir justeringen av regel. ALIGN er bare nyttig hvis du også bruker WIDTH.

Gi oss dette:

< PRE > Element

<PRE> er en av de letteste kodene i HTML-verktøykassen. <PRE> markerer teksten som «forhåndsformatert» – alle mellomrom og vognreturer blir gjengitt nøyaktig slik du skriver dem.

Som produserer dette:

<PRE> tekst gjengis med en font med fast bredde, noe som betyr at alle tegn og mellomrom er samme bredde. Fast bredde gjør det enkelt å legge ut teksten akkurat slik du vil ha den, så <PRE> er flott for å lage «raske og skitne» tabeller som den ovenfor.

<PRE> fører IKKE til at nettleseren ignorerer koder. Du kan fremdeles opprette lenker og andre godbiter:

Produserer dette:

Når du begynner å legge til markering blir det vanskeligere å se hvordan teksten blir (avstand mellom kodene dine jevnt som tabellen ovenfor hjelper). <PRE> brukes ofte til å sitere store tekstblokker som du ikke vil «HTMLize», men en «kan ødelegge teksten. For en tabell som er større enn noen få linjer, er det vanligvis lettere i det lange løp å bruke tabellkode.

«Elementet

» forhindrer at en vognretur oppstår. For eksempel produserer følgende kode et tulldikt av en lang linje:

Som produserer dette:

is most useful for making the page layout more attractive by disallowing breaks inside logical groups of symbols and words. The poem quoted above breaks in appropriate places if each phrase is surrounded by:

Som produserer dette:

«Elementet

is for the situation where you have used for å forhindre linjeskift i en seksjon av tekst, og så vil du si «men du kan bryte HER hvis du vil».»tvinger ikke et linjeskift, det tillater bare en:

Produserer:

Etter å ha oppfunnet , Netscape now seems to have abandoned it. It"s better to stick to grouping non-breakable sets of words within, slik:

Som gir oss dette avsnittet:

Adam er en teknisk forfatter som spesialiserer seg på utviklerdokumentasjon og veiledninger.