Skep 'n horisontale lyn in html

Hierdie handleiding sal jou leer hoe om `n horisontale lyn in HTML te skep. ’n Horisontale lyn kan gebruik word om inhoud op jou webwerf te skei. Die kode vir die skep van `n reël is redelik eenvoudig. Jy kan inlyn-kode in HTML 4 byvoeg.01 om jou lyn te vorm. In HTML5 gebruik jy CSS om jou lyn te vorm.

Trappe

Metode 1 van 2: HTML 4.01

Beeld getiteld 658928 1 1
1. Maak `n nuwe HTML-dokument oop of skep. HTML-dokumente kan met `n teksredigeerder soos Notepad geredigeer word. Jy kan ook `n koderedigeerder soos Adobe Dreamweaver gebruik. Gebruik die volgende stappe om `n HTML-dokument oop te maak in die program van jou keuse:
  • Maak Notepad of enige teksredigeerder/koderedigeerder van jou keuse oop.
  • Klik op die spyskaart lêer.
  • klik op Om oop te maak.
  • Kies `n HTML-lêer.
  • klik op Om oop te maak.
Beeld getiteld 658928 2 1
2. Kies die punt waar jy die lyn wil invoeg. Blaai af na die lyn waarbo jy die reël wil invoeg, klik dan heel links van die reël om die wyser direk voor die begin van die reël te plaas.
Beeld getiteld 658928 3 1
3. Skep `n leë spasie. Druk twee keer ↵ Enter om die teks af te beweeg waarbo jy die reël wil invoer, en beweeg die wyser na die leë spasie.
Beeld getiteld 658928 4 1
4. voeg die merker by " tipe in die spasie voor die begin van die lyn. die merker skep `n horisontale lyn oor die hele bladsy.
Beeld getiteld 658928 5 1
5. Skuif die reël vir die `hr`-merker na `n nuwe reël. Druk ↵ Tik om dit te doen. Op hierdie punt moet die merker staan ​​op jou eie lyn.
Beeld getiteld 658928 6 1
6. Voeg eienskappe by die horisontale lyn (opsioneel). Jy kan eienskappe by `n horisontale lyn voeg, soos lengte, breedte, kleur en belyning. Gebruik die volgende kodes na `hr` in die kodehakies. Jy kan meer as een kenmerk byvoeg deur hulle met `n spasie te skei.
  • tipe
    om die dikte van die lyn te verander. Vervang # met die dikte (bv. grootte ="10").
  • tipe
    om die breedte van die lyn te verander.Vervang # met die breedte in pixels, of die persentasie van die bladsywydte (bv. breedte ="200", of breedte="75%").
  • tipe
    om die kleur van die lyn te verander. Vervang # met die naam van die kleur of `n heksadesimale kode (bv. kleur="rooi" of kleur="#FF0000")
  • tipe
    om die lyn in lyn te bring.Vervang met "reg", "links" of "sentrum" (bv.
    ).
    Beeld getiteld 658928 7 1
    7. Stoor jou HTML-lêer. Om `n tekslêer as `n HTML-dokument te stoor, moet jy die lêeruitbreiding (.txt of .docx) vervang met `.html`. Volg hierdie stappe om jou HTML-dokument te stoor:
  • Klik op die spyskaart lêer.
  • klik op Stoor as.
  • Tik `n naam vir die lêer, langsaan "`Lêernaam`".
  • tipe .html aan die einde van die lêernaam.
  • klik op Stoor.
    Prent getiteld 658928 8 1
    8. Toets jou HTML. As jy jou HTML-lêer wil toets, regskliek op die lêer en kies Maak oop met. Kies dan `n webblaaier. `n Soliede lyn moet verskyn waar jy die `HR`-etiket geplaas het. Die HTML-kode lyk iets soos volg:

    Metode 2 van 2: CSS/HTML5

    Beeld getiteld 658928 9 1
    1. Maak `n nuwe HTML-dokument oop of skep. HTML-dokumente kan met `n teksredigeerder soos Notepad geredigeer word. Jy kan ook `n koderedigeerder soos Adobe Dreamweaver gebruik. Volg hierdie stappe om `n HTML-dokument oop te maak in die program van jou keuse:
  • Maak Notepad oop, of enige ander teksredigeerder/koderedigeerder van jou keuse.
  • Klik op die spyskaart lêer.
  • klik op Om oop te maak.
  • Kies `n HTML-lêer.
  • klik op Om oop te maak
  • Prent getiteld 658928 10 1
    2. Voeg `n opskrif by jou HTML-dokument. As jou HTML-dokument nie reeds `n opskrif het nie, gebruik die volgende stappe om `n opskrif by te voeg. Die opskrif kom na die "
  • tipe aan die bokant van die dokument.
  • Druk twee keer ↵ Tik om twee nuwe reëls by te voeg.
  • tipe om die kop toe te maak.
    Beeld getiteld 658928 11 1
    3. tipe in die beker.Die formateringmerker kom tussen die twee kopmerkers.Dit sal jou `n plek gee om CSS-kode in te voer om jou HTML te formateer.
  • Jy kan ook `n eksterne stylblad gebruik. lees "Hoe om `n CSS-lêer by HTML te voeg" om meer te wete te kom oor die koppeling van `n eksterne CSS-lêer aan jou HTML-lêer.
    Beeld getiteld 658928 12 1
  • 4. tipe hr {.Dit is die CSS-merker vir die formatering van jou horisontale lyn.Plaas dit na die stylmerker in die kopafdeling, of in jou eksterne CSS-lêer.
    Beeld getiteld 658928 13 1
    5. Voeg CSS-style by jou "Jy plaas dit agter die merker "hr {".Daar is baie maniere om `n horisontale lyn te formateer.Hier volg `n paar voorbeelde.
  • tipe breedte: ##px; om die breedte te stel. Vervang ## met die breedte van die lyn in aantal pixels. Jy kan ook `n persentasie (%) in plaas van pixels (px) spesifiseer.
  • tipe hoogte: ##px; om die dikte van die lyn aan te dui. Vervang ## met die aantal pixels wat die lyn dik moet wees.
  • tipe agtergrondkleur: ##; om die kleur van die lyn aan te dui. Vervang ## met die naam van die kleur, of met `n hash (#) gevolg deur `n heksadesimale kleurkode.
  • tipe kantlyn-regs: ##px; om die aantal pixels van regs aan te dui.Vervang ## met die aantal pixels of "voertuig".tipe "voertuig" om die lyn na links in lyn te bring of te sentreer.
  • tipe kantlyn-links: ##px; om die aantal pixels vanaf die linkerrand aan te dui.Vervang ## met die aantal pixels of "voertuig".tipe "voertuig" om die lyn regs te belyn of te sentreer.
  • tipe kantlyn bo: ##px; om `n boonste kantlyn vir die lyn te spesifiseer. Vervang ## met die lyndikte in pixels.
  • Tik kantlyn onder: ##px; om `n onderste kantlyn vir die lyn te spesifiseer. Vervang ## met die lyndikte in pixels.
  • tipe grenswydte: ##px; om `n rand om die lyn te skep (opsioneel). Vervang ## met randdikte in pixels.
  • tipe grens-kleur: ##; om die kleur van die rand rondom die lyn aan te dui (opsioneel).Vervang ## met die naam van die kleur, of `n hash (#) gevolg deur `n heksadesimale kleurkode.
    Beeld getiteld 658928 14 1
  • 6. tipe } na stylinstellings. Maak die stylinstellings vir die
    Beeld getiteld 658928 15 1
    7. tipe enige plek in die liggaam van jou HTML-dokument.Voeg `n horisontale lyn by jou HTML-dokument.Jou CSS-stylinstellings is van toepassing wanneer jy die

    Оцените, пожалуйста статью