Slik formaterer Lister for din webside på Raspberry Pi

December 11  by Eliza

Når du oppretter en nettside på Raspberry Pi, vil du sannsynligvis trenger å vite hvordan du formaterer en liste. Lister brukes mer enn du kanskje tror å formidle informasjon, så thereâ € ™ s standard måte å formatere dem ved hjelp av HTML.

Det er to forskjellige typer liste: en sortert liste og en ikke-sorterte liste. En sortert liste brukes for elementer som må være i en bestemt rekkefølge, slik som trinn-for-trinn-instruksjoner for å sette opp en hylle.

En ikke-sorterte liste brukes for elementer som kan være i hvilken som helst rekkefølge, for eksempel en sjekkliste over ting å pakke for en ferie. Bestilte listene vises på skjermen med et tall ved siden av hvert element, og sorterte lister vises med et punkt ved siden av dem, selv om du kan bruke CSS til å endre presentasjonen av lister. Du kan bruke linker eller annen HTML i hvert listepunkt.

Denne nettsiden har to lister på det. Listen over fotografering tips ville være en ikke-sorterte liste fordi tipsene fornuftig i hvilken som helst rekkefølge. Sin HTML ser slik ut:

<H2> Mine beste tips for reise fotografering </ h2>
<Ul>
<Li> Ha alltid et kamera med deg, selv om det er en liten lomme ett. </ Li>
<Li> Når det er mulig har et reserve fullt oppladet batteri. </ Li>
<Li> Merk alt SD-kort slik at du kan skille dem fra hverandre. </ Li>
</ Ul>

Du bruker <ul> og </ ul> koder for å markere starten og slutten av sorterte liste, og <li> og </ li> koder for å markere starten og slutten av hvert listepunkt. Når du setter denne HTML i din nettside og se den i nettleseren din, tipsene har kuler ved siden av dem.

Slik formaterer Lister for din webside på Raspberry Pi

Den andre listen på denne nettsiden er mindre opplagt. De fleste nettsteder har et navigasjonsfelt på hver side, et standardisert sett med koblinger som gjør at du kan bevege deg rundt alle sidene på nettstedet. Fra synspunkt av HTML, thatâ € ™ s bare en liste med lenker. Så for å gjøre en navigeringslinje, lage en liste til de forskjellige nettsider området vil ha, som dette:

<Ul>
<Li> <a href="index.html"> Hjem </a> </ li>
<Li> <a href="galleries.html"> Gallerier </a> </ li>
<Li> <a href="tips.html"> Fotografi tips </a> </ li>
<Li> <a href="contact.html"> Kontakt </a> </ li>
</ Ul>

Den første linken er en link til siden theyâ € ™ re allerede på, noe som kan virke ulogisk, men ita € ™ s mindre forvirrende å ha nøyaktig samme sett med koblinger på hver side, enn det er å ha koblinger vises eller forsvinner i navigasjonslinjen fra side til side.

For nå, vil det se ut som en punktliste øverst på nettsiden, men du kan gjøre det om til et skikkelig navigasjonslinjen ved hjelp av CSS senere.

Hvis du ønsker å opprette bestilt lister, bare endre <ul> og </ ul> koder for <ol> og </ ol> seg. Når du ser på en ordnet liste i nettleseren din, youâ € ™ ll se kulene er byttet ut med tall. Du kan teste det ved å redigere din sorterte liste midlertidig for å gjøre det en sortert liste, lagrer den og vise den siden i nettleseren.