Opprette en horisontal linje i HTML

Innhold

• retninger
• Mitt dokument
• advarsel
• Hva du trenger

Horisontale linjer gjør det mulig for webredaktøren å skille sideområder i mindre, mer fordøyelige seksjoner, og derved rettet brukeren til å fokusere på det som presenteres. I motsetning til understrekingsmerket , den horisontale linjen er ikke knyttet til teksten over eller under den. Den kan også plasseres til venstre, høyre eller senter, og kan være hvilken som helst farge, tykkelse eller høyde som redaktøren velger. Denne opplæringen lærer deg å lage en brun, tykk, venstrejustert horisontal linje som skiller hovedtittelen fra dokumentets kropp, som er tom.

retninger

Skjermbilde av en komplett nettside (Alle bilder er skjermbilder skapt av Eric Tilden)

1. Skriv inn følgende mellom kodene> som vist:

   Mitt dokument

   Sett en header for dokumentet ditt ved å bruke taggene

   . Denne taggen forteller søkemotorene at ordene mellom dem er de viktigste på siden. Denne overskriften vil være tittelen på nettsiden, noe som gir mening om bruk av en horisontal linje.

   

   Trinn 1

2. Skriv inn den horisontale linjelaggen som vist:

   ---

   Den horisontale linjelaggen har ikke en endelig tagg. Ta med et mellomrom og et skråstrek før hovedsignalet.

   

   Trinn 2

3. Legg til "juster" -attributtet og sett det til "venstre", som angitt:

   ---

   
   

   

   Trinn 3

4. Legg til "størrelse" -attributtet og sett det til "4", som vist:

   ---

   Attributtet "størrelse" bestemmer hvor tykk linjen er, i piksler.

   

   Trinn 4

5. Legg til «bredde» -attributtet og sett det til "370", som angitt:

   ---

   Verdien av attributten "bredde" bestemmer hvor lenge linjen er, i piksler.

   

   Trinn 5

6. Legg til «farge» -attributtet til den horisontale linjen og sett den til "maroon" som vist:

   ---

   Fargen på denne taggen kan settes til hvilken som helst standard eller heksadesimale farge du velger. Den heksadesimale fargen må føres av et "#" tegn.

   
   

   

   Trinn 6

7. Lagre dokumentet og send det til serveren din. Åpne nettleseren din og finn siden. Den skal ha den horisontale brune linjen under tittelen på dokumentet.

   

   Nettstedet er klart

advarsel

• Merket

  ---

  er foreldet, og W3Schools oppfordrer bruk av endrede enkeltpikselbilder, ved hjelp av stilarkinstruksjoner for å forlenge eller øke linjene til ønsket størrelse.

Hva du trenger

• Tekstredigerer, som Kilde Rediger (se Ressurser)
• Programvare for sending av dokumenter, for eksempel FileZilla (se Resources)
• Plass på server