მაგიდა - ერთ-ერთი ყველაზე მნიშვნელოვანია, მაგრამ, ამავე დროს, კომპლექსური ელემენტები, უნდა იყოს წარმოდგენილი ვებ გვერდებზე. მათი დახმარებით ეს არის მოსახერხებელი ვრცელდება მნიშვნელოვანი და სასარგებლო ინფორმაცია საკმაოდ მოკლე ფორმით. რა თქმა უნდა, ყველაზე რედაქტორები თარგები, მუშაობს სხვადასხვა ძრავები, ავტომატურად ჩადეთ მაგიდასთან თქვენს საიტზე ან ცალკე პუბლიკაციის, მაგრამ თუ ვებ დიზაინი რესურსი, მისი გვერდები იქმნება ნულიდან? შემდეგ ახალბედა master შეიძლება პრობლემა: როგორ უნდა გააკეთოს მაგიდა HTML. ვნახოთ, როგორ სწრაფად და სწორად შექმნა ნივთი.
აირჩიეთ რედაქტორი
პირველ რიგში, დაწყებული შევქმნათ ცხრილი, თქვენ უნდა განსაზღვროს რედაქტორი, რომელშიც თქვენ იმუშავებს. რა თქმა უნდა, ყველაზე იოლი გზა აირჩიონ პროგრამა, რომელშიც თქვენ შექმნის ძირითადი საიტი კოდი. მაგრამ ეს არის საუკეთესო საშუალება ამ მიზნით კარგი ძველი notepad.
თქვენ ვთხოვთ, რატომ გაართულებს თქვენს ცხოვრებაში, იმიტომ, რომ თუ თქვენ ყველაფერს გააკეთებს უფლება რედაქტორი, მაშინ შედეგი შეიძლება იქნას დაუყოვნებლივ, ძალიან, და კიდევ თხოვს პროგრამა გამოიყენოს.
დიახ, ეს მართალია, მაგრამ შევქმნათ ცხრილი ნულიდან, თქვენ არა მხოლოდ შეძლებენ საფუძვლიანად შეისწავლოს პრინციპი მისი შექმნის, არამედ თავიდან ასაცილებლად უხერხულ typos და შეცდომების ფუძემდებლური კოდი. ზოგჯერ ხდება, შანსი, რომ კურსორი არის გადავიდა ქვემოთ და პროცესში წერის კოდი შეცდომა creeps in, რომელიც ზოგჯერ ძნელია. შექმნა მაგიდაზე ნოუთბუქი, შეგიძლიათ დააკოპირეთ კოდი და ჩასვით სწორი ადგილი თქვენთვის.
ალგორითმი შექმნა მაგიდა
დასაწყისისთვის, რათა მოკლე ალგორითმი, თუ როგორ უნდა მაგიდაზე HTML. ეს არის იმის უზრუნველყოფა, რომ თქვენ იცით თანმიმდევრობით ყოველი ნაბიჯი. მაშინ ანალიზი, თუ რამდენად ასრულებს თითოეული საკითხი.
დავიწყოთ მოსამზადებელი ქმედებები.
1. ხატვა სქემატური ქაღალდზე მაგიდა იმიჯი.
2. რაოდენობის რიგები და საკნები. იმ შემთხვევაში, თუ რაოდენობით სხვადასხვა წარსულში - ვფიქრობ, თითოეული ryadochka ცალკე.
3. განსაზღვრეთ ნომერი row-header უჯრედების (მაგალითად, «№» საკანში, "სახელი" და ტ. დ).
4. დაწერეთ ძირითადი პარამეტრების მაგიდა - ფერი, სიმაღლე და სიგანე, ტექსტის განთავსება - მოკლედ, ყველაფერი, რაც თქვენ, როგორც ჩანს მორგებული.
მერე პირდაპირ შექმნის რეისები
1. ჩადეთ tags მაგიდასთან.
2. ჩადეთ tags ხაზები საფუძველზე თანხა, რომ თქვენ უნდა.
3. რიგები ჩადეთ tags უჯრედების (ნორმალური და ზედა), ასევე საფუძველზე თანხა, რომელიც არ ჩაიწერა ქაღალდზე.
4. მითითებული პარამეტრების მთელი მაგიდა.
5. თუ თქვენ უნდა მითითებული პარამეტრების ინდივიდუალური საკნები.
6. შეავსეთ საკანში ტექსტი.
შევქმნათ ცხრილი
ასე რომ, თქვენ რედაქტორი, ახლა მოდით შევხედოთ, თუ როგორ შევქმნათ ცხრილი in HTML. საკვანძო რომელიც საშუალებას მაგიდა (
) არის ჩასმული შევიდა გვერდი კოდი დაწყვილებული, რომ არის, ჩვენი სამშენებლო იწყება ამ tag და მთავრდება .
ჩასმა tags მაგიდა, გაგრძელება, რათა შეიქმნას რიგები და საკნები.
ახლა, ჩვენ აღვნიშნავთ, რომ ეს ელემენტები ასევე დაწყვილებული. საკვანძო
განსაზღვრავს სიმებიანი და | - საკნები.
ზემო საკნები უნდა იყოს გამოყენებული დაწყვილებული ელემენტები | .
როგორც უკვე აღვნიშნეთ, პირველი ნაბიჯი არის დახაზოთ ხაზი, მაშინ ისინი უნდა დარეგისტრირდეთ საკანში. იმისათვის, რომ თავიდან ავიცილოთ გაუგებრობა, ეს არის მიზანშეწონილი, რომ რაიმე padding შორის თითოეული ბლოკი ხაზის ან ორი, ან სხვა განსაზღვრონ ახალი ბლოკი ელემენტების გამოყენებით "Tab" გასაღები.
როგორ შეიძლება გამოიყურებოდეს? რაღაც მსგავსი:
-
; -
; -
№ პ / ; -
სახელი ; - ;
-
; -
| 1 | ; -
ივანოვი ; - ;
- .
როგორც ხედავთ, არაფერი რთული შესახებ. მთავარია - არ დაიკარგოს რაოდენობის რიგები და საკნები. წინააღმდეგ შემთხვევაში, მაგიდა დაარღვია.
ჩვენ დემონტაჟი შევქმნათ ცხრილი in HTML, ახლა ჩვენ შეგვიძლია გადაადგილება პარამეტრების ორივე Matrix და მისი რიგები და საკნები.
მაგიდა პარამეტრები როდესაც კოდი წერია, აუცილებელია, რომ ყურადღება მიაქციონ შემდეგ რაოდენობა: განვიხილეთ ამ მაგიდაზე HTML, ფერი საზღვრები, background, ტექსტი, და ასე შემდეგ.
პარამეტრების მითითებული მაგიდა tag . ესენია:
1. სასაზღვრო - საზღვრის სიგანე. განისაზღვრება რიცხვი. სტანდარტულად, ნებისმიერი მაგიდა საზღვრების გაქრება.
2. Bordercolor - ფერი საზღვარზე. ეს შეიძლება მიეცეს, როგორც თექვსმეტობითი ფერი (# 00008B), და მისი სახელი angliykom (DarkBlue). ჩვეულებრივ, იგი ყოველთვის ნაცრისფერი.
3. Bgcolor - ფონის ფერი. როგორც განსაზღვრული კოდი ან სახელი.
4. გასწორება - გასწორება ტექსტი მაგიდასთან. Default - მარცხენა. არსებობს შემდეგი ვარიანტები ამ პარამეტრი:
- მარცხენა - მარჯვენა გადატანა;
- -obtekanie მარჯვნივ მარცხნივ;
- ცენტრი - გამომავალი მაგიდა შუა არ ნაკადი.
5. სიგანე და სიმაღლე - სიგანე და სიმაღლე მაგიდასთან. ეს შეიძლება იყოს პიქსელებში ან, როგორც პროცენტული (შედარებით ბრაუზერის ფანჯრის ზომა).
დაწესდეს კონკრეტული მაჩვენებელი, თქვენ უნდა განსაკუთრებული ყურადღება მიაქციონ დიზაინი. მას შემდეგ, რაც სასურველი პარამეტრი წასვლა ნიშანი "თანაბარი", რის შემდეგაც შეთავაზებები მიუთითებს წინასწარ ღირებულება.
რაც შეეხება ტექსტის ფერი, მაშინ, რომ ეს იმ გზით, როგორც ჩვეულებრივი ტექსტური HTML ფორმატში.
მაგალითი რეისები
-
; -
; -
№ პ / ; -
სახელი ; - ;
-
; -
| 1 | ; -
ივანოვი ; - ;
- .
პარამეტრების რიგები ასე რომ, ჩვენ უკვე figured, თუ როგორ, რათა მაგიდაზე HTML და განსაზღვრონ მისი ძირითადი პარამეტრები. მაგრამ თუ ჩვენ უნდა გამოყოს სიმებიანი? შეამოწმეთ მისი არ არის, როგორც ძირითადი ორგანო, მაგიდაზე?
ხაზის პარამეტრების დაწერილი tag | იმავე გზით, როგორც მონაცემები მაგიდასთან. გამოდიან შემდეგ ცვლადებს შეიძლება განისაზღვროს:
1. უკვე ცნობილია, რომ თქვენ საზღვარზე, bordercolor და bgcolor.
2. გასწორება - გასწორება ტექსტი ხაზი. ეს შეიძლება იყოს მითითებული, რომ მარცხენა, ცენტრი და მარჯვენა.
3. Valign - ტეგით ემთხვევა ტექსტში ვერტიკალურად. იგი იღებს შემდეგ ფასეულობებს:
- top - ტექსტი მიუერთდა ზედა ზღვარი;
- შუა - შუა;
- ბოლოში - ქვედა ზღვარი.
მაგალითი ხაზი განბაჟება:
-
; -
№ პ / ; -
სახელი ; - .
პარამეტრების საკნები და ბოლოს, რაც თქვენ ყურადღება უნდა მიაქციოს, ვისაც სურვილი იცით, თუ როგორ, რათა მაგიდაზე HTML - პარამეტრების ინდივიდუალური საკნები, როგორც ნორმალური და დედაქალაქში. სინამდვილეში, ყველაფერი კეთდება ისევე, როგორც მაგიდასთან და ზედიზედ. მხოლოდ დაემატა ორი მნიშვნელოვანი ელემენტები:
1. Colspan - ეს პარამეტრი განსაზღვრავს მწკრივების რიცხვი, რომელიც საკანში შეიძლება გაგრძელდეს.
2. Rowspan - უკვე მიუთითებს რაოდენობის რიგები მიერ ოკუპირებულ ამ საკანში.
მას შემდეგ, რაც დიზაინი არ განსხვავდება prescription ხაზი, ეს არ გამოიწვევს ნიმუში კოდი.
შედეგები გააკეთეთ მაგიდა არ არის ისეთი რთული, როგორც ეს შეიძლება, როგორც ჩანს ერთი შეხედვით. მთავარია, როდესაც წერილობით მისი კოდი - perseverance და ყურადღებას.
რაც შეეხება როგორ ჩასვათ მაგიდა HTML, მაშინ მისი კოდი ნომერი არის საკმარისი იმისათვის, დააკოპირეთ და ჩასვით იგი იმ ადგილას, თქვენი გვერდი, რომელიც, თქვენი აზრით, უნდა განთავსდეს.
არ შეგეშინდეთ ექსპერიმენტი, და მალე თქვენ შესანიშნავად აითვისა ტექნიკა შექმნის მაგიდები. გისურვებთ წარმატებას!
| |
| | |
| | | |
|