Slik setter du inn en linje i HTML

Posted on
Forfatter: Laura McKinney
Opprettelsesdato: 8 April 2021
Oppdater Dato: 16 Kan 2024
Anonim
Tricks of the Masters and Secret DEVICES !! 35 best ideas for 2020!
Video: Tricks of the Masters and Secret DEVICES !! 35 best ideas for 2020!

Innhold

I denne artikkelen: Sett inn en linje i HTML 4.01Sett inn en linje ved hjelp av en CSS-fil og HTML5Referanser

Du kan bruke en horisontal linje for å avgrense innholdet på nettstedet ditt. Koden for å vise en linje er veldig enkel. Hvis du imidlertid kan endre stilene på linjen din direkte i koden med HTML 4.01, er det ikke det samme med HTML5. For sistnevnte må du bruke CSS-komponentene for å endre stilene.


stadier

Metode 1 Sett inn en linje i HTML 4.01



  1. Lag et nytt dokument. Åpne eller opprette et nytt HTML-dokument. HTML-dokumenter kan redigeres ved hjelp av en e-editor som Notisblokk. Du kan også bruke en kodeditor som Adobe Dreamweaver. Følg disse trinnene for å åpne et HTML-dokument i det valgte programmet:
    • åpen Notisblokk eller en utgiver av e eller kode etter eget valg;
    • klikk på fil ;
    • klikk på åpen ;
    • velg en HTML-fil;
    • klikk på åpen.


  2. Sett inn linjen. Velg hvor du vil sette inn linjen. Bla nedover til du finner kodelinjen over som du vil sette inn linjen din. Klikk så helt til venstre på linjen for å plassere markøren rett på begynnelsen av linjen.



  3. La det være en plass. Dobbelt trykk oppføring for å flytte e ned til linjen over som du vil plassere den horisontale linjen. Deretter plasserer du markøren øverst på plassen du nettopp opprettet.


  4. Legg til taggen
    .
    typen
    før begynnelsen av linjen. Taggen
    brukes til å lage en horisontal linje på tvers av siden.


  5. Gå til linjen. Flytt linjen foran taggen hr på en ny linje. Trykk på for å gjøre dette oppføring. Altså, taggen
    skal isoleres på sin egen linje.



  6. Legg til attributter. Du kan (hvis du ønsker) legge til attributter til den horisontale linjen, for eksempel lengde, bredde, farge og justeringsattributter. Bruk følgende koder etter taggen hr inni sperrene. Du kan legge til mer enn ett attributt i en chevron ved å skille dem med et mellomrom.
    • typen
      for å endre tykkelsen på linjen. Bytt ut # med ønsket verdi for tykkelsen (eksempel: størrelse = "10").
    • typen
      for å endre bredden på linjen. Erstatt # med antall piksler for bredden eller prosentdelen av bredden på siden (eksempel: bredde = "200" eller bredde = "75%").
    • typen
      for å endre fargen på linjen. Erstatt # med et fargenavn eller heksadesimal kode (eksempel: farge = "rød" eller farge = "# FF0000")
    • typen
      for å styre linjens justering. Bytt ut # med "høyre", "venstre" eller "sentrum" (eksempel:
      ).


  7. Lagre HTML-filen. For å lagre en e-fil som et HTML-dokument, må du erstatte filtypen (.txt, .docx) av .html. Følg disse trinnene for å lagre HTML-dokumentet:
    • Klikk på menyen fil ;
    • velg Lagre som ... ;
    • legg inn et navn på filen ved siden av Filnavn ;
    • typen .html etter filnavnet
    • klikk på posten.


  8. Test koden. For å teste HTML-filen din, høyreklikk på filen og velg Åpent med. Velg deretter en nettleser. En linje skal vises der du plasserte koden hr. HMTL-koden din skal se slik ut:

    Dette er en tittel


    Dette er et avsnitt atskilt fra tittelen med en horisontal linje.

Metode 2 Sett inn en rad ved hjelp av en CSS-fil og HTML5



  1. Lag et nytt dokument. Åpne eller opprette et nytt HTML-dokument. HTML-dokumenter kan redigeres ved hjelp av en e-editor som Notisblokk. Du kan også bruke en kodeditor som Adobe Dreamweaver. Følg disse trinnene for å åpne et HTML-dokument i det valgte programmet:
    • åpen Notisblokk eller en utgiver av e eller kode etter eget valg;
    • klikk på fil ;
    • klikk på åpen ;
    • velg en HTML-fil;
    • klikk på åpen.


  2. Legg til taggen hodet. Hvis HTML-filen ikke har en del ennå hodet, følg trinnene nedenfor for å legge den til. Delen hodet er mellom taggene og .
    • typen øverst i dokumentet.
    • Dobbelt trykk oppføring for å legge til to nye linjer.
    • typen å lukke spillet hodet.


  3. typen

    Dette er en tittel


    Dette er et avsnitt atskilt med en horisontal linje