Cum se adaugă o linie orizontală în html

DIN Acest Articol Veţi învăţa cum să adăugaţi o linie orizontală în html. Linia orizontală poate fintilizată pentru a împărţi conţinutul PE stranice. Codul pentrurea Unei linii linii este destul de Simtu. Cu toide acesea, html 4.01 Puteţi Schimba Designil Liniei Utilizând Comenzi Internet. Html5 pentru stia linia va trebui să utizoze CSS.

Pasi

Metoda 1 DIN 2:

Lucraţi în html 4.01

un. Deschideţi existenţa sau creaţi un ne dokument html. Documentel html pot odrediti înttr-Ureditelj de Tekst, sperma ar ar-ar fi "Notepad" sau înttr-Ureditelj de Cod Spencilization, cum ar fi adobe Dreamweaver. Urmaţi aceşti pasi pentru deschide UN dokument html în programu odaberite:

Deschideţi un notepad sau alt urednik de Text / Editor de Coduri.
Deschideţi Meniul Fişier.
Klic Deschis.
SelectorAţi Fişierul HTML.
Klic Deschis

2. Alegeţi o locaţie în skrb doriţi să uvođenje linie. Derulaţi în Jos Până Când Găsiţi Un şir Ple Care Ar Trebui să Apartă Linia şi Apoi Să Mutaţi Cursorul Direct La îcepetul Acestei Linii Făcâd Clic PE stânga sa ekstremni.

3. Adăugaţi Un şir gol. Deuă ori liceţi Clic pe ↵ uvođenje PENNT-a COBOR "TEXTUL PE Care Trebuie să l uvoðaj liniju, apoi plasaţi cursorul PE Şirul gol.

4. Adaugă etichetă
. Predstaviti înttr-Un loc gol la începulul liniei. Etichetă
Vă ostavlja să tableţi o linie orizontală prin întreaga pagină.

Cinci. Deplasaţi cursorul după eticheta "hr" la unlish Nou Făcând Clic PE ↵ uvođenje. Acum etichetă
Trebuie să fie într-o linie separată.

6. Adăugaţi atribute La Linia orizontală (Opţional). Adăugaţi atribute sperma ar ar-lungimea, Grosimea, Culoarea şi alinierea. Închideţi-le în palanteze skrbbat imediat după "hr". Pentru a Adăuga Mai Multi Atribute, îpărţărţiţi-Le de UN.

Predstaviti , Pentru schimba Grosimea Liniei. Înlocuiţi Grosimea numerică "#" (de Exemplu, dimesiunea ="10").

Predstaviti , Pentru schimba Lăţimea Liniei. Înlocuiţi "#" de numărul de pixeli sau Procentaj Din Lămea Paginii (Deemplu, Lăţimea ="200" Sau lăţime ="75%").

Predstaviti , Pentru schimba linia de culoare. Înlocuiţi "#" Cu numele culorii sau codul său heksazecimal (de Exemplu, Culoarea ="Roşu" Sau culoare ="# FF0000").

Predstaviti , Pentru a alinia liniju. Înlocuiţi "#" la "Dreapta" (PE Marginea Dreaptă), "Stânga" (PE Marginea Din Stâng) sau "Centru" (centrat) (de Exemplu, ).

7. Salvaţi Fişierul HTML. Pentru Salva Fivierul Text CA dokument HTML, Trebuie să Modificaţi Extensia de Fişier (.Txt, .Docx) na ".Html ». Urmaţi aceşti pasi pentru u Salva Documentul HTML:

Deschideţi Meniul Fişier.

Klic Salvează ca.

CONVERTESI NUMELE FIŞEIERULUI îN Câmpul "Nume Fişier".

Adăuga .HTML După numele fişierului.

Klic Salva.

Odlučiti. Verificaţi Documentul HTML. Pentrui verifierul HTML, Faceţi Clic Dreapta PE Acesta şi SelecleAţi "Deschideţi cu". Apoi SelectAţi preglednik preglednika. În Cazul în Care Aţi Predstavnici Eticheta "HR", Ar Trebui să apoă o linie solidă. Codul html va aşa ceva:

Dimensiunea antetului ="6" Lăţime ="Cincezeci%" poravnati ="Stâng" Culoare ="Verde">Acest şir trebuie să fie separat de antetul liniei.

Metoda 2 DIN 2:

Lucraţi în css / html5

un. Deschideţi existenţa sau creaţi un ne dokument html. DocumenteL html pot odrediti înttr-un urednik de Tekst, cum ar ar ar Ar urednik de Cod specializat, cum ar fi adobe Dreamweaver. Urmaţi aceşti pasi pentru deschide UN dokument html în programu odaberite:

Deschideţi un notepad sau alt urednik de Text / Editor de Coduri.
Deschideţi Meniul Fişier.
Klic Deschis.
SelectorAţi Fişierul HTML.
Klic Deschis

2. Adăugaţi un titlu la dokumental html. Dacă nu postoji antet în Documental html, Urmaţi aceşti paşi pentru ao adăuga. Titlul Trebuie să Meargă După etichetă Şi în faţa etichetei .

Predstaviti Na Ateiju de Sus Doculului.

Deuă ori liceţi Clic pe ↵ uvođenje pentru a adăuga două linii noi.

Predstaviti , Pentru a închide titlul.

3. Predstaviti În internirul antetului. Eticheta "Stil" Este Plasată între două Etichete de Antet Pentru A CREA UN LOC Odnete Designil Html Poate Fi Modifikat Utilizâd CODUL CSS.

Modalităţi Alternativni PE Care Le Puteţi Utiliza o tablă de foi de stil. Citeşte articolul ""Cum se uvesti fixer css în html"", Pentru a afla cum să concectaţi Un fişier css extern cu fişier html.

4. Predstaviti Hr {.Acaara este o etichetă css pentru stia o linie orizontală. Adăugaţi-o după eticheta "stil" Din Antet sau în Fişierul CSS Extern.

Cinci. Adăugaţi stiluri css pentru etichetă
.Ei Trebuie să Meargă după eticheta "hr {".Linia orizontală poate fi smisao în mai Multi Moduri. Mai Jos Sunt Unele Dintre Ele.

Predstaviti Lăţime: ## PX-, Pentru afigura Lăţimea Liniei. Înlocuiţi lăţimea valorii "##" îxixeli. În Loc de Pixeli (PX), Puteţi Utiliza Procentaj (%).

Predstaviti Înălţime: ## px-, Pentru a seta Grosimea Liniei. Înlocuiţi "##" Grosimea liniei îxeli.

Predstaviti Culoare de fundal: ##-, Pentru a specific culoarea liniei. Înlocuiţi "##" după numele culorii sau Grila (#), DUPă Care VA Spoji Codul de Culoare Hexazecimal.

Predstaviti Marginea-Dreapta: ## PX-, Pentru a specifista numărul de pixeli de la marginea dremeapă. Înlocuiţi "##" de UN număr de pixeli sau codul "auto". Uvoditeţi "Auto" pentru a alinia linia de pe marginea din stânga sau în centru.

Predstaviti Margin-Stâng: ## PX-, Pentru a specifica numărul de pixeli de la marginea din stânga. Înlocuiţi "##" de UN număr de pixeli sau codul "auto".Uvoditeţi "Auto" pentru a alinia linia de pe roaptă sau în centru.

Predstaviti Margin-top: ## px- , Pentru a specifica linia des a liniei. Înlocuiţi "##" de numărul corspunzător Lăţimii liniei în pixeli.

Predstaviti Margin-fond: ## px-, Pentru a specifica linia din bujica inferioară. Înlocuiţi "##" de numărul corspunzător Lăţimii liniei în pixeli.

Predstaviti Lăţimea Frontierei: ## PX-, Pentru desena cadleul în Jurul Liniei (Opţional). Înlocuiţi "##" de numărul corspunzător Grosimii cadlarUi în pixeli.

Predstaviti Culoaarea Frontierei: ##-, Pentru a specific culoarea šarului (Opţional). Înlocuiţi "##" după numele culorii sau Grila (#), DUPă Care VA Spoji Codul de Culoare Hexazecimal.

6. Predstaviti } După atributele de stil pentru a finaza setarea stilului pentrui etichetă
.

7. Predstaviti Oriunde în corpul dokumentalui html pentru a adăuga o linie orizontală. Setările Stilului CSS Vor Fi Aplikat DUPă FICARE UTILIZARE A Etichetei

În Documentul HTML.Codul dvs. Ar Trebui să arate aproximativ după cum urmează:

 Tip ="Tekst / CSS"> HR {Lăţime: 50% - greutat: 20px-fundal-culooare: margine roşie-dreapta: auto-margine-stâng: auto-margine-top: 5px-margine-fond: 5px-Lăţime de Frontieră: 2px-Frontieră- culooare : Zeleno-}Titlu
Acest şir trebuie să fie separat de antetul liniei orizontale