CSS ხაზი. როგორ ავაშენოთ ხაზი HTML და CSS დახმარებისთვის. ხაზები CSS-ში
Გამარჯობა ყველას! დღეს მე გეტყვით იმაზე, თუ როგორ უნდა ავაშენოთ ჰორიზონტალური ხაზი დამატებითი HTML-ისთვის.
მართლაც, ხშირად საჭიროა ბრალის ჰორიზონტალური ხაზის დახაზვა, მაგალითად, თუ საჭიროა ტექსტის ერთი ნაწილის სხვაგვარად დადანაშაულება.
ჰორიზონტალური და ვერტიკალური ხაზები დამატებითი css-ისთვის
ზრობიტი ცე შესაძლებელია დახმარება css. ამისთვის საჭირო ტექსტურ ბლოკს ვდებ ბლოკში დამატებითი div ტეგის უკან, შემდეგ კი style.css ფაილში, ან შუაში html-ში - კოდი იწერება დენის ბლოკისთვის ზედა ან ქვედა კორდონის უკან. საზღვარი - ზედა და საზღვარი - ქვედა. ღერძის კონდახი:
ამ გზით, მე დავდე დიზაინი css-ის უკან შუამავლის გარეშე html კოდით და დავამატე ზედა ხაზი საქაროზასა და ქვედა წერტილოვან ხაზს შორის.
ღერძი ჩანს გვერდით:
ჰორიზონტალური ხაზი CSS დახმარების უკან.
Tsej sposіb maє svoї perevagi:
- nalashtuvan, yakі დიდი ასორტიმენტი საშუალებას გაძლევთ დააყენოთ პრაქტიკული სახის ხაზი;
- თქვენ შეგიძლიათ შექმნათ როგორც ჰორიზონტალური, ასევე ვერტიკალური ხაზები. ვერტიკალური ხაზების შესაქმნელად, თქვენ უნდა შეცვალოთ საზღვრის ზედა საზღვრები მარცხნივ და საზღვარი ქვედა საზღვრებით მარჯვნივ.
nedolіk_v-მდე შესაძლებელია კოდის სიდიდის განხორციელება.
თუმცა, როგორც აღმოჩნდა, შეგიძლიათ ტექსტში ჰორიზონტალური საზღვრის ჩასმა დამატებითი html-ისთვის. როდესაც გსურთ ნავიგაცია, ეს არ არის obov'yazykovo lizti in css. ვისთვის არის ტეგი?
.
ჰორიზონტალური ხაზი დახმარების html ტეგის უკან
ამ ტეგის პირველი თვისება ის არის, რომ ახალ ტეგს არ აქვს დაწყვილებული ტეგი, რომელიც დახურულია. Yogo შეიძლება გადაუგრიხეს ნებისმიერ ადგილას html - კოდი ტეგებს შორის
і.ამ ტეგს შეიძლება ჰქონდეს შემდეგი ატრიბუტები:
- სიგანე- განსაზღვრეთ ჩვენი ჰორიზონტალური ხაზების სიგრძე პიქსელებში და ასობით;
- ფერი- აირჩიეთ ხაზის ფერი;
- გასწორება- დააყენეთ ხაზის გასწორება მარჯვენა კიდედან - მარჯვნივ, მარცხენა კიდის გასწვრივ - მარცხნივ, ცენტრში - ცენტრში;
- ზომა- ტოვშჩინას ხაზები პიქსელებში.
Axis butt html - კოდი.
უკეთესი იქნებოდა, თუ შეიძლება დაგჭირდეთ რამდენიმე გზა? Adzhe პრაქტიკულად ტყავის კაცი vikoristovuє ერთი გზა, რა ღვინის ხმა. მაგალითად, Shift ღილაკზე და "dash" ღილაკზე ერთხელ დაჭერით, i-დან ჰორიზონტალური ხაზი გაჩნდა.
და რატო უნდა გამოვიდეს წერტილოვანი ხაზი, მაგრამ რა საჭიროა ძლიერი?
- შვედშე ყველაფერზე, Shift კლავიშზე არასწორია. აქ სხვა მეთოდებიც დაგვეხმარება.
3.
4.
5.
ალბათ, Word-ში ხაზის განვითარების ყველაზე მნიშვნელოვანი გზა არის კლავიატურაზე რამდენიმე კლავიშის მოგება.
I Thin, tovsta, underwire, წერტილოვანი ხაზი დამხმარე კლავიატურის უკან
ქვემოთ არის პატარა კლავიატურა ინგლისურით, მაგრამ რუსული განლაგების გარეშე, მაგრამ არ აქვს მნიშვნელობა, ჩვენთვის მხოლოდ სამი კლავიატურაა დასაჭერი: Shift, dash და Enter.
ბრინჯი. 1. კლავიატურაზე სამი ღილაკი: Shift, ტირე და Enter უწყვეტი ჰორიზონტალური ხაზისთვის Word-ში
ამ სამი კლავიშის დახმარებით შეგიძლიათ დახატოთ უწყვეტი ჰორიზონტალური ხაზი Word: წერტილოვანი ან საქაროზა, თხელი ან ტოვსტი, გრძელი ან მოკლე.
1) შუბის დაჭერისას დააჭირეთ ღილაკს "-" (ტირე) Word რედაქტორი otrimuemo წერტილოვანი ხაზი, იქნება ეს ოდესმე.
შობიტი გამხდარიგრძელი ხაზი მხარის მთელ სიგანეზე:
- ჩვენ ვიცით კლავიატურაზე „ტირე“ ღილაკი (მარჯვენა ღილაკი არის „ნულოვანი“ ღილაკი, ნახატ 1-ის მწვანე ჩარჩოსთან ახლოს).
- Word-ის ახალი (!) მწკრივიდან, kіlka კიდევ ერთხელ დაჭერილია tsyu კლავიშზე: -
- და შემდეგ დააჭირეთ Enter () ღილაკს. გადახურული ტირეების დეკი სწრაფად გარდაიქმნება უწყვეტ ჰორიზონტალურ თხელ ხაზად გვერდის მთელ სიგანეზე.
2) Shift-ის ერთსაათიანი იერიშით, ეს „-“ (ტირე) არ არის ტირე, არამედ ხაზგასმული _________. ამ რანგში შეგიძლიათ შეუფერხებლად იმუშაოთ საკმარისად სიცოცხლის ხაზი დოკუმენტის ნებისმიერ ადგილას.
ბრინჯი. 2. თხელი და სქელი ჰორიზონტალური ხაზი Word
ახლა მეგობრულია ტოვსტუჰორიზონტალური ხაზი მხარის მთელ სიგანეზე:
- მე ვიცი "dash" კლავიში, ასევე Shift კლავიში (მარცხენა თუ მემარჯვენე, ვისაც მოსწონს). დააჭირეთ Shift-ს, მორთეთ და არ შეუშვათ.
- І ახლა ახალი (!) მწკრივი kіlka ჯერ (მაგალითად, 3-4 ჯერ) დააჭირეთ ტირეებს (როდესაც Shift არ არის დაშვებული): ___. ნება Shift.
- ახლა დააჭირეთ Enter ღილაკს. თქვენ მღერით tovstu ჰორიზონტალურ ხაზს
შეხედეთ ცხრილს:
(დააწკაპუნეთ გასადიდებლად) ხაზები Word-ში დახმარების კლავიატურისთვის
II სტრიქონი Word-ში დამატებითი ცხრილებისთვის
ჰორიზონტალური ხაზი შეიძლება წაიშალოს, თითქოს ცხრილის მოგება ერთი უჯრედით (1 × 1), რომელშიც ის დაბლოკილია (ხილული) მხოლოდ ზედა და ქვედა საზღვრები, ხოლო ცხრილის დანარჩენი სამი მხარე შეიძლება იყოს. დაუფარავი კორდონამდე (სუნი უხილავი იქნება).
ჩვენ დავაყენეთ კურსორი იმ ადგილას, მთავარი ბუტი ხაზი. Word-ის ზედა მენიუში დააწკაპუნეთ:
- ჩასმა (1 ნახ. 3-ზე),
- ცხრილი (2 ნახ. 3-ზე),
- ერთი უჯრედი (3 ნახ. 3).
ბრინჯი. 3. როგორ ჩავსვათ 1x1 ცხრილი Word-ში (ერთი უჯრედიდან)
შედეგად, ჩვენ დავინახავთ მაგიდას ერთი შესანიშნავი კლიტინით (1x1):
ცხრილებში დაკარგული 1x1 სამი მხრიდან გაასუფთავეთ კორდონი. ვისთვის
- გადადით "Head" ჩანართზე (1 ნახ. 4-ში),
- მისცა ინსტრუქციები "შრიფტიდან" ცნობილია "პარაგრაფი" და შორის (2 ნახ. 4),
- ჩვენ ვასუფთავებთ ყველა საზღვრებს დაწკაპუნებით "არ არის კორდონი" (3 ნახ. 4-ში),
- შეგიძლიათ იხილოთ "ზედა საზღვარი" ან "ქვედა საზღვარი" (4 ნახ. 4-ზე).
ბრინჯი. 4. Word-ის ცხრილების მსგავსად, მოაწესრიგეთ კორდონების ხედვა (გადააგდეთ უხილავს შორის)
მე ვაჩვენებ მას ვიდეოზე პირადად (მაგალითად, სტატისტიკა).
გამოსვლამდე, მცირედ. 3 აჩვენებს, რომ ეს უმარტივესი გზაა. შეგიძლიათ დააყენოთ კურსორი Word-ის მწკრივის სვეტზე და დააწკაპუნოთ „ჰორიზონტალურ ხაზზე“ (5 ნახ. 4-ში):
III სტრიქონი სიტყვაში დასახმარებლად ფერწერაში
ჩასმა (1 ნახ. 5-ში) - ფიგურები (2 ნახ. 5-ში) - ჰორიზონტალური ხაზის აღების კიდევ ერთი გზა Word-დან.
თუ ხაზი მკაცრად ჰორიზონტალურია, მაშინ დააჭირეთ Shift ღილაკს და დახატეთ ხაზი ერთდროულად.
ბრინჯი. 5. როგორ დავხატოთ ხაზი Word-ში
IV ხაზი Word-თან ეკრანის კლავიატურის დასახმარებლად
ეკრანის კლავიატურის გასაგებად, ძიებაში შეიყვანეთ ფრაზა "ეკრანის კლავიატურა", უფრო მეტი Windows 7-ისთვის და Windows 8-ისთვის.
Windows 10-ისთვის, თქვენ ასევე შეგიძლიათ იცოდეთ ეკრანის კლავიატურა ძიებაში სიტყვის „ეკრანის კლავიატურა“ შეყვანით.
ბრინჯი. 6. ეკრანის კლავიატურა
ჰორიზონტალური ხაზი იქმნება ისევე, როგორც პირველ ვერსიაში დიდი კლავიატურით. ჩართულია ეკრანის კლავიატურათქვენ გჭირდებათ სამი ღილაკი: ტირე, Shift და Enter.
1 Dash Enter
Word-ის ახალი მწკრივიდან, რამდენჯერ არის დაწკაპუნებული ტირეზე (1 ნახ. 6-ზე) და ამოტვიფრულია Enter-ზე. Weide არის თხელი ჰორიზონტალური ხაზი.
2 Shift, ტირე და Enter
Word-ის ახალი მწკრივიდან დააწკაპუნეთ Shift კლავიშზე (2 ნახ. 6-ზე), შემდეგ Dash-ზე (1 ნახ. 6-ში). ვეიდი კვლავ ამტკიცებს. ასე გაიმეორეთ კიდევ 2-ჯერ და შემდეგ დააჭირეთ Enter. შედეგად, მოდით დავხატოთ ჰორიზონტალური ხაზი.
დაკეცვისას HTML მხარეებიდიზაინი თავის როლს ასრულებს. მითუმეტეს როცა ვსაუბრობთ სხვადასხვა სიმბოლოებირომ დეკორატიული დიზაინი: tsі drіbnitsa დაგეხმარებათ გახადოთ თქვენი მხარის "movu" უფრო ხელმისაწვდომი და ნათელი, მანამდე კი ადვილია შეცვალოთ її її spriynyattya რომ zvnіshnіy გამოიყურება zagalom. დიზაინის ერთ-ერთი ყველაზე მნიშვნელოვანი ელემენტია ჰორიზონტალური ხაზი, შემდეგ კი ჩვენ გავარკვევთ, როგორ ვიმუშაოთ მასთან და როგორ განვავითაროთ ჰორიზონტალური ხაზი HTML-ში.
რა არის ჰორიზონტალური ხაზი და რატომ არის საჭირო
ჰორიზონტალური ხაზი HTML-ში არის გვერდითი დიზაინის ელემენტი, რომელიც ასრულებს უამრავ ფუნქციას:
- დეკორატიული. Dopomogaє დაამატეთ storіntsі privablivostі.
- როზდილოვა. Spriyaє efektivnomu vіddelennyu raznoї zamіstom іnformatsiї.
- Vidilna ან podkreslyuyucha. პატივი ეცით წვეულების სტუმრებს საჭირო და ყველაზე მნიშვნელოვან ინფორმაციას.
ყველაზე ჰორიზონტალური ხაზი ყველაზე მნიშვნელოვანია ხელმისაწვდომი გზაფუნქციების მთელი რიგის განსახორციელებლად. მისი შექმნა მარტივია, მაგრამ გარე ხმები კიდევ უფრო თვალსაჩინო გამოიყურება. html კოდის შესაცვლელად მარტივი გზით, შეგიძლიათ დაარეგულიროთ:
- დოჟინა;
- სიგანე;
- ფერის მახასიათებლები;
- virivnyuvannya მეორე მხარეს.
გააფართოვეთ პატივისცემა, რომ ჰორიზონტალური ხაზი მიყვანილია ბლოკის ელემენტებთან. Tse ნიშნავს, რომ ის იღებს ახალ რიგს გვერდზე და შემდეგი ტექსტი მიდის ქვემოთ.
ჰორიზონტალური ხაზის შექმნა HTML-ში
თქვენ შეგიძლიათ დააყენოთ ხაზი მარტივი ტეგის დახმარებით - hr ტრიკოტის ტაძრებისთვის. Vіn є მოკლე ჭრა, როგორიცაა "ჰორიზონტალური წესი" და დააყენა კლასიკური გარე პარამეტრები. Vіdrіznyаєєєєі vіd bagatioh іnshih tim, sho არ საჭიროებს ტეგს, sho დახურვას და іsnuvati დამოუკიდებლად აშენებას. თქვენ შეგიძლიათ შეცვალოთ ელემენტის რეალური მახასიათებლები დისერტაციისთვის დამატებითი მნიშვნელობების დასახმარებლად:
- დოვჟინა. თუ არ გსურთ ხაზის სიგრძე გაფართოვდეს მთელ მხარეს, მაშინ შეგიძლიათ დააყენოთ ზომის ლიმიტი პიქსელებისთვის ან სიგანეებისთვის. იბრძოლეთ დახმარებისთვის დამატებითი სიტყვატეგის "სიგანე" არის სიგრძის რიცხვითი მაჩვენებელი, რომელიც შეყვანილია თათებზე "=" ნიშნის შემდეგ.
ასე გამოიყურება. მაგალითად, თუ ჩვენ გვჭირდება მეტი სივრცე 100 პიქსელის გასაკეთებლად, დააყენეთ შემდეგი ტეგი: hr width="100"
- ვირივნიუვანია. ყურება შესაძლებელია მარცხენა ან მარჯვენა კიდეზე, მაგრამ ასევე ცენტრში. ციას მახასიათებელი ნაკლებად არის ამ გუნებაზე, როგორც უკვე გკითხეთ სიგანის პარამეტრი, რომ შეუძლებელია დოვჟინას ხაზის მთელ მხარეს გადახრა. ხედისთვის, თქვენ აყენებთ დამატებით ატრიბუტს „align“ ტეგისთვის და პირდაპირ ამატებთ ახალს: ცენტრი - ცენტრალურისთვის, მარცხნივ - მარცხნივ და მარჯვნივ - მარჯვენა ხედისთვის.
დასრულებული ტეგი ამ დროს ასე გამოიყურება. მაგალითად, თუ ჰორიზონტალური ხაზისთვის ცენტრის გასწორება უნდა დავაყენოთ 150 პიქსელზე, მაშინ დასრულებული ტეგი ასე გამოიყურება: hr align="center" width="150".
დააბრუნეთ პატივისცემა, scho align, ინდიკატორი vir_vnyuvannya-სთვის, დააყენეთ 1 ადგილი, მიუხედავად იმისა, რომ ატრიბუტი დევს გრძელი სიგანის ინდიკატორში.
- სიგანე. ვიბრატორზე ასევე შეგიძლიათ მიუთითოთ სიგანე, გახადოთ ის უფრო მსუქანი ან თხელი. ეს კრიტერიუმი, რაც არ უნდა იყოს, არ შეიძლება მოტყუება და შეიძლება იყოს ვიკორსტანი, როგორც დამოუკიდებელი, დოჟინი ჩი ვირივნიუვანნიას ჩვენების გარეშე. რატომღაც, ტეზის ზომის ატრიბუტი არის რიცხვითი მაჩვენებელი, რომელიც უდრის პიქსელებში სიგანის ზომას. რიცხვი მითითებულია თათებში ზომის ატრიბუტის შემდეგ და სიმბოლო =.
ამგვარად, იმისათვის, რომ შევქმნათ ხაზი 15 პიქსელის სიგანით, აუცილებელია შევქმნათ შეტევითი ტეგი: hr size="15".
- ფერი. ის ასევე დაყენებულია როგორც დამოუკიდებელი ეკრანი. იოგასთვის შეცვალეთ ფერის ატრიბუტი, რათა დაასახელოთ ფერი ფორმის კოდში ან ჩართვაში ინგლისური. ფერი მითითებულია თათებში = სიმბოლოს შემდეგ.
ამრიგად, სტანდარტული თეთრი ფერის ხაზის ტეგი შეიძლება დაიწეროს ორი გზით: hr color="#FFFFFF" ან hr color="white"
თქვენ შეგიძლიათ შექმნათ შავი ფერი კოდის #000000 გამოყენებით.
- გაწმენდა ჩრდილი. თუ თქვენ გჭირდებათ ელემენტი, რომელიც არ იძიებს შურისძიებას ჩრდილზე, მაშინ ნაშრომში უნდა დაამატოთ noshade ატრიბუტი. Vіn mozhe buti vykoristany დამოუკიდებლად ან ერთდროულად სხვა ელემენტებთან ერთად. იოგოს სტანდარტული ხაზის ტეგი ასე გამოიყურება: hr noshade
ჰორიზონტალური ხაზის შექმნა დამატებითი ვიდეოსთვის
ხოლო თუ გსურთ ინფორმაციის აღება უფრო დიდი სამეცნიერო ფორმატიდან, მაშინ დაუბრუნდით შემდეგ ვიდეოს, სადაც დეტალურად არის აღწერილი ჰორიზონტალური ხაზით მუშაობის შესაძლებლობები.
საჭირო ჰორიზონტალური ხაზების დადგენის შემდეგ, თქვენ შეგიძლიათ მოაწყოთ საიტის მხარეები ისე, რომ ინფორმაცია იყოს სტრუქტურირებული და ვიზუალურად კარგად ჩამოყალიბებული. Tse dopomogaє vіdvіduvacham უფრო ადვილია შეტანილი ინფორმაციის მიღება და სხვათა შორის თქვენი საიტის ნახვა.