Inhalt

• Schrëtt
• Method 1 vun 2: Schaffen an HTML 4.01
• Method 2 vun 2: Schaffen an CSS / HTML5

Dësen Artikel weist Iech wéi Dir eng horizontal Linn an HTML kënnt addéieren. D'horizontal Linn kann benotzt gi fir Inhalt um Site ze trennen. De Code fir d'Linn ze kreéieren ass zimmlech einfach. Wéi och ëmmer, an HTML 4.01 ass et méiglech den Design vun enger Linn mat interne Kommandoen z'änneren. An HTML5 musst Dir CSS benotze fir d'Linn ze styléieren.

Schrëtt

Method 1 vun 2: Schaffen an HTML 4.01

1. 1 Maacht en existent op oder erstellt en neit HTML Dokument. HTML Dokumenter kënne mat engem Texteditor wéi Notepad oder engem spezialiséierte Code Editor wéi Adobe Dreamweaver geännert ginn. Follegt dës Schrëtt fir en HTML Dokument am Programm vun Ärer Wiel opzemaachen:
   • Open Notepad oder en aneren Text / Code Editor.
   • Öffnen de Menü Datei.
   • Klickt op Open.
   • Wielt d'HTML Datei.
   • Klickt op Open
2. 2 Wielt d'Plaz wou Dir d'Linn wëllt aginn. Scrollt erof bis Dir d'Linn uewendriwwer fannt, wou d'Linn soll optrieden, a réckelt dann de Mauszeiger direkt op den Ufank vun där Zeil andeems Dir ganz lénks vun där Linn klickt.
3. 3 Füügt eng eidel Linn derbäi. Duebel tap ↵ Gitt anfir den Text erof ze plënneren ier Dir eng Zeil wëllt aginn, an dann de Cursor op eng eidel Linn plazéieren.
4. 4 Fügt hr> Tag derbäi. Gitt an hr> an op den eidele Raum am Ufank vun der Linn. Tag hr> an erlaabt Iech eng horizontal Linn iwwer déi ganz Säit ze zéien.
5. 5 Beweegt de Cursor nom "hr" Tag op eng nei Linn andeems Dir dréckt ↵ Gitt an. Elo den Tag hr> an soll op enger separater Linn sinn.
6. 6 Füügt Attributer op déi horizontal Linn (fakultativ). Füügt Attributer derbäi wéi Längt, Déck, Faarf an Ausrichtung. Fëllt se a krullend Klammern direkt no der "hr" zou. Fir méi Attributer derbäisetzen, trennt se mat engem Raum.
   • Gitt an hr Gréisst = "#">fir d'Dicke vun der Linn z'änneren. Ersetzen "#" mat engem numeresche Dickewäert (zum Beispill Gréisst = "10").
   • Gitt an hr Breet = "#">fir d'Linnebreet z'änneren. Ersetzen "#" mat der Unzuel vu Pixel oder engem Prozentsaz vun der Säitebreet (zum Beispill Breet = "200" oder Breet = "75%").
   • Gitt an hr Faarf = "#">fir d'Linnefaarf z'änneren. Ersetzen "#" mam Numm vun der Faarf oder sengem hexadecimalen Code (zum Beispill Faarf = "rout" oder Faarf = "# FF0000").
   • Gitt an hr align = "#">fir d'Linn auszedrécken. Ersetzen "#" mat "riets" (riets), "lénks" (lénks) oder "Zentrum" (Zentrum) (zum Beispill, hr Breet = "50%" align = "Zentrum">).
7. 7 Späichert d'HTML Datei. Fir eng Textdatei als HTML Dokument ze späicheren, musst Dir d'Dateiextensioun (.txt, .docx) op ".html" änneren. Follegt dës Schrëtt fir Äert HTML Dokument ze späicheren:
   • Öffnen de Menü Datei.
   • Klickt op Späicheren als.
   • Gitt e Numm fir d'Datei am Feld Dateinumm an.
   • Dobäizemaachen .html nom Dateinumm.
   • Klickt op Späicheren.
8. 8 Préift Äert HTML Dokument. Fir d'HTML Datei z'iwwerpréiwen, klickt mat der rietser Maus a wielt Open With. Wielt dann Äre Webbrowser. Eng zolidd Linn soll erschéngen wou Dir den "hr" Tag aginn hutt. Den HTML Code gesäit sou aus:

   ! DOCTYPE html> html> body> h1> Heading / h1> hr size = "6" width = "50%" align = "left" color = "green"> p1> Dës Linn soll vun der Rubrik vun enger Linn getrennt sinn . / P1> / body> / html>

Method 2 vun 2: Schaffen an CSS / HTML5

1. 1 Maacht en existent op oder erstellt en neit HTML Dokument. HTML Dokumenter kënne mat engem Texteditor wéi Notepad oder engem spezialiséierte Code Editor wéi Adobe Dreamweaver geännert ginn. Follegt dës Schrëtt fir en HTML Dokument am Programm vun Ärer Wiel opzemaachen:
   • Open Notepad oder en aneren Text / Code Editor.
   • Öffnen de Menü Datei.
   • Klickt op Open.
   • Wielt d'HTML Datei.
   • Klickt op Open
2. 2 Füügt en Tittel an Äert HTML Dokument. Wann Äert HTML Dokument net schonn eng Rubrik huet, befollegt dës Schrëtt fir eng derbäi ze ginn. D'Iwwerschrëft muss nom html> Tag a virum Body> Tag goen.
   • Gitt an Kapp> uewen am Dokument.
   • Duebel tap ↵ Gitt anfir zwou nei Linnen derbäisetzen.
   • Gitt an / Kapp>den Titel zou ze maachen.
3. 3 Gitt an style type = "text / css"> am Kappball. De Styl Tag gëtt tëscht den zwee Rubrik Tags placéiert fir eng Plaz ze kreéieren wou Dir CSS benotze kënnt fir den HTML Design z'änneren.
   • Alternativ kënnt Dir en externen Stylblatt benotzen. Liest den Artikel “Wéi eng CSS Datei an HTML anzeginn»Fir ze léieren wéi een eng extern CSS Datei mat enger HTML Datei verbënnt.
4. 4 Gitt an hr {. Dëst ass den CSS Tag fir d'horizontal Linn ze styléieren. Fügt et nom "Style" Tag an Ärem Header oder externer CSS Datei derbäi.
5. 5 Füügt CSS Stiler fir den hr> Tag. Si mussen nom Tag "hr {" kommen. Eng horizontal Linn kann op verschidde Manéiere gestylt ginn. Drënner sinn e puer vun hinnen.
   • Gitt an Breet: ## px;fir d'Linnebreet unzepassen. Ersetzen "##" mat der Linnebreet a Pixel. Amplaz vu Pixel (px) kënnt Dir e Prozentsaz (%) benotzen.
   • Gitt an Héicht: ## px;fir d'Linngewiicht unzepassen. Ersetzen "##" mat der Linnebreet a Pixel.
   • Gitt an Hannergrond-Faarf: ##;fir d'Linnefaarf ze spezifizéieren. Ersetzen "##" mat engem Faarfnumm oder Hash (#) gefollegt vun engem hexadecimalen Faarfcode.
   • Gitt an Rand-Recht: ## px;fir d'Zuel vun de Pixelen aus dem richtege Rand ze spezifizéieren. Ersetzen "##" mat enger numerescher Zuel vu Pixel oder mam Code "Auto". Gitt "Auto" an fir d'Linn op déi lénks oder Mëtt ze alignéieren.
   • Gitt an Rand-lénks: ## px;fir d'Zuel vun de Pixelen aus dem lénksen Rand ze spezifizéieren. Ersetzen "##" mat enger numerescher Zuel vu Pixel oder mam Code "Auto". Gitt "Auto" an fir d'Linn no riets oder am Zentrum ze alignéieren.
   • Gitt an Rand-Top: ## px; fir déi iewescht Polsterung fir d'Linn ze spezifizéieren. Ersetzen "##" mat enger Nummer déi dem Polsterung a Pixel entsprécht.
   • Gitt an Rand-Enn: ## px;fir déi ënnescht Polsterung fir d'Linn ze spezifizéieren. Ersetzen "##" mat enger Nummer déi dem Polsterung a Pixel entsprécht.
   • Gitt an Grenzbreedung: ## px;fir eng Këscht ronderëm d'Linn ze zéien (fakultativ). Ersetzen "##" mat enger Nummer déi der Breet vun der Grenz a Pixel entsprécht.
   • Gitt an Grenz-Faarf: ##;fir d'Grenzfaarf ze spezifizéieren (fakultativ). Ersetzen "##" mat engem Faarfnumm oder Hash (#) gefollegt vun engem hexadecimalen Faarfcode.
6. 6 Gitt an } nom Styl Attributer fir de Styling fir den hr> Tag ze kompletéieren.
7. 7 Gitt an hr> an iwwerall am Kierper vum HTML Dokument fir eng horizontal Linn derbäisetzen. D'CSS Stil Astellunge ginn all Kéier ugewannt wann Dir den hr> Tag an Ärem HTML Dokument benotzt. Äre Code soll sou ausgesinn:

   ! DOCTYPE html> html> head> style type = "text / css"> hr {Breet: 50%; Héicht: 20px; Hannergrondfaarf: rout; Rand-Recht: Auto; Rand-lénks: Auto; Rand uewen: 5px; Rand-ënnen: 5px; Grenzbreedung: 2px; Grenzfaarf: gréng; } / style> / head> body> h1> Rubrik / h1> hr> p1> Dës Linn soll vun der Rubrik getrennt sinn vun enger horizontaler Linn / p1> / body> / html>