Linja Css. Si të krijoni një vijë duke përdorur HTML dhe CSS. Linjat në CSS
Përshëndetje! Sot do t'ju tregoj se si të bëni një vijë horizontale duke përdorur html.
Në fakt, nevoja për të bërë një vijë horizontale ndodh mjaft shpesh, për shembull, kur duhet të ndash një pjesë të tekstit nga një tjetër.
Vijat horizontale dhe vertikale me css
Kjo mund të bëhet duke përdorur css. Për ta bërë këtë, unë bashkangjis zonën e kërkuar të tekstit në një bllok duke përdorur etiketën div, dhe pastaj në skedarin style.css ose direkt në kodin html, ne shkruajmë veti për këtë bllok për kufirin e sipërm ose të poshtëm duke përdorur kufirin nga lart dhe kufiri në fund. Ja një shembull:
Në këtë rast, vendosa stilimin me css direkt nga kodi HTML, dhe e bëra kufirin e sipërm një vijë të fortë dhe atë të poshtme një vijë të ndërprerë.
Kështu do të duket në faqe:
Vija horizontale duke përdorur css.
Kjo metodë ka përparësitë e saj:
- Një gamë e gjerë cilësimesh që ju lejojnë të vendosni pothuajse çdo lloj linje;
- Mund të krijoni linja horizontale dhe vertikale. Për të bërë vija vertikale, duhet të ndryshoni kufirin nga lart në kufirin majtas dhe kufirin në fund në kufirin djathtas.
Disavantazhet përfshijnë masivitetin relativ të kodit.
Sidoqoftë, siç doli, ju gjithashtu mund të futni një vijë horizontale në tekst duke përdorur html. Në të njëjtën kohë, nuk është as e nevojshme të hysh në CSS. Për ta bërë këtë, përdorni etiketën
.
Vija horizontale duke përdorur etiketën html
Karakteristika e parë e këtij etiketimi është se nuk ka një etiketë fundore që përputhet. Mund të përdoret kudo në kodin HTML midis etiketave
dhe.Kjo etiketë ka atributet e mëposhtme:
- Gjerësia - përcakton gjatësinë e vijës sonë horizontale në pixel ose përqindje;
- Ngjyrë - përcakton ngjyrën e vijës;
- Rreshto - vendos drejtimin e vijës në të djathtë - djathtas, në të majtë - majtas, në qendër - në qendër;
- Madhësia - gjerësia e linjës në pixel.
Këtu është një shembull i kodit HTML.
Do të dukej, pse mund t'ju duhen katër metoda? Mbi të gjitha, pothuajse çdo person përdor një metodë me të cilën është mësuar. Për shembull, unë shtypa tastin Shift dhe tastin "dash" disa herë, dhe kjo është rezultat i një vije horizontale.
Por, çka nëse kjo rezulton në një vijë me pika, por keni nevojë për një të ngurtë?
- Më shumë gjasa, butoni Shift në tastierë është i gabuar. Metoda të tjera do të vijnë në ndihmë këtu.
3.
4.
5.
Ndoshta mënyra më e zakonshme për të bërë një linjë në Word është të përdorni disa çelësa në tastierë.
Unë i hollë, i trashë, i dyfishtë, i ndërprerë nga tastiera
Më poshtë është një vizatim i një tastiere me një anglisht, por pa paraqitje ruse, por nuk ka rëndësi, sepse ne jemi të interesuar vetëm për tre çelësa: Shift, dash dhe Enter.
Figura: 1. Tre çelësa në tastierë: Shift, dash dhe Enter për një vijë horizontale të vazhdueshme në Word
Me këto tre çelësa, mund të vizatoni një vijë horizontale të vazhdueshme në Word: me pika ose të ngurta, të hollë ose të trashë, të gjatë ose të shkurtër.
1) Kur shtypni butonin "-" (vizë) disa herë në redaktuesin e Word, ne kemi një vijë me pika të çdo gjatësi.
Për të bërë i hollë një vijë e gjatë në të gjithë gjerësinë e plotë të faqes:
- Gjetim në tastierë tastin "dash" (në të djathtë të tastit "zero", në kornizën jeshile në Fig. 1).
- Me një rresht të ri (!) Në Word, shtypni këtë buton disa herë: -
- Dhe pastaj shtypni butonin "Enter" (). Disa viza të shtypura papritmas do të shndërrohen në një vijë të hollë të vazhdueshme, horizontale, në të gjithë gjerësinë e faqes.
2) Kur shtypen Shift dhe "-" (vizë) njëkohësisht, NUK shtypet një vizë, por nënvizohet _________. Kështu, ju mund të bëni një vijë të vazhdueshme me gjatësi arbitrare kudo në dokument.
Figura: 2. Vija horizontale e hollë dhe e trashë në Word
Tani ne shtypim i trashë një vijë horizontale në të gjithë gjerësinë e plotë të faqes:
- Përsëri gjejmë të njëjtin çelës "dash", si dhe butonin Shift (majtas ose djathtas, siç ju pëlqen). Shtypni Shift, mbajeni dhe mos e lëshoni.
- Dhe tani me një Linjë të re (!) Disa herë (për shembull, 3-4 herë) shtypni në vizë (ndërsa nuk lëshoni Shift): ___. Lëshoni Shift.
- Tani shtypni butonin Enter. Do të shihni një vijë të trashë horizontale të trashë.
Le të përmbledhim disa rezultate në formën e një tabele:
(Kliko për ta zmadhuar) Linjat në Word duke përdorur tastierën
Linja II në Word duke përdorur një tabelë
Një vijë horizontale mund të merret duke përdorur një tabelë të një qelize (1 × 1), në të cilën është ngjyrosur vetëm kufiri i sipërm ose i poshtëm (do të jetë i dukshëm), dhe tre anët e tjera të tabelës kanë kufij të pangjyrosur (ato do të jenë të padukshme).
Vendosim kursorin në vendin ku duhet të jetë vija. Në menunë e sipërme të Word, klikoni:
- Vendosni (1 në Fig. 3),
- Tabela (2 në Fig. 3),
- Një qelizë (3 në Fig. 3).
Figura: 3. Si të fusni një tryezë 1x1 në Word (nga një qelizë)
Rezultati do të jetë një tabelë e një qelize të madhe (1x1):
Mbetet në tabelën 1x1 për të hequr kufijtë nga tre anët. Për këtë
- shkoni në skedën "Home" (1 në Fig. 4),
- pastaj pranë "Font" gjejmë "Paragraf" dhe kufijtë (2 në Fig. 4),
- hiqni të gjitha kufijtë duke klikuar "Pa kufij" (3 në Fig. 4),
- zgjidhni "Kufiri i sipërm" ose "Kufiri i poshtëm" (4 në Fig. 4).
Figura: 4. Si të hiqni zgjedhjen e kufijve në tabelën Word (bëni kufijtë të padukshëm)
Unë e tregoj këtë qartë në video (në fund të artikullit).
Nga rruga, në fig. 3 tregon se ekziston një mënyrë më e lehtë. Mund ta vendosni kursorin në fillim të rreshtit në Word dhe të klikoni "Vija horizontale" (5 në fig. 4):
III Rreshti në Word me Vizatim
Fut (1 në Fig. 5) - Format (2 në Fig. 5) është një mënyrë tjetër për të marrë një vijë horizontale në Word.
Për ta mbajtur vijën në mënyrë rigoroze horizontale, mbani të shtypur tastin Shift dhe vizatoni vijën në të njëjtën kohë.
Figura: 5. Si të vizatoni një vijë në Word
Linja IV në Word duke përdorur tastierën në ekran
Për të gjetur tastierën në ekran, në Kërko, futni frazën "tastierë në ekran", më shumë për Windows 7 dhe për Windows 8.
Për Windows 10, gjithashtu mund të gjeni tastierën në ekran duke shtypur "tastierë në ekran" në shiritin e kërkimit.
Figura: 6. Tastiera në ekran
Ne do të krijojmë një vijë horizontale në të njëjtën mënyrë si në versionin e parë me një tastierë të rregullt. Në tastierën në ekran, ju duhen tre butona: vizë, Shift dhe Enter.
1 Dash dhe Hyni
Nga një rresht i ri në Word, klikoni disa herë në vizë (1 në Fig. 6) dhe shtypni Enter. Kjo do të krijojë një vijë të hollë horizontale.
2 Shift, Dash dhe Enter
Nga një rresht i ri në Word, së pari klikoni Shift (2 në Fig. 6), pastaj Dash (1 në Fig. 6). Rezultati është një nënvizim. Pra, le të përsërisim edhe 2 herë të tjera, dhe më pas shtypim Enter. Si rezultat, do të shohim një vijë të trashë horizontale.
Kur krijoni një faqe HTML, faqosja luan një rol thelbësor. Sidomos kur flasim për simbole të ndryshme dhe dizajn dekorativ: këto gjëra të vogla ndihmojnë për ta bërë "gjuhën" e faqes tuaj më të arritshme dhe të qartë, për më tepër, ato ndryshojnë ndjeshëm perceptimin dhe pamjen e saj në përgjithësi. Një nga elementët më të rëndësishëm për dizajnin është një vijë horizontale, dhe më tej do të mësojmë më në detaje se si të punojmë me të dhe si të bëjmë një vijë horizontale në html.
Çfarë është një vijë horizontale dhe për çfarë shërben?
Një vijë horizontale në html është një element dekorimi i faqes që kryen një numër funksionesh:
- Dekorative... Ndihmon në shtimin e atraktivitetit të faqes.
- Ndarja... Promovon ndarjen efektive të informacionit me kuptime të ndryshme.
- Theksimi ose nënvizimi... Tërheq vëmendjen e miqve të faqes në informacionin e nevojshëm dhe më të rëndësishëm.
Lineshtë vija horizontale që konsiderohet si mënyra më e përballueshme për të zbatuar një numër funksionesh. Veryshtë shumë e thjeshtë për ta krijuar, por nga pamja e jashtme duket shumë fitimprurëse. Me ndryshime të thjeshta në kodin html, mund të rregulloni:
- gjatësia;
- gjerësia;
- karakteristikat e ngjyrave;
- shtrirja në njërën ose në skajin tjetër.
Vini re se vija horizontale i referohet elementeve të bllokut. Kjo do të thotë që ajo zë një rresht të ri në faqe, dhe teksti që pason do të shkojë më poshtë.
Krijoni një vijë horizontale në HTML
Mund të vendosni një vijë duke përdorur një etiketë të thjeshtë - orë në kllapa trekëndëshi. Isshtë shkurtesë për "Rregull Horizontal" dhe përcakton parametrat klasikë të jashtëm. Ai ndryshon nga shumë të tjerë në atë që nuk ka nevojë për një etiketë fundore dhe është në gjendje të ekzistojë vetë. Ju mund të ndryshoni karakteristikat e jashtme të një elementi duke përdorur vlera shtesë në etiketë:
- Gjatësia... Nëse nuk doni që gjatësia e rreshtit të zgjatet në të gjithë faqen, atëherë mund të vendosni madhësinë e dëshiruar në pixel ose përqindje. Kjo bëhet duke përdorur fjalën shtesë "gjerësi" në etiketë dhe treguesin gjatësor numerik të specifikuar pas shenjave "\u003d" në thonjëza.
Duket kështu. Për shembull, nëse na duhet një gjatësi prej 100 pikselësh, do të vendosnim këtë etiketë: hr width \u003d "100
- Radhitje... Shtrirja është e mundur në skajet e majtë ose të djathtë, dhe gjithashtu në qendër. Kjo karakteristikë është e vlefshme vetëm nëse e keni specifikuar tashmë parametrin e gjerësisë, pasi që një rresht me faqe të plotë nuk mund të rreshtohet. Për të rreshtuar, vendosni një atribut shtesë në etiketën "align" dhe shtoni një drejtim në të: qendra - për qendrën, majtas - për majtas dhe djathtas - për shtrirjen e djathtë.
Etiketa e përfunduar do të duket kështu. Për shembull, nëse duhet të vendosim rreshtimin e qendrës për një vijë horizontale me një gjatësi prej 150 pikselësh, atëherë etiketimi i përfunduar do të duket kështu: hr align \u003d "center" width \u003d "150".
Vini re se "align", masa për shtrirjen, vendoset në pozicionin 1, edhe pse atributi varet nga gjerësia e masës së gjatësisë.
- Gjerësia... Opsionale, ju gjithashtu mund të specifikoni gjerësinë, duke krijuar një nënvizim të theksuar ose të hollë. Ky kriter nuk varet nga asgjë dhe mund të përdoret në mënyrë të pavarur pa specifikuar gjatësinë ose shtrirjen. Për të, ne përdorim atributin e madhësisë në etiketë dhe një vlerë numerike të barabartë me gjerësinë e dëshiruar në pixel. Numri tregohet në thonjëza pas atributit të madhësisë dhe simbolit "\u003d".
Kështu, nëse duhet të krijojmë një linjë të gjerë 15 pixel, duhet të krijojmë etiketën vijuese: hr size \u003d "15".
- Ngjyrë... Isshtë vendosur gjithashtu si një tregues i pavarur. Për ta ndryshuar atë, përdorni atributin e ngjyrës në kombinim me emrin e ngjyrës në formën e një kodi ose në anglisht. Ngjyra tregohet në thonjëza pas simbolit "\u003d".
Kështu, etiketimi për një vijë standarde të bardhë mund të shkruhet në dy mënyra: hr color \u003d "#FFFFFF" ose hr color \u003d "white"
E zeza mund të krijohet duke përdorur kodin # 000000.
- Hiq hije... Nëse keni nevojë për një element që nuk përmban një hije, atëherë atributi noshade duhet të përdoret në etiketë. Mund të përdoret vetëm ose në kombinim me elementë të tjerë. Një etiketë për një linjë standarde që e përdor do të duket kështu: hr noshade
Krijoni një vijë horizontale duke përdorur video
Dhe nëse doni të merrni informacion në një format më vizual, atëherë referojuni videos tjetër, e cila përshkruan në detaje mundësitë e punës me një vijë horizontale.
Pasi të keni përcaktuar përmasat e kërkuara të vijës horizontale, ju mund të hartoni faqet e faqes në një mënyrë të tillë që informacioni të strukturohet dhe të formulohet në mënyrë vizuale. Kjo i ndihmon vizitorët të perceptojnë më lehtë informacionin e paraqitur dhe të bëjnë që faqja juaj të dallohet nga të tjerët.