html გვერდის შექმნა notepad-ში: განმარტება დუმებისთვის. ცენტრის გასწორება სათაური

ამოცანა 1: ძირითადი HTML ფაილების შექმნა

თქვენი HTML ფაილის შესაქმნელად, გააკეთეთ შემდეგი:

    შექმენით საქაღალდე HTML, რომელშიც შევინახავთ შექმნილ ვებ გვერდებს.

    გაუშვით სტანდარტული Notepad პროგრამა.

    რედაქტორის ფანჯარაში ჩაწერეთ HTML ფაილის უმარტივესი ტექსტი:

სასწავლო HTML ფაილი

სამშაბათის კლასის განრიგი

    შეინახეთ ფაილი როგორც RASP.HTM.

    შექმნილი ვებ გვერდის სანახავად ჩამოტვირთეთ Microsoft Internet Explorer ბრაუზერი.

    გახსენით ბრაუზერის მენიუში ფაილი(ფაილი), გახსენი(ღია), ხედი(მიმოხილვა- დაათვალიერე) და იპოვეთ RASP.HTM ფაილი KURS საქაღალდეში და ატვირთეთ იგი. დარწმუნდით, რომ ვებ გვერდის სახელი (HTML სახელმძღვანელო) ნაჩვენებია ბრაუზერის ზედა სტატუსის ზოლში.

დავალება 2.ეკრანზე ტექსტის განლაგების კონტროლი

ინფორმაცია.

HTML დოკუმენტების ჩვენებისას ბრაუზერები ავტომატურად ათავსებენ ტექსტს ეკრანზე, მიღების გარეშე გაითვალისწინეთ ხაზების წყვეტები და თანმიმდევრული სივრცეები, რომლებიც ხდება ფაილში.

    საჭიროების შემთხვევაში, მიჰყევით p.p. 5-6 დავალება 1.

    გახსენით ვებ გვერდის ორიგინალური წყარო - ბრაუზერის მენიუში ხედი(ნახვა), წყარო (როგორცHTML) გაიხსნება ფანჯარა სტანდარტული Notepad პროგრამით, რომელშიც თქვენი ვებ გვერდი წარმოდგენილია HTML ბრძანებებით.

    შეცვალეთ ტექსტი HTML ფაილში, განათავსეთ სიტყვები "განრიგი", "კლასები", "სამშაბათი" სხვადასხვა სტრიქონზე:

სასწავლო HTML ფაილი

განრიგი

კლასები

სამშაბათს

    შეინახეთ ცვლილებები RASP.HTM ფაილში ბრძანებების გამოყენებით ფაილი(ფაილი), Შენახვა(Შენახვა). დახურეთ Notepad.

    გამოიყენეთ Microsoft Internet Explorer ახლად მოძიებული ვებ გვერდის სანახავად F5 კლავიშის ან ბრძანებების გამოყენებით ხედი(ნახვა), განახლება (განახლება).შეიცვალა ტექსტის გამოსახულება ეკრანზე?

შენიშვნა

მომავალში, ვებ გვერდზე ცვლილებების შეტანის შემდეგ, ყოველთვის მიჰყევით ნაბიჯებს 4-5.

დავალება 3. სტრიქონებისა და აბზაცის შესვენების ტეგები

ინფორმაცია.

არის სპეციალური ბრძანებები, რომლებიც ასრულებენ ხაზების შეწყვეტას და ადგენენ ახალი აბზაცის დასაწყისს. გარდა ამისა, არსებობს ბრძანება, რომელიც ხელს უშლის ბრაუზერის პროგრამას ტექსტის ფორმატირების შეცვლაში რაიმე გზით და საშუალებას გაძლევთ ზუსტად განაახლოთ ტექსტური ფაილის მითითებული ფრაგმენტი ეკრანზე.

ხაზის არხის ტეგი
გამოყოფს ხაზს შემდგომი ტექსტიდან ან გრაფიკისგან. აბზაცის ტეგი

ასევე გამოყოფს ხაზს, მაგრამ ასევე ამატებს ცარიელ ხაზს, რომელიც ვიზუალურად ხაზს უსვამს აბზაცს. ორივე ტეგი ერთტონიანია.

    შეიტანეთ ცვლილებები HTML ფაილის ტექსტში:

სასწავლო HTML ფაილი

განრიგი

კლასები

სამშაბათს

    4. შეინახეთ ცვლილებები RASP.HTM ფაილში.

    გამოიყენეთ Microsoft Internet Explorer ახლად მიღებული ვებ გვერდის სანახავად როგორ შეიცვალა ტექსტი ეკრანზე?

დავალება 4. ტექსტის ფრაგმენტების შერჩევა

ინფორმაცია.

ტექსტის შერჩევის ტეგები საშუალებას გაძლევთ აკონტროლოთ ინდივიდუალური სიმბოლოების და სიტყვების ჩვენება. არსებობს სამი ტექსტის შერჩევის ტეგი:

მთავარი გაბედული,

მთავარი დახრილი ასოებით

მთავარი ხაზგასმა.

სასწავლო HTML ფაილი

განრიგი კლასები სამშაბათს

2. იხილეთ ახლად მიღებული ვებ გვერდი.

შესაძლებელია კომბინირებული შრიფტების გამოყენება:

განრიგი კლასები სამშაბათს

მაგრამ ამავე დროს, თქვენ უნდა გახსოვდეთ შემდეგი წესი კომბინირებული ტეგების დასაწერად:

<Тэг-1> <Тэг-2> Tag-2>

არასწორი ჩანაწერი

დავალება 5: სათაურის სტილის გამოყენება

ინფორმაცია.

ბრაუზერის მიერ ნაჩვენები ტექსტის ზომის კონტროლის ორი გზა არსებობს:

    სათაურის სტილის გამოყენებით,

    ძირითადი დოკუმენტის ზომის ან მიმდინარე შრიფტის ზომის დაყენება.

არის ექვსი სათაურის ტეგი (H1-დან H6-მდე). თითოეულ ტეგს აქვს კონკრეტული სტილი, რომელიც მითითებულია ბრაუზერის პარამეტრებში. სტილი H1 ყველაზე დიდია.

    შეიტანეთ ცვლილებები RASP.HTM ფაილში:

სასწავლო HTML ფაილი

განრიგი

კლასები სამშაბათს

    იხილეთ ახლად მიღებული ვებ გვერდი.

დავალება 5. მიმდინარე შრიფტის ზომის დაყენება.

ინფორმაცია.

შრიფტის ტეგი საშუალებას გაძლევთ დააყენოთ მიმდინარე შრიფტის ზომა ტექსტის ცალკეულ ადგილებში. შრიფტის ამჟამინდელი პარამეტრების დიაპაზონი არის 1-დან 7-მდე.

    შეიტანეთ ცვლილებები RASP.HTM ფაილში:

სასწავლო HTML ფაილი

განრიგი

გაკვეთილები სამშაბათისთვის

    შეცვალეთ შრიფტის ზომა ტექსტისთვის "გაკვეთილი სამშაბათს" ტეგის გამოყენებით .

    შეცვალეთ HTML დოკუმენტის ტექსტი ტექსტის შერჩევის ტეგებისა და ხაზების და აბზაცების შესვენების ტეგების გამოყენებით.

ამოცანა 6. შრიფტის და შრიფტის ფერი

ინფორმაცია.

მონიშნეთ უზრუნველყოფს ტექსტის ზომაზე, სტილსა და ფერზე კონტროლს. შრიფტის შეცვლა ხდება ტეგზე უბრალოდ დამატებით FACE ატრიბუტი. მაგალითად, ტექსტის Arial შრიფტით საჩვენებლად, თქვენ დაწერდით .

ტეგის შრიფტის ფერის შეცვლა ატრიბუტის გამოყენება შეიძლება COLOR = "X".

X-ის ნაცვლად, თქვენ უნდა შეცვალოთ ფერის სახელი (ბრჭყალებში) ან მისი თექვსმეტობითი მნიშვნელობა. თექვსმეტობითი რიცხვის მქონე ფერის მითითებისას შეგიძლიათ წარმოადგინოთ ეს ფერი დაშლილი სამ კომპონენტად:

წითელი (R), მწვანე (G), ლურჯი (B), რომელთაგან თითოეულს აქვს მნიშვნელობა 0-დან FF-მდე.

RGB ფორმატში ფერადი ჩაწერის მაგალითები ნაჩვენებია ცხრილში:

ცხრილი 1

ფერი

ფერი

იისფერი

ყავისფერი

ნარინჯისფერი

ფირუზისფერი

    შეიტანეთ ცვლილებები RASP.HTM ფაილში:

სასწავლო HTML ფაილი

განრიგი >

გაკვეთილები სამშაბათისთვის

    თავად შეცვალეთ დოკუმენტის ზომა, ფერი, შრიფტი, ტექსტის სტილი.

ამოცანა 7. ტექსტის ჰორიზონტალურად გასწორება

ინფორმაცია.

HTML ტეგები აკონტროლებენ ტექსტის ჰორიზონტალურ გასწორებას. თუ არ მიუთითებთ გასწორების მეთოდს, დოკუმენტის ყველა ელემენტი იქნება მარცხნივ გასწორებული და ექნება არათანაბარი მარჯვენა ზღვარი (იხ. სურათი 2).

თანამედროვე ბრაუზერები იყენებენ ტექსტის გასწორების ატრიბუტს ALIGN=, რომელიც ჩართულია აბზაცის ან სათაურის ტეგებში.

    შეიტანეთ ცვლილებები RASP.HTM ფაილში:

სასწავლო HTML ფაილი

განრიგი>

გაკვეთილები სამშაბათისთვის

ამოცანა 8. ფონის და ტექსტის ფერების დაყენება

ინფორმაცია.

ფონის, ტექსტის, ბრაუზერების ჩვენებისას იყენებენ ნაგულისხმევად დაყენებულ ფერებს - ისინი დაყენებულია ბრაუზერის პარამეტრებით. ეს ფერები მითითებულია ტეგში HTML ფაილის დასაწყისში . ფერის ჩანაწერი შრიფტის ფერის მსგავსია (იხ. ცხრილი 1, პუნქტი 12). BGCOLOR= ატრიბუტი აწესებს გვერდის ფონის ფერს, TEXT= განსაზღვრავს ტექსტის ფერს მთელი გვერდისთვის, LINK= და VLINK= განსაზღვრავს დაუთვალიერებელი და მონახულებული ბმულების ფერებს, შესაბამისად (ბოლო ორი პარამეტრი მოგვიანებით იქნება განხილული).

    შეიტანეთ ცვლილებები RASP.HTM ფაილში:

სასწავლო HTML ფაილი

BGCOLOR="#FFFFCC" TEXT="#330066">

განრიგი>

გაკვეთილები სამშაბათისთვის

დავალება 9.

    ექსპერიმენტი შექმნილ დოკუმენტთან. ფანჯრის ზომის შეცვლასთან ერთად, ნახეთ, როგორ ასახავს ბრაუზერი ტექსტს იძულებითი ხაზის წყვეტებით. რა ხდება, როცა ფანჯარა ისე იკუმშება, რომ ერთი სიტყვაც კი ვერ ჯდება შიგნით?

    შექმენით თქვენი საკუთარი HTML დოკუმენტი თავად. დაე, ეს იყოს მოკლე ისტორია საკუთარ თავზე და თქვენს ჰობიზე.

გამარჯობა ძვირფასო ბლოგის მკითხველებო! ჩვენ ვაგრძელებთ განყოფილებას "საიტის შექმნა ნულიდან", და კერძოდ ტეგების თემას ... და დღეს განვიხილავთ ტეგებს, რომლებიც წარმოდგენილია ნებისმიერ ვებ გვერდზე - , და . არის კიდევ ერთი ტეგი, რომელიც უნდა იყოს ყველა HTML დოკუმენტში და რომლის შესახებაც მე უკვე დავწერე ერთ-ერთ წინა სტატიაში - ამიტომ მას არ შევეხებით.

სვეტის წინა სტატიებში დავწერე html ფორმატში ცარიელი ფაილის შექმნის შესახებ. ფაქტობრივად, ის გამოიყენებოდა პრო სტატიაში (აი, სადაც იყო გამოყენებული სათაურის ტეგები). ახლა ჩვენ პირდაპირ დავარედაქტირებთ ამ ფაილს სრული აღწერილობით.

და დავიწყოთ სტატია შექმნილი ფაილის რედაქტირებით. პირადად მე დავარქვი index.html, მაგრამ სახელი შეიძლება იყოს ნებისმიერი. გახსენით იგი ნებისმიერი ტექსტური რედაქტორით (უმჯობესია გამოიყენოთ Notepad++, რადგან მას აქვს კოდის მონიშვნა და სხვა სასარგებლო გაჯეტები). და დაუყოვნებლივ დაამატეთ მას ტეგები , და ზუსტად იმ თანმიმდევრობით, რომლითაც ისინი იწერება. არ დაგავიწყდეთ მათი დახურვა, როგორც ნაჩვენებია ეკრანის სურათზე. დოკუმენტი ასე გამოიყურება:

ახლა განიხილეთ თითოეული ტეგის მნიშვნელობა ცალკე. გასაკვირი არ არის, რომ ისინი ყველაში არიან. HTML დოკუმენტი.

ტეგის ფუნქციები

ასე რომ, ტეგი არის კონტეინერი(). მის შიგნით არის ვებ გვერდის მთელი ხილული და უხილავი შინაარსი (თეგების ჩათვლით და ). გახსნის ტეგი მოდის Doctype დეკლარაციისა და დახურვისთანავეარის დოკუმენტის ბოლოს. ამრიგად, ბრაუზერს ცხადყოფს, სად უნდა დაიწყოს დოკუმენტის დამუშავება და სად დაასრულოს იგი.

თეორიულად თვითონაც შეუძლია გაიგოს რა და როგორ. Ყველაფრის შემდეგ ? ეს არის HTML ენის თარჯიმანი და ნაკლებად სავარაუდოა, რომ მან დაიწყებს დამუშავებას დოკუმენტის შუა რიცხვებიდან და დაასრულებს ბოლომდე მისვლამდე. კითხვა, რა თქმა უნდა, სადავოა, მაგრამ მე ყოველთვის ვფიქრობდი (ახლა კი ჩემს აზრს არ ვამბობ), რომ ამ ტეგის დაწერა სავალდებულოა.

თუნდაც იმის გათვალისწინებით, რომ ამ ტეგის ფუნქცია მხოლოდ შეყვანილია შინაარსის გამიჯვნა, მას აქვს საკუთარი ატრიბუტები (რომლებიც ახლა ან საერთოდ არ გამოიყენება, ან ძალიან იშვიათად გამოიყენება). სხვადასხვა წყარო მიუთითებს ერთმანეთისგან განსხვავებულ ატრიბუტებზე, ამიტომ სწორი ვერსიის წამოყენებას ვერ ვბედავ.

ერთადერთი, რისი თქმაც დანამდვილებით შემიძლია, არის ის, რომ ატრიბუტების უმეტესობა არ არის მხარდაჭერილი HTML 4.01-ით ან არასასურველია. თუმცა ერთ მაგალითს მოგიყვან. - ინსტრუმენტის მინიშნება დოკუმენტში ნებისმიერ ადგილას. მაგალითად, როდესაც მაუსის სურათს აფარებთ, შეიძლება ნახოთ ამომხტარი ტექსტი. ასევე ამ ტეგის შემთხვევაში:

და აი, რას დაინახავთ, როდესაც ამ კონტენტის დოკუმენტს გადაახვევთ:

სასურველია გამოიყენოს სათაურის ატრიბუტი არა ტეგში , მაგრამ გვერდის ნებისმიერ სხვა კონკრეტულ ზონაში. ჯერ ერთი, მოსახერხებელია და მეორეც, საძიებო სისტემები უკეთესად მოექცევიან თქვენს საიტს. ეს ტეგი პირდაპირ გავლენას არ ახდენს რესურსების ოპტიმიზაციაზე. ჩვენ უფრო შორს მივდივართ.

ტეგის ფუნქცია

და შემდეგი რიგში არის ტეგი . იგი შეიცავს ყველა ტექნიკურ ინფორმაციას გვერდის შესახებ, რომელიც ემსახურება ბრაუზერის და საძიებო სისტემებს. ტეგი არის კონტეინერის ტეგი და მოჰყვება დაუყოვნებლივ , მხოლოდ ბოლოსგან განსხვავებით, დახურვის ტეგიარ ჩანს დოკუმენტის ბოლოს, არამედ გახსნის ტეგამდე .

რა ინფორმაციის მოძიება შეგიძლიათ ? მაგრამ არცერთი. ამ ტეგში ყველაფერი ხელმისაწვდომია მხოლოდ ადამიანის თვალისთვის გვერდის საწყისი კოდის ნახვით. ამ ტეგის მთელი შინაარსი განკუთვნილია საძიებო სისტემები და ბრაუზერები. ერთადერთი, რაც ხედავთ, არის ტეგი , რომელიც პასუხისმგებელია ვებ გვერდის ფანჯრის სათაურზე. აი მაგალითი:</p> <p><img src='https://i1.wp.com/monetavinternete.ru/wp-content/uploads/2013/01/Title-v-tege-head.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>ხატის შემდეგ ტექსტი არის ტეგის შინაარსი <title>. ახლა შევხედოთ შინაარსს. <head>, რომელსაც ჩვენ ვერ ვხედავთ, მაგრამ ძალიან მნიშვნელოვანი ნაწილია <b>საიტის შექმნა და პოპულარიზაცია.</b>პირველ რიგში, ეს არის ხაზი</p><p> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </p><p>ეს არის მეტა ტეგი ამისთვის <b>გვერდის შინაარსის ტიპი</b>(Შინაარსის ტიპი). ამ შემთხვევაში, ეს არის html კოდი UTF-8 კოდირებით (content="text/html; charset=UTF-8"). შემდეგ მოდის ზემოთ აღწერილი სათაურის ტეგი. შემდეგ მოდის ხაზები, რომლებიც იწყება ტეგით <link>. ეს მიუთითებს გარე დოკუმენტის ბმულზე. მაგალითად, ხაზი</p><p> <link href="http://сайт/.../style.css" rel="stylesheet" media="screen" type="text/css" /> </p><p>მიუთითებს, რომ (rel="stylesheet") ფაილი (type="text/css") არის დაკავშირებული, რომელიც მდებარეობს ამა თუ იმ მისამართზე (ხაზის სიგრძის შესამცირებლად მისამართის ნახევარი შევცვალე წერტილებით) . ბრაუზერის მიერ ამ სტრიქონის დამუშავების შემდეგ, ის განსაზღვრავს სად უნდა მიიღოთ <b>კასკადური სტილის ფურცლები</b>.</p> <p>ზოგადად, head tag-ში ბევრი ინფორმაციაა, რომლებზეც დაუსრულებლად შეიძლება საუბარი. ბოლო, რაც უნდა აღინიშნოს (კონკრეტულად ) არის აღწერილობის ტეგების, საკვანძო სიტყვებისა და კანონიკური. მე ვიყენებ <b>მოდული All in One SEO Pack</b>ასე რომ, ისინი იმყოფებიან შიგნით <head>.</p> <p>მოგეხსენებათ, ყველაფერი დიდი ყოველთვის მცირედით იწყება. თუ გაინტერესებთ პასუხი კითხვაზე, თუ როგორ უნდა შექმნათ ვებ გვერდი ნოუთბუდის საშუალებით, მაშინ ამ შესაძლებლობის შესახებ სადღაც გსმენიათ. ეს მართლაც შესაძლებელია. მაგრამ დაუყოვნებლივ უნდა აღინიშნოს, რომ სავარაუდოდ, ამჟამად არავინ შექმნის თანამედროვე დინამიურ ინტერაქტიულ საიტს ნოუთბუქის საშუალებით, რადგან ამისათვის არსებობს სპეციალური პროგრამები, რომლებიც მნიშვნელოვნად აჩქარებს და ამარტივებს განვითარების პროცესს. მაგრამ სავსებით შესაძლებელია სრულფასოვანი ვებ გვერდის შექმნა.</p><b>როგორ შევქმნათ ვებსაიტი notepad-ში</b><br>დასაწყისისთვის საჭიროა თეორიისა და ზოგადი ტერმინების მცირე გაცნობა. ვებსაიტების აბსოლუტური უმრავლესობა არის ჩვეულებრივი ტექსტური დოკუმენტები, რომლებიც შექმნილია სპეციალური გზით - ჰიპერტექსტის მარკირების ენა, შემოკლებით HTML. ზოგიერთი კლასიფიცირდება HTML მარკირებად, როგორც პროგრამირების ენა, მაგრამ ეს ასე არ არის. <p>HTML არის მხოლოდ დოკუმენტის მარკირების სტანდარტიზაციის საშუალება, რომელიც ცალსახად არის ინტერპრეტირებული ბრაუზერების მიერ კომპიუტერის ეკრანებზე გამოსაყენებლად მოსახერხებელი ფორმით. HTML ენის მთავარი ინსტრუმენტი არის სპეციალური სტრუქტურული ელემენტები, რომელთა დახმარებით ხდება დოკუმენტის შედგენა. მათ უწოდებენ აღწერებს ან ტეგებს.</p><p>ზოგადად, ტეგი არის ფორმის კონსტრუქცია <table>ასე რომ, ტეგი იწყება< после которого следует название тега table и вся конструкция завершается знаком >. ტეგები მოდის წყვილებში, როგორიცაა ტექსტის გაბედული გაკეთება <b>და</b>და დაუწყვილებელი, როგორც ახალი ხაზი <br>. დაწყვილებული ტეგების გამოყენების შემთხვევაში ის უნდა იქნას გამოყენებული როგორც გახსნის ტეგი <b>და დახურვა</b>. დახურვის ტეგი არის დესკრიპტორი წინ დახრილი /.</p><p>განვიხილოთ ტეგების ძირითადი ტიპები და მათი დანიშნულება.</p><ul><li><span><i>ელემენტი <b><!DOCTYPE html> </b>. </i>დააყენეთ გვერდის დასაწყისში და ემსახურება ბრაუზერს იმის თაობაზე, თუ როგორ მოახდინოს ამ დოკუმენტის ინტერპრეტაცია. ეს არის სურვილისამებრ, მაგრამ ძალიან სასურველია გვერდზე, რათა თავიდან აიცილოთ შესაძლო პრობლემები მის ჩვენებასთან დაკავშირებით. <br></span></li><li><span><i>მონიშნეთ <b><html> </b>. </i>ეს არის წყვილი ტეგი და შედგება ორი ნაწილისგან <html>და</html>. ყველა გვერდი საიტზე იწყება ამ ტეგით და მთავრდება ამ ტეგით. <br></span></li><li><span><i>მონიშნეთ <b><head> </b>. </i>ის ასევე არის წყვილი ტეგი და შედგება ორი ნაწილისგან <head>და</head>. ეს ტეგი შეიცავს სხვადასხვა მნიშვნელოვან ინფორმაციას გვერდის შესახებ: მისი სათაური, გამოყენებული დიზაინის სტილის ბმულები, სკრიპტები, სპეციალური მეტამონაცემები. <br></span></li><li><span><i>მონიშნეთ <b><title> </b>. </i> <title>დადა მდებარეობს ტეგის შიგნით . ეს ტეგი განსაზღვრავს გვერდის სათაურს, რომლითაც ის გამოჩნდება ბრაუზერში.

  • მონიშნეთ . ეს არის წყვილი ტეგი, შედგება ორი ნაწილისგან დადა მიჰყვება ტეგს გვერდზე. ეს არის <body> ტეგში, რომელიც შეიცავს ყველა ინფორმაციას, რომელიც ნაჩვენებია ბრაუზერის გვერდზე.
  • მონიშნეთ . Მარტოა. გამოიყენება დოკუმენტში ხაზის წყვეტის აღსანიშნავად.
  • მონიშნეთ . ეხება დაწყვილებულ ტეგებს, იწერება სხვა ტეგებისგან ოდნავ განსხვავებული ფორმით და გამოიყენება ბმულების შესაქმნელად. ეს არის HTML ენის მთელი კონცეფციის, ისევე როგორც მთლიანად ინტერნეტის არსებითი ელემენტი.
  • მონიშნეთ

    . ეხება დაწყვილებულ ტეგებს და შედგება ორი ნაწილისგან. მისი დახმარებით შედგენილია ტექსტის აბზაცი.

  • ტეგები

    ,

    ,

    ,

    ,
    ,
    . ისინი მიეკუთვნებიან დაწყვილებულ ტეგებს, რადგან ისინი შედგება ორი ტეგისგან, მაგალითად

    და

    . ეს ტეგები ემსახურება ექვსი დონის ქვესათაურების შექმნას და ამავდროულად აჩვენებს მათში შემავალი ტექსტის მნიშვნელობას მთელ დოკუმენტთან მიმართებაში.

  • მონიშნეთ . ის ასევე არის დაწყვილებული ტეგი, რომელიც შედგება ორი ნაწილისგან დადა აყენებს შრიფტის სტილს თამამად.
  • საერთო ჯამში, დაახლოებით ასამდე ტეგია, მაგრამ განხილული ათი უკვე საკმარისია საიტის უმარტივესი გვერდის ნოუთბუქის შესაქმნელად. დოკუმენტის ძირითადი ტეგები , , , <body>ნაწილდება მკაცრი თანმიმდევრობით. ტეგის შიგნით <body>დანარჩენი აღწერები შეიძლება იყოს სხვადასხვა თანმიმდევრობით HTML ენის სტანდარტების ფარგლებში. ამის გაგების უმარტივესი გზა მარტივი ვებ გვერდის შექმნაა. <ol><li><span>გაუშვით Notepad და მისი პირველივე სტრიქონში დააყენეთ ელემენტი<!DOCTYPE html>, რომელიც ეუბნება ბრაუზერს თქვენი დოკუმენტის ინტერპრეტაციას. <p> <!DOCTYPE html></p></span></li><li><span>გააკეთეთ ახალი ხაზი და დაამატეთ წყვილი ტეგი <html>. თარგმნეთ დახურვის ტეგი</html>ორი ხაზი ქვემოთ. <p> <!DOCTYPE html><br><html></p></span></li><li><span>დაამატეთ წყვილი ტეგი <head>ტეგებს შორის <html>და თარგმნეთ დახურვის ტეგი</head>ორი ხაზი ქვემოთ. <p> <!DOCTYPE html><br><html><br><head></p><p></head><br></html></p></span></li><li><span>ონლაინ ტეგებს შორის <head>და</head>დაწერეთ წყვილი ტეგი <title>ერთ ხაზზე.






  • შეიყვანეთ თქვენი ვებ გვერდის სათაური ტეგებს შორის და. მაგალითად, ასე.




    ჩემი პირველი საიტის გვერდი

  • მოათავსეთ კურსორი ხაზის დახურვის ტეგის შემდეგდა გააკეთე ხაზის კვება. შეიყვანეთ წყვილი ტეგი ცარიელ ხაზში, რომელიც გამოჩნდება .




    ჩემი პირველი საიტის გვერდი


  • გააკეთეთ ორმაგი თარგმანი შიდა ტეგებს შორის და. ხაზში, რომელიც გამოჩნდება, შეიყვანეთ დაწყვილებული სათაურის ტეგი

    . ჩაწერეთ ტეგის შიგნით

    გვერდის სუბტიტრები.




    ჩემი პირველი საიტის გვერდი


    Ჩემს შესახებ



  • დახურვის სათაურის ტეგის შემდეგგააკეთეთ ხაზის შესვენება და დააყენეთ დაწყვილებული აბზაცის ტეგები ახალ ხაზზე. ჩადეთ ტექსტი მათ შორის. მაგალითად, დიახ.




    ჩემი პირველი საიტის გვერდი


    Ჩემს შესახებ


    მე მქვია ივანოვი ივანე. მე ვქმნი ჩემს ვებსაიტს.



  • ჩასვით სახელი და გვარი წყვილ ტეგში რათა გაბედონ ისინი.




    ჩემი პირველი საიტის გვერდი


    Ჩემს შესახებ


    Მე მქვია ივანოვი ივანე. მე ვქმნი ჩემს ვებსაიტს.



  • აბზაცის ტეგის დახურვის შემდეგ

    შეასრულეთ ხაზის მიწოდება და შეიყვანეთ წყვილის ტეგი ახალ ხაზზე

    . შეიყვანეთ ტექსტი ტეგებს შორის.




    ჩემი პირველი საიტის გვერდი


    Ჩემს შესახებ


    Მე მქვია ივანოვი ივანე. მე ვქმნი ჩემს ვებსაიტს.


    ჩემი პროგრესი



  • სუბტიტრების ტეგის დახურვის შემდეგკვლავ გააკეთეთ ხაზის გაწყვეტა, შეიყვანეთ დაწყვილებული აბზაცის ტეგი და ჩაწერეთ თვითნებური ტექსტი ამ ტეგებს შორის.




    ჩემი პირველი საიტის გვერდი


    Ჩემს შესახებ


    Მე მქვია ივანოვი ივანე. მე ვქმნი ჩემს ვებსაიტს.


    ჩემი პროგრესი




  • სტატიაში ჩამოთვლილი ტეგებიდან ორი შეუსწავლელი დარჩა - ხაზის არხი
    და ყველაზე მნიშვნელოვანი ბმული მშენებლობის ტეგი
    . მოდით გამოვიყენოთ ისინი. ბოლო დახურვის ტეგამდე შეიყვანეთ აღმწერი
    და შორის
    და

    ტიპის კონსტრუქცია. თქვენ უნდა მიიღოთ შემდეგი.




    ჩემი პირველი საიტის გვერდი


    Ჩემს შესახებ


    Მე მქვია ივანოვი ივანე. მე ვქმნი ჩემს ვებსაიტს.


    ჩემი პროგრესი


    HTML-ის ძირითადი სინტაქსი აითვისა და შეიქმნა მომავალი საიტის პირველი გვერდი.
    ტრენინგის პროცესში გამოყენებული იქნა საიტის მასალები



  • ტეგში ციტატებს შორის შეიყვანეთ გვერდის მისამართი, რომელსაც ბმულს მიიღებთ. ტეგამდე შეგიძლიათ შეიყვანოთ სიტყვა ბმული და ტეგებს შორის დაშეიყვანეთ ტექსტი, რომელიც გამოჩნდება გვერდზე.




    ჩემი პირველი საიტის გვერდი


    Ჩემს შესახებ


    Მე მქვია ივანოვი ივანე. მე ვქმნი ჩემს ვებსაიტს.


    ჩემი პროგრესი


    HTML-ის ძირითადი სინტაქსი აითვისა და შეიქმნა მომავალი საიტის პირველი გვერდი.
    ტრენინგის პროცესში გამოყენებული იქნა საიტის მასალები

    Ბმული: საიტი



  • ამაზე შეიძლება დასრულდეს საიტისთვის უმარტივესი გვერდის შექმნა. პრინციპში, მე-9 პუნქტშიც შეიძლებოდა დასრულებულიყო, მაგრამ თუ სერიოზულად აინტერესებთ HTML ენის შესწავლა, მაშინ დამატებითი პრაქტიკა ზედმეტი არ იქნება. შეინახეთ გვერდი *.html გაფართოებით და შეგიძლიათ გახსნათ იგი ნებისმიერ ბრაუზერში თქვენი მუშაობის შედეგების სანახავად. თუ ყველაფერი სწორად გაკეთდა, მაშინ უნდა ნახოთ მსგავსი რამ.
  • თუ ამ სტატიის წაკითხვის შემდეგ, ვებსაიტის შექმნის თქვენი გადაწყვეტილება არ გაქრა, დარწმუნდით, რომ გაეცანით HTML ენის სრულ სინტაქსს და ასევე ისწავლეთ როგორ გამოიყენოთ CSS კასკადური სტილები გვერდის დიზაინისთვის.

    ვებ საიტების შემუშავება HTML ჰიპერტექსტის მარკირების ენის გამოყენებით

    მე-8 კლასი

    Გაკვეთილი 1 ვებ გვერდის სტრუქტურა.

    საიტის კონცეფცია

    ინფორმაცია მსოფლიო ქსელში
    ინახება ვებსაიტების სახით.
    ვებსაიტი სტრუქტურით მსგავსია
    ჟურნალი თემაზე ან
    პრობლემა. როგორ შედგება ჟურნალი
    დაბეჭდილი გვერდები და ვებ საიტი შედგება
    კომპიუტერის ვებ გვერდებიდან.
    ვებ გვერდები დაკავშირებულია ჰიპერბმულებით.

    ვებსაიტების ტიპები

    ოფიციალური (მთავრობა,
    დუმა, სკოლა...)
    კომერციული
    პირადი

    ვებ გვერდების უპირატესობები:

    მცირე ინფორმაციის მოცულობა
    ("ფილტვები")
    ვარგისია სხვადასხვაში სანახავად
    OS.
    დინამიური.
    ინტერაქტიული.

    საიტის შექმნის ნაბიჯები:

    1.
    2.
    3.
    შექმენით საიტი ადგილობრივად
    კომპიუტერი.
    ტესტი (შეამოწმეთ
    სწორი ოპერაცია).
    გამოქვეყნება ონლაინ -
    აირჩიეთ ჰოსტინგის სერვერი
    (ფასიანი ან უფასო).

    პროგრამები საიტის შესაქმნელად:

    1) უმარტივესი ტექსტური რედაქტორი (გარეშე
    ტექსტის ფორმატირება):
    ნოუთბუქი
    2) ბრაუზერი გვერდების სანახავად:
    Internet Explorer
    3) გამოსახულების დამუშავების პროგრამა:
    ფოტოშოპი

    ვიზუალური ვებ რედაქტორები

    ვებსაიტის შექმნა HTML-ში ძალიან რთულია
    შრომატევადი, განსაკუთრებული
    ცოდნა.
    არსებობს ვიზუალური ვებ რედაქტორები
    (პროგრამები) ვებსაიტების შესაქმნელად.
    მუშაობა WYSIWYG პრინციპზე
    (რასაც ხედავთ არის ის, რასაც იღებთ).

    ვებ გვერდის სტრუქტურა

    10. ტეგები

    ვებ გვერდის გარეგნობას ადგენენ ადმინისტრატორები
    ბრძანებები - ტეგები, რომლებიც არიან
    კუთხის ფრჩხილები< >
    ტეგები შეიძლება იყოს ერთჯერადი (არაგანმეორებადი) ან
    დაწყვილებული (კონტეინერები): დახურვამდე
    კონტეინერის ტეგი იწერება წინა ხაზებით (/)

    ტეგები იწერება ინგლისური ასოებით (მთავრული,
    პატარა).

    11. ვებ გვერდის სტრუქტურა

    გვერდის მთელი HTML კოდი
    მოთავსებულია მთავარი შიგნით
    კონტეინერი:
    .
    ვებ გვერდი დაყოფილია
    2 ლოგიკური ნაწილი:
    სათაური (HEAD)
    შინაარსი (BODY).

    12. ვებ გვერდის სათაური

    ვებ გვერდის სათაური შეფუთულია კონტეინერში.
    შეიცავს დოკუმენტის სათაურს და დამხმარე ინფორმაციას გვერდის შესახებ
    (მაგალითად, კოდირების ტიპი), რომელსაც ბრაუზერი იყენებს
    სწორი ჩვენება.
    ვებ გვერდის სათაური მოთავსებულია კონტეინერში<ТITLE> და
    ნაჩვენებია ბრაუზერის ფანჯრის ზედა ხაზში ნახვისას
    გვერდები.

    <ТITLЕ>კომპიუტერი

    13. ვებ გვერდის შაბლონის დაწერა



    <ТITLЕ>კომპიუტერი

    14. ვებ გვერდის ძირითადი შინაარსი

    გვერდის ძირითადი შინაარსი განთავსებულია
    კონტეინერი .
    შეიძლება შეიცავდეს: ტექსტს, ცხრილებს, გაშვებას
    სიმები, სურათები, ბმულები, ხმის ფაილები...
    გვერდზე დავდოთ ტექსტი „ყველაფერი კომპიუტერის შესახებ“:
    ყველაფერი კომპიუტერის შესახებ

    15. ვებ გვერდის შაბლონი



    <ТITLЕ>კომპიუტერი


    ყველაფერი კომპიუტერის შესახებ

    16.

    17. როგორ შეინახოთ ვებ გვერდი

    1. შექმენით საიტისთვის სპეციალური საქაღალდე და
    შეინახეთ საიტის ყველა ფაილი ამ საქაღალდეში.
    2. შეინახეთ ვებ გვერდი ფაილის სახით
    სახელად index.html არის სათაურის გვერდი
    საიტი (პირველად ჩაიტვირთა ბრაუზერში)
    ვებ გვერდის ფაილის გაფართოებები - .htm
    ან.html

    18. ჩვენ ვქმნით ჩვენს ვებსაიტს….

    აუცილებელია განასხვავოთ index.html ფაილის სახელი - ქვეშ
    რომელიც ვებ გვერდი ინახება ფაილში
    სისტემა და ვებ გვერდის ნამდვილი სახელი
    "კომპიუტერი" - ნაჩვენებია ზედა ხაზში
    ბრაუზერის ფანჯრები და ჯერ გაანალიზებულია
    საძიებო სისტემები.
    ვებ გვერდის სახელი უნდა იყოს მაქსიმალური
    მისი შინაარსის შესაბამისობის ხარისხი.
    1. ჩაწერეთ ვებ გვერდის HTML კოდი Notepad-ში.
    2. შეინახეთ ფაილი index.html საქაღალდეში
    საიტი. აირჩიეთ ფაილის ტიპი - "ყველა ფაილი".
    3. სანახავად გახსენით ეს ფაილი ბრაუზერში.

    19.

    20. გაკვეთილი #2

    21. გაკვეთილი 2: ტექსტის ფორმატირება ვებ გვერდზე

    22. ტექსტის ფორმატირება

    მიუხედავად იმისა, რომ გვერდი არც თუ ისე მიმზიდველია: წვრილმანი და შავი ტექსტი ჩართულია
    თეთრი ფონი. მაგრამ ტეგების დახმარებით შეგიძლიათ დაამშვენოთ ტექსტი.
    1. სათაურები: tags from<Н1>(ყველაზე დიდი) -მდე<Н6>(ყველაზე პატარა).
    <Н1>ყველაფერი კომპიუტერის შესახებ
    2. შრიფტი (FONT). ზოგიერთ ტეგს აქვს ატრიბუტები - ქონების სახელები, შეიძლება
    მიიღოს გარკვეული ღირებულებები.
    FONT face="Arial" - შრიფტის სახე
    ზომა=4
    - ზომა
    color="red" - ფერი
    3. გასწორება (ALIGN). ტექსტი ჩვეულებრივ მარცხნივ გასწორებულია
    გვერდი, თუმცა ჩვეულებრივად არის სათაურის ცენტრში მოთავსება.
    ALIGN = "მარცხნივ",
    ALIGN = "მარჯვნივ",
    <Н1 ALIGN="center">ყველაფერი კომპიუტერის შესახებ
    ALIGN = "ცენტრი"

    23. შრიფტის ფერი

    COLOR ატრიბუტის მნიშვნელობა შეიძლება დაყენდეს 2 გზით:
    ა) ფერის სახელწოდება (მაგალითად, "წითელი", "მწვანე", "ლურჯი" და ასე შემდეგ),
    ბ) მისი RGB თექვსმეტობითი მნიშვნელობა „#RRGGBB“, სადაც
    პირველი ორი თექვსმეტობითი ციფრი ადგენს ინტენსივობას
    წითელი (წითელი), შემდეგი ორი არის მწვანე (მწვანე) ინტენსივობა და
    ბოლო ორი არის ლურჯი (ლურჯი) ფერების ინტენსივობა.
    მინიმალური ფერის ინტენსივობა მითითებულია თექვსმეტობით
    ნომერი 00, ხოლო მაქსიმალური არის FF. ლურჯი ფერი = "#0000FF".
    ამრიგად, თქვენ შეგიძლიათ დააყენოთ სათაურის ლურჯი ფერი FONT ტეგით
    COLOR ატრიბუტი:
    <Н1 ALIGN="center">ყველაფერი კომპიუტერის შესახებ

    24.

    25. ტექსტის ფორმატირება

    4. ჰორიზონტალური ხაზი გამოეყოფა
    სათაური დანარჩენი შინაარსიდან
    გვერდები ერთი ტეგით

    .
    5. აბზაცები:<Р>. როდესაც ნახულობენ
    ბრაუზერში აბზაცები ერთმანეთისგან გამოყოფილია
    სხვა ინტერვალებით. ყოველი აბზაცისთვის
    შეგიძლიათ დააყენოთ კონკრეტული ტიპი
    გასწორება.

    26. პრაქტიკული სამუშაო 3.8 სასწავლო საიტი „კომპიუტერი“

    საწყისი ტექსტის ფორმატირება
    გვერდები:
    1) შექმენით და გაასწორეთ 2 აბზაცი (ამოცანა 3)
    2) მონიშნეთ გვერდის სათაური ფერით და
    გამოყავით იგი ჰორიზონტალური ზოლით
    (ამოცანა 4)

    27.

    28. გაკვეთილი 3

    29. გაკვეთილი 3: სურათების ჩასმა ვებ გვერდებში

    30. სურათების ჩასმა

    ვებ გვერდები შეიძლება შეიცავდეს 3 ფორმატის გრაფიკულ ფაილებს -
    GIF, JPG და PNG. თუ სურათი სხვა ფორმატშია შენახული, მაშინ
    ჯერ უნდა გადაკეთდეს ერთ-ერთ მათგანზე
    ფორმატები.
    ტეგი გამოიყენება გამოსახულების ჩასასმელად. ატრიბუტით
    SRC, რომელიც მიუთითებს სად ინახება ფაილი
    ლოკალური კომპიუტერი ან ინტერნეტში.
    1) სურათი ლოკალურ კომპიუტერზე საიტის საქაღალდეში:

    2) სურათი არის ლოკალური კომპიუტერის სხვა საქაღალდეში:

    3) სურათი განთავსებულია დისტანციურ სერვერზე ინტერნეტში:

    31. განმარტებითი ტექსტი. ფიგურის მდებარეობა ტექსტში.

    ილუსტრაციები ვებ გვერდებზე გახდა აუცილებელი
    დიზაინის ელემენტი. თუმცა, მომხმარებლები იმისათვის, რომ
    დაზოგეთ დრო, ზოგჯერ გამორთეთ ბრაუზერის ჩამოტვირთვა
    გრაფიკული სურათები და მხოლოდ ტექსტების წაკითხვა.
    ამიტომ, იმისათვის, რომ არ დაკარგოს გვერდის მნიშვნელობა, ნაცვლად ხატვისა
    განმარტებითი ტექსტი უნდა იყოს ნაჩვენები ALT ატრიბუტით

    ფიგურის პოზიცია ტექსტში - განსაზღვრავს ALIGN ატრიბუტს
    ტეგი : THOR, MIDDLE, BOTTOM, LEFT, RIGHT.
    ALIGN="მარჯვნივ">

    32. დასრულებული საიტის ხედი

    33. ვებგვერდის გვერდის კოდი


    კომპიუტერი


    ყველაფერი კომპიუტერის შესახებ





    ამ საიტზე შეგიძლიათ მიიღოთ სხვადასხვა ინფორმაცია
    კომპიუტერი, მისი პროგრამული უზრუნველყოფა და კომპიუტერის ფასები
    აქსესუარები.


    ტერმინოლოგიური ლექსიკონი გაგაცნობთ კომპიუტერს
    პირობები და ასევე შეგიძლიათ შეავსოთ კითხვარი.



    34. გაკვეთილი 4

    35. სატესტო სამუშაო No3

    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    რა არის ვებ საიტი?
    საიტის ტიპები.
    როგორ ხდება ვებ გვერდების გაერთიანება ვებსაიტებში?
    რა არის ტეგები? ტეგის კონტეინერი? დაწერეთ მთავარი კონტეინერი
    ვებ გვერდები.
    როგორია ვებ გვერდის ლოგიკური სტრუქტურა?
    ჩამოთვალეთ 5 გვერდის ფორმატირების ტეგი.
    რა არის ტეგის ატრიბუტი?
    როგორია ფერების დაყენების გზები ვებ გვერდზე?
    რა ტეგები გამოიყენება სათაურის შესაყვანად? ფორმატირება
    შრიფტი? აბზაცის შეყვანა?
    რა ტეგი და მისი ატრიბუტები გამოიყენება სურათების ჩასართავად?

    36. გაკვეთილი 4. ჰიპერბმულები ვებ გვერდებზე

    37.

    ჰიპერბმულები საშუალებას გაძლევთ ჩამოტვირთოთ
    ბრაუზერი სხვა ვებ გვერდებთან დაკავშირებული
    წინადან.
    ჰიპერბმული შედგება 2 ნაწილისაგან: მისამართი
    და მითითების მაჩვენებელი.
    ჰიპერბმული დაყენებულია უნივერსალურზე
    ტეგი HREF ატრიბუტით (ის
    განსაზღვრავს რომელი ფაილი ინახება
    სასურველი ვებ გვერდი):
    ბმული მაჩვენებელი

    38. ჰიპერბმულების სახეები

    1) შიდა:
    პოინტერი
    ბმულები

    2) გარე:
    ფაილის სახელი.html"> ბმულის მაჩვენებელი

    39. ჰიპერბმულის პოინტერები

    პოინტერი - ხილული ნაწილი
    ჰიპერბმულები: ტექსტი ან სურათი

    40. ჰიპერბმულების ნაწილის მისამართი

    გადადით სხვა ვებ გვერდებზე:
    ბმული მაჩვენებელი
    გახსენით სურათი ბრაუზერში:
    Სურათი
    მოუსმინეთ ხმას (ჩაშენებული ბრაუზერის გაშვება
    მოთამაშე):
    ხმა
    ფაილის შენახვა (გაუშვებს ჩაშენებულ ბრაუზერს
    ფაილის ჩამოტვირთვის მენეჯერი):
    Გადმოწერეთ ფაილი

    41. ელექტრონული ფოსტის ჰიპერბმული

    ამ ტიპის ჰიპერბმულია
    სპეციალური კონტეინერი


    ”>ჩვენი ელ.ფოსტა

    42. მზა საიტის გვერდის ნახვა

    43. ვებგვერდის გვერდის კოდი


    კომპიუტერი


    ყველაფერი კომპიუტერის შესახებ





    ამ საიტზე შეგიძლიათ მიიღოთ სხვადასხვა ინფორმაცია კომპიუტერის, მისი პროგრამული უზრუნველყოფის შესახებ
    კომპიუტერის კომპონენტების მიწოდება და ფასები.


    ტერმინოლოგიური ლექსიკონი გაგაცნობთ კომპიუტერულ ტერმინებს, ისევე როგორც თქვენ
    შეგიძლიათ შეავსოთ ფორმა.


    [პროგრამები]  
    [ლექსიკონი]  
    [აქსესუარები] 
    [კითხვარი]



    ">ელფოსტა:


    44. გაკვეთილი 5

    45. გაკვეთილი 5: სიები ვებ გვერდებზე

    46. ​​სიების ტიპები

    დანომრილი
    ეტიკეტირებული
    ტერმინების სია (როგორც ლექსიკონში)
    ჩადგმული სიები

    47. დანომრილი სია

    სია - კონტეინერში
    სიის ელემენტი - ტეგი

  • TYPE ატრიბუტი არის ნუმერაციის ტიპი (არაბული
    ნომრები; I - რომაული; ა - ლათინური
    პატარა რეგისტრი)

    1. სისტემური პროგრამები
    2. აპლიკაციის პროგრამები
    3. პროგრამირების სისტემები

    48. ბურთულებიანი სია

    სია - კონტეინერში
    სიის ელემენტი - ტეგი

  • TYPE ატრიბუტი არის მარკერების ტიპი ("დისკი" არის დისკი,
    "კვადრატი" - კვადრატი, "წრე" - წრე)

    • ტექსტის რედაქტორები
    • გრაფიკული რედაქტორი
    • ცხრილები
    • მონაცემთა ბაზის მართვის სისტემები

    49. ტერმინთა ჩამონათვალი

    სია - კონტეინერში

    სიის ელემენტი - ტეგი

    ტერმინი ჯერ იწერება, მერე
    მისი განმარტება (როგორც ლექსიკონში)

    50. გაკვეთილი 6

    51. გაკვეთილი 6: ინტერაქტიული ფორმები ვებ გვერდებზე

    52. ინტერაქტიული ფორმის ცნება

    ვებგვერდის ვიზიტორებთან კომუნიკაციისთვის
    შემქმნელები ვებ გვერდის ადგილზე
    ინტერაქტიული ფორმები.
    ფორმები შეიცავს სხვადასხვა ელემენტებს
    აკონტროლებს:
    ტექსტის ველები
    ჩამოსაშლელი სიები
    დროშები
    კონცენტრატორები...

    53. ტექსტის ველი

    მთავარი კონტეინერი

    ტექსტური ველი - კლავიატურიდან ტექსტის შესაყვანად: ტეგი
    ატრიბუტებით:
    TYPE = "ტექსტი" - შინაარსის ტიპი (ტექსტი)
    NAME="____" – ველის სახელი
    SIZE = "40" - შეყვანის ველის სიგრძე (სიმბოლოებით)

    - ხაზის გამყოფი (გადაიტანეთ კურსორი ახალზე
    სიმებიანი)

    54. გადამრთველები (რადიო ღილაკები)

    მრგვალი ღილაკი რამდენიმედან ერთის ასარჩევად
    პასუხის ვარიანტები:
    TYPE = "რადიო"
    ამ ჯგუფის ყველა წევრს უნდა ჰქონდეს
    იგივე სახელი: NAME = "ჯგუფი"
    VALUE ატრიბუტები შეიცავს არჩევანს
    პასუხები: VALUE = სტუდენტი

    55. დროშები

    კვადრატული ველი მრავალი პასუხის შესარჩევად
    შემოთავაზებული ვარიანტები:
    TYPE =მონიშვნა
    ამ ჯგუფის თითოეულ ელემენტს უნდა ჰქონდეს საკუთარი სახელი:
    NAME="box1", NAME="box2",
    …..
    VALUE ატრიბუტები შეიცავს პასუხების არჩევის ვარიანტებს:
    VALUE=“WWW”, VALUE=”ელ.ფოსტა”,….
    თითოეულ VALUE-ს აქვს საკუთარი პასუხი.
    www

    56. სიის ველები

    ჩამოსაშლელი სიის შესაქმნელად
    გამოიყენეთ კონტეინერი

    მასში, სიის თითოეული ელემენტი
    მოცემულია ტეგით