Oprettelse af en vandret linie i HTML

Forfatter: Roger Morrison
Oprettelsesdato: 20 September 2021
Opdateringsdato: 5 September 2024
Anonim
HTML Tutorial 27 - HTML hr tag | HTML horizontal line tag
Video.: HTML Tutorial 27 - HTML hr tag | HTML horizontal line tag

Indhold

Horisontale linjer gør det muligt for webredaktøren at adskille sideområder i mindre mere fordøjelige sektioner, hvorved brugeren rettes mod at fokusere på, hvad der præsenteres. I modsætning til understregningstegnet , den vandrette linje er ikke knyttet til teksten over eller under den. Den kan også placeres til venstre, højre eller midten og kan være hvilken som helst farve, tykkelse eller højde, som redaktøren vælger. Denne vejledning lærer dig at oprette en brun, tykk, venstreorienteret vandret linje, der adskiller hovedtitel fra dokumentets krop, hvilket er tomt.


retninger

Skærmbillede af en komplet webside (Alle billeder er skærmbilleder lavet af Eric Tilden)

  1. Indtast følgende mellem tags> som vist:

    Mit dokument

    Indstil en header for dit dokument ved hjælp af tags

    . Dette tag fortæller søgemaskinerne, at ordene mellem dem er de vigtigste af siden. Denne overskrift vil blive titlen på websiden, hvilket giver mening om brugen af ​​en vandret linje.

    Trin 1

  2. Indtast det vandrette linjelag som vist:

    Den vandrette linjemarkør har ikke et endelige tag. Inkluder et mellemrum og et skråstreg før hovedsignalet.

    Trin 2

  3. Tilføj attributten "align" og sæt den til "left" som angivet:


    Trin 3

  4. Tilføj attributten "størrelse" og sæt den til "4" som vist:

    Attributtet "størrelse" bestemmer, hvor tyk linjen er, i pixels.

    Trin 4

  5. Tilføj attributten "bredde" og sæt den til "370" som angivet:

    Værdien af ​​attributten "bredde" bestemmer, hvor lang linjen er, i pixels.

    Trin 5

  6. Tilføj attributten "farve" til den vandrette linje og sæt den til "maroon" som vist:

    Farven på dette mærke kan indstilles til enhver standard eller hexadecimal farve, du vælger. Den hexadecimale farve skal foregå med et "#" tegn.


    Trin 6

  7. Gem dokumentet og send det til din server. Åbn din browser og find siden. Den skal have den vandrette brune linje under dokumentets titel.

    Website klar

advarsel

  • Tagget
    er forældet, og W3Schools opfordrer til brug af modificerede enkeltbilledbilleder, ved hjælp af stilarkinstruktioner til at forlænge eller hæve linjerne til den ønskede størrelse.

Hvad du har brug for

  • Teksteditor, som f.eks. Kilde Rediger (se Ressourcer)
  • Software til afsendelse af dokumenter, f.eks. FileZilla (se Ressourcer)
  • Plads på en server