Een horizontale lijn in HTML maken

Schrijver: Roger Morrison
Datum Van Creatie: 20 September 2021
Updatedatum: 6 December 2024
Anonim
HTML Tutorial 27 - HTML hr tag | HTML horizontal line tag
Video: HTML Tutorial 27 - HTML hr tag | HTML horizontal line tag

Inhoud

Met horizontale lijnen kan de webeditor paginagebieden scheiden in kleinere, meer verteerbare secties, waardoor de gebruiker wordt gericht op wat wordt gepresenteerd. In tegenstelling tot de onderstrepingstag , de horizontale lijn is niet gekoppeld aan de tekst erboven of eronder. Het kan ook naar links, rechts of in het midden worden geplaatst en kan elke kleur, dikte of hoogte hebben die de editor kiest. In deze zelfstudie leert u een bruine, dikke, links uitgelijnde horizontale lijn te maken die de hoofdtitel scheidt van de hoofdtekst van het document, die leeg is.


routebeschrijving

Schermopname van een complete webpagina (Alle afbeeldingen zijn schermafbeeldingen gemaakt door Eric Tilden)
  1. Voer het volgende in tussen de tags> zoals weergegeven:

    Mijn document

    Stel een koptekst in voor uw document, met behulp van de tags

    . Deze tag vertelt de zoekmachines dat de woorden tussen hen de belangrijkste zijn van de pagina. Deze kop is de titel van de webpagina en geeft betekenis aan het gebruik van een horizontale lijn.

    Stap 1
  2. Voer de tag voor de horizontale regel in zoals afgebeeld:


    De horizontale-regeltag heeft geen laatste tag. Neem een ​​spatie en een schuine streep op voor het hoofdsignaal.


    Stap 2
  3. Voeg het kenmerk "align" toe en stel het in op "left", zoals aangegeven:


    Stap 3
  4. Voeg het kenmerk "size" toe en stel dit in op "4", zoals weergegeven:


    Het kenmerk "grootte" bepaalt hoe dik de lijn is, in pixels.

    Stap 4
  5. Voeg het kenmerk "width" toe en stel dit in op "370", zoals aangegeven:


    De waarde van het kenmerk 'width' bepaalt hoe lang de regel is, in pixels.

    Stap 5
  6. Voeg het "color" -attribuut toe aan de horizontale lijn en zet dit op "kastanjebruin" zoals afgebeeld:



    De kleur van deze tag kan worden ingesteld op elke standaard- of hexadecimale kleur die u kiest. De hexadecimale kleur moet worden voorafgegaan door een "#" -teken.

    Stap 6
  7. Sla het document op en stuur het naar uw server. Open uw browser en zoek de pagina. Het moet de horizontale bruine lijn onder de titel van het document hebben.

    Website klaar

waarschuwing

  • De tag
    is verouderd en W3Schools moedigt het gebruik van aangepaste afbeeldingen met één pixel aan, door gebruik te maken van instructies voor stijlpagina's om de lijnen te verlengen of te verhogen tot de gewenste grootte.

Wat je nodig hebt

  • Teksteditor, zoals Bron bewerken (zie bronnen)
  • Software voor het verzenden van documenten, zoals FileZilla (zie bronnen)
  • Ruimte op een server