Hoe een regel in HTML in te voegen

Posted on
Schrijver: Laura McKinney
Datum Van Creatie: 8 April 2021
Updatedatum: 16 Kunnen 2024
Anonim
How To Add Horizontal Line In HTML -  html Coding Horizontal Line  |  HTML tutorials Tags| Lecture 4
Video: How To Add Horizontal Line In HTML - html Coding Horizontal Line | HTML tutorials Tags| Lecture 4

Inhoud

In dit artikel: Voeg een regel in HTML 4.01Plaats een regel in met behulp van een CSS-bestand en HTML5References

U kunt een horizontale lijn gebruiken om de inhoud van uw website af te bakenen. De code om een ​​regel weer te geven is heel eenvoudig. Als u de stijlen van uw lijn echter rechtstreeks in de code kunt wijzigen met HTML 4.01, is dit niet hetzelfde met HTML5. Voor dat laatste moet u de CSS-componenten gebruiken om de stijlen te wijzigen.


stadia

Methode 1 Voeg een regel in HTML 4.01 in



  1. Maak een nieuw document. Open of maak een nieuw HTML-document. HTML-documenten kunnen worden bewerkt met behulp van een e-editor zoals blocnote. U kunt ook een code-editor zoals gebruiken Adobe Dreamweaver. Volg deze stappen om een ​​HTML-document te openen in het programma van uw keuze:
    • open blocnote of een uitgever van e of code van uw keuze;
    • klik op file ;
    • klik op Openen ;
    • selecteer een HTML-bestand;
    • klik op Openen.


  2. Voer de regel in. Selecteer waar u de lijn wilt invoegen. Blader omlaag totdat u de coderegel vindt waarboven u uw regel wilt invoegen. Klik vervolgens uiterst links op de regel om uw cursor aan het begin van de regel te plaatsen.



  3. Laat een spatie vrij. Dubbeltik binnenkomst om de e naar beneden te verplaatsen naar de lijn waarboven je je horizontale lijn wilt plaatsen. Plaats daarna uw cursor bovenaan de ruimte die u zojuist hebt gemaakt.


  4. Voeg de tag toe
    .
    type
    voor het begin van de regel. De tag
    wordt gebruikt om een ​​horizontale lijn over de pagina te maken.


  5. Ga naar de lijn. Verplaats de lijn voor de tag hr op een nieuwe regel. Druk hiervoor op binnenkomst. Dus, de tag
    moet worden geïsoleerd op zijn eigen lijn.



  6. Voeg attributen toe. U kunt (als u dat wilt) attributen aan uw horizontale lijn toevoegen, zoals lengte-, breedte-, kleur- en uitlijningsattributen. Gebruik de volgende codes na de tag hr in de spanten. U kunt meer dan één attribuut in een chevron toevoegen door ze te scheiden met een spatie.
    • type
      om de dikte van de lijn te wijzigen. Vervang # door de gewenste waarde voor de dikte (voorbeeld: grootte = "10").
    • type
      om de breedte van de lijn te wijzigen. Vervang # door het aantal pixels voor de breedte of het percentage van de breedte van de pagina (bijvoorbeeld: width = "200" of width = "75%").
    • type
      om de kleur van de lijn te veranderen. Vervang # door een kleurnaam of hexadecimale code (voorbeeld: color = "red" of color = "# FF0000")
    • type
      om de uitlijning van de lijn te beheren. Vervang # door "rechts", "links" of "midden" (voorbeeld:
      ).


  7. Sla uw HTML-bestand op. Als u een e-bestand als HTML-document wilt opslaan, moet u de bestandsextensie vervangen (.txt, .docx) door .html. Volg deze stappen om uw HTML-document op te slaan:
    • klik op het menu file ;
    • kiezen Opslaan als ... ;
    • voer een naam in voor het bestand, naast Bestandsnaam ;
    • type .html achter de bestandsnaam
    • klik op Opnemen.


  8. Test uw code. Om uw HTML-bestand te testen, klikt u met de rechtermuisknop op het bestand en selecteert u Openen met. Selecteer vervolgens een internetbrowser. Er moet een regel verschijnen waar u de tag hebt geplaatst hr. Uw HMTL-code zou er als volgt uit moeten zien:

    Dit is een titel


    Dit is een paragraaf gescheiden van de titel door een horizontale lijn.

Methode 2 Voeg een rij in met een CSS-bestand en HTML5



  1. Maak een nieuw document. Open of maak een nieuw HTML-document. HTML-documenten kunnen worden bewerkt met behulp van een e-editor zoals blocnote. U kunt ook een code-editor zoals gebruiken Adobe Dreamweaver. Volg deze stappen om een ​​HTML-document te openen in het programma van uw keuze:
    • open blocnote of een uitgever van e of code van uw keuze;
    • klik op file ;
    • klik op Openen ;
    • selecteer een HTML-bestand;
    • klik op Openen.


  2. Voeg de tag toe hoofd. Als uw HTML-bestand nog geen onderdeel heeft hoofd, volg de onderstaande stappen om het toe te voegen. Het onderdeel hoofd staat tussen de tags en .
    • type boven aan uw document.
    • Dubbeltik binnenkomst om twee nieuwe regels toe te voegen.
    • type om het spel te sluiten hoofd.


  3. type

    Dit is een titel


    Dit is een alinea gescheiden door een horizontale lijn