Gratis trinnvis instruksjoner 
type
for å endre tykkelsen på linjen. Erstatt # med tykkelsen (f.eks. størrelse="10"). type
for å endre bredden på linjen.Erstatt # med bredden i piksler, eller prosentandelen av sidebredden (f.eks. bredde="200", eller bredde="75 %"). type
for å endre fargen på linjen. Erstatt # med navnet på fargen eller en heksadesimal kode (f.eks. farge="rød" eller farge="#FF0000") type
for å justere linjen.Erstatt med "Ikke sant", "venstre" eller "senter" (f.eks.
).
Klikk på menyen Fil. klikk på Lagre som. Skriv inn et navn for filen ved siden av "`Filnavn`". type .html på slutten av filnavnet. klikk på Lagre.
Åpne Notisblokk, eller en annen tekstredigerer/koderedigerer etter eget valg. Klikk på menyen Fil. klikk på Å åpne. Velg en HTML-fil. klikk på Å åpne 
Lag en horisontal linje i html
Denne opplæringen vil lære deg hvordan du lager en horisontal linje i HTML. En horisontal linje kan brukes til å skille innhold på nettstedet ditt. Koden for å lage en regel er ganske enkel. Du kan legge til in-line kode i HTML 4.01 for å forme linjen din. I HTML5 bruker du CSS for å forme linjen din.
Trinn
Metode 1 av 2: HTML 4.01
1. Åpne eller opprett et nytt HTML-dokument. HTML-dokumenter kan redigeres med et tekstredigeringsprogram som Notisblokk. Du kan også bruke et koderedigeringsprogram som Adobe Dreamweaver. Bruk følgende trinn for å åpne et HTML-dokument i programmet du ønsker:
- Åpne Notisblokk eller hvilken som helst tekstredigerer/koderedigerer du ønsker.
- Klikk på menyen Fil.
- klikk på Å åpne.
- Velg en HTML-fil.
- klikk på Å åpne.
2. Velg punktet der du vil sette inn linjen. Rull ned til linjen over som du vil sette inn linjen, klikk så helt til venstre på linjen for å plassere markøren rett foran starten av linjen.
3. Lag et tomt rom. Trykk to ganger ↵ Enter for å flytte nedover teksten du vil legge inn linjen over, og flytt markøren til det tomme rommet.
4. legg til taggen " type i rommet før starten av linjen. taggen oppretter en horisontal linje over hele siden.
5. Flytt linjen for `hr`-taggen til en ny linje. trykk ↵ Enter for å gjøre dette. På dette tidspunktet skal taggen stå på din egen linje.
6. Legg til attributter til den horisontale linjen (valgfritt). Du kan legge til attributter til en horisontal linje, for eksempel lengde, bredde, farge og justering. Bruk følgende koder etter `hr` i kodeparentesene. Du kan legge til mer enn ett attributt ved å skille dem med et mellomrom.
for å endre tykkelsen på linjen. Erstatt # med tykkelsen (f.eks. størrelse="10").
for å endre bredden på linjen.Erstatt # med bredden i piksler, eller prosentandelen av sidebredden (f.eks. bredde="200", eller bredde="75 %").
for å endre fargen på linjen. Erstatt # med navnet på fargen eller en heksadesimal kode (f.eks. farge="rød" eller farge="#FF0000")
for å justere linjen.Erstatt med "Ikke sant", "venstre" eller "senter" (f.eks.
).
7. Lagre HTML-filen. For å lagre en tekstfil som et HTML-dokument, må du spesifisere filtypen (.txt eller .docx) erstattet med `.html`. Følg disse trinnene for å lagre HTML-dokumentet:
8. Test HTML-koden din. Hvis du vil teste HTML-filen, høyreklikk på filen og velg Åpne med. Velg deretter en nettleser. En hel linje skal vises der du plasserte `HR`-taggen. HTML-koden ser omtrent slik ut:
Metode2 av 2:CSS/HTML5
1. Åpne eller opprett et nytt HTML-dokument. HTML-dokumenter kan redigeres med et tekstredigeringsprogram som Notisblokk. Du kan også bruke et koderedigeringsprogram som Adobe Dreamweaver. Følg disse trinnene for å åpne et HTML-dokument i programmet du ønsker:
2. Legg til en overskrift i HTML-dokumentet. Hvis HTML-dokumentet ditt ikke allerede har en overskrift, bruk følgende trinn for å legge til en overskrift. Overskriften kommer etter "type øverst i dokumentet. Trykk to ganger ↵ Enter for å legge til to nye linjer. type å lukke hodet.
Du kan også bruke et eksternt stilark. lese "Hvordan legge til en CSS-fil i HTML" for å lære mer om å koble en ekstern CSS-fil til HTML-filen din.
type bredde: ##px; for å stille inn bredden. Erstatt ## med bredden på linjen i antall piksler. Du kan også angi en prosentandel (%) i stedet for piksler (px). type høyde: ##px; for å indikere tykkelsen på linjen. Erstatt ## med antall piksler linjen skal være tykk. type bakgrunnsfarge: ##; for å indikere fargen på linjen. Erstatt ## med navnet på fargen, eller med en hash (#) etterfulgt av en heksadesimal fargekode. type marg-høyre: ##px; for å angi antall piksler fra høyre.Erstatt ## med antall piksler eller "bil".type "bil" for å justere eller sentrere linjen til venstre. type marg-venstre: ##px; for å angi antall piksler fra venstre kant.Erstatt ## med antall piksler eller "bil".type "bil" for å høyrejustere eller sentrere linjen. type marg øverst: ##px; for å angi en toppmargin for linjen. Erstatt ## med linjetykkelsen i piksler. Type marg nederst: ##px; for å angi en bunnmarg for linjen. Erstatt ## med linjetykkelsen i piksler. type kantlinjebredde: ##px; for å lage en kant rundt linjen (valgfritt). Erstatt ## med kanttykkelse i piksler. type grensefarge: ##; for å indikere fargen på kanten rundt linjen (valgfritt).Erstatt ## med navnet på fargen, eller en hash (#) etterfulgt av en heksadesimal fargekode.
3. type i koppen. Formateringskoden kommer mellom de to overskriftstaggene.Dette vil gi deg et sted å skrive inn CSS-kode for å formatere HTML-en din.
4. type hr {.Dette er CSS-koden for formatering av den horisontale linjen.Plasser den etter stiltaggen i head-delen, eller i den eksterne CSS-filen din.
5. Legg til CSS-stiler til din "Du plasserer dette bak taggen "hr {".Det er mange måter å formatere en horisontal linje på.Følgende er noen få eksempler.
6. type } etter stilinnstillinger. Lukker stilinnstillingene for 
7. type hvor som helst i hoveddelen av HTML-dokumentet. Legger til en horisontal linje i HTML-dokumentet.CSS-stilinnstillingene dine gjelder når du bruker
Artikler om emnet "Lag en horisontal linje i html"
Оцените, пожалуйста статью
Populær
