|
ვისწავლოთ HTML
|
|
| RAPER | თარიღი: კვირა, 26.09.2010, 15:57 | შეტყობინება # 1 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| რა არის HTML? - HTML ითარგმნება, როგორც ჰიპერ ტექსტის მარკირებული ენა (Hyper Text Markup Language).
- HTML ფაილი არის პატარა მარკირებული ტეგებისგან შემდგარი ტექსტური ფაილი.
- მარკირებული ტეგები ბრაუზერს გადასცემენ გვერდის ეკრანზე გამოტანის ინფორმაციას.
- HTML ფაილს აქვს html, ან htm გაფართოვება.
- HTML ფაილის შექმნა შესაძლებელია უბრალო ტექსტური რედაქტორით. გინდა სცადო ეს? თუ მუშაობთ ოპერაციულ სისტემა Windows-ზე, გახსენით Notepad.
თუ მუშაობთ ოპერაციულ სისტემა Mac-ზე, გახსენით SimpleText.
OSX-ში დაიწყეთ ტექსტის რედაქტირება და შეცვალეთ შემდეგი პარამეტრები : მენიუში Format (ფორმატი) Plain text(მარტივი ტექსტი)-ის მაგივრად მონიშნეთ Rich text (რთული ტექსტი). შემდეგ გახსენით Text Edit(ტექსტის რედაქტირება) მენიუს ქვემოთ მდებარე Preferences(პარამეტრები) ფანჯარა და მონიშნეთ Ignore rich text commands in HTML files (რთული ტექსტის ბრძანებების იგნორირება HTML ფაილებში). HTML კოდი არ იმუშავებს, თუ ამ პარამეტრს არ შეცვლით. შეიყვანეთ ტექსტი: Code <html>
<head>
<title>გვერდის სათაური</title>
</head>
<body>
ეს არის ჩემი პირველი ვებ გვერდი
<b>ეს ტექსტი არის მუქი</b>
</body>
</html> დაამახსოვრეთ ფაილი, როგორც "mypage.htm".
გახსენით თქვენი ინტერნეტ ბრაუზერი. შეასრულეთ ბრძანება File/Open (Open File)(ფაილი/გახსნა(ფაილის გახსნა)). გამოვა დიალოგური ფანჯარა. იმოქმედეთ ღილაკზე Browse (მოძიება) (ან Choose File (ფაილის არჩევა)) და მოძებნეთ თქვენს მიერ შექმნილი ფაილი - "mypage.htm" - მონიშნეთ იგი და იმოქმედეთ ღილაკზე Open(გახსნა). დიალოგურ ფანჯარაში თქვენ დაინახავთ მისამართს, მაგალითად, "C:\MyDocuments\mypage.htm". იმოქმედეთ ღილაკზე “OK” და ბრაუზერი ეკრანზე გამოიტანს თქვენს გვერდს.
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 15:58 | შეტყობინება # 2 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| მაგალითის ახსნა თქვენს HTML დოკუმენტში პირველი ტეგი არის <html>. ეს ტეგი თქვენს ბრაუზერს აწვდის ინფორმაციას HTML დოკუმენტის დაწყების შესახებ. ბოლო ტეგი დოკუმენტში არის </html>. ეს ტეგი თქვენს ბრაუზერს აწვდის ინფორმაციას HTML დოკუმენტის დასრულების შესახებ.
ტექსტი ტეგებს შორის <head> და </head> არის თავსართის ინფორმაცია. თავსართის ინფორმაცია არ გამოისახება ბრაუზერის ფანჯარაში.
ტექსტი ტეგებს შორის <title> და </title> არის თქვენი დოკუმენტის სათაური. ეს სათაური გამოისახება ბრაუზერის სათაურების პანელზე.
ტექსტი ტეგებს შორის <body> და </body> გამოისახება ბრაუზერის ფანჯარაში.
ტექსტი ტეგებს შორის <b> და </b> ბრაუზერის ფანჯარაში გამოისახება გამუქებულად. HTM, თუ HTML გაფართოვება? როდესაც თქვენ ამახსოვრებთ HTML ფაილს, თქვენ შეგიძლიათ გამოიყენოთ განსხვავებული .htm და .html გაფართოვებები. მაგალითებში გამოყენებულია .htm გაფართოვება. ეს გაფართოვება გამოსადეგარია ზოგიერთ უბრალო გამოყენებად პროგრამებში, რომლებში გაფართოვებებისთვის დაშვებულია მხოლოდ სამი ასო. უფრო ახალ პროგრამებთან რეკომენდირებულია გამოიყენოთ .html გაფართოვება. შენიშვნა HTML რედაქტორებზე მარკირებული ტეგების წერის მაგივრად თქვენ შეგიძლიათ HTML ფაილის რედაქტირება FrontPage, ან Dreamweaver-ის მსგავსად, WYSIWYG (what you see is what you get (რასაც ხედავ არის ის, რასაც იღებ))-ის დახმარებით.
თუ გსურთ იყოთ პროფესიონალი ვებ პროგრამისტი, მკაცრად რეკომენდირებულია გამოიყენოთ მარტივი ტექსტის რედაქტორები.
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 15:59 | შეტყობინება # 3 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| ხშირი კითხვები მას შემდეგ რაც HTML ფაილი დავარედაქტირე, არ შემიძლია ჩემ ბრაუზერში ვნახო რეზულტატები. რატომ?
დარწმუნდით რომ ფაილი დაამახსოვრეთ სათანადო სახელითა და გაფართოვებით, "c:\mypage.htm" -ის მსგავსად. ასევე დარწმუნდით რომ ბრაუზერში ხსნით თქვენთვის საჭირო ფაილს. შევეცადე დამერედაქტირებინა HTML ფაილი, მაგრამ ბრაუზერი არ მიჩვენებს ცვლილებებს. რატომ?
ბრაუზერი თქვენს გვერდს ინახავს ბუფერში, ასე რომ ის არ წაიკითხავს მას ორჯერ. როდესაც თქვენ ცვლით გვერდს, ბრაუზერმა არ იცის ამის შესახებ. გამოიყენეთ ბრაუზერის ღილაკი refresh/reload (განახლება), რათა შეატყობინოთ მას ფაილის შეცვლის შესახებ. რა ბრაუზერი გამოვიყენო?
თქვენ შეგიძლიათ გამოიყენოთ ნებისმიერი ბრაუზერი, როგორიცაა Internet Explorer, Mozilla, Netscape, Opera და ა.შ. ზოგჯერ, ზოგიერთი მაგალითი მოითხოვს ბრაუზერის ბოლო ვერსიას. ვთქვათ ჩემი კომპიუტერი მუშაობს ოპერაციულ სისტემაზე Mac. ამ შემთხვევაში რა ვიმოქმედო?
თქვენ შეგიძლიათ გააკეთოთ ყველაფერი ნებისმიერ ოპერაციულ სისტემაზე, მაგალითად Mac-ზე.
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 16:02 | შეტყობინება # 4 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| HTML-ის ტეგები - HTML ტეგები გამოიყენებიან HTML ელემენტების მარკირებისათვის;
- HTML ტეგები გარშემორტყმულნი არიან ორი სიმბოლოთი - < და >;
- ტეგების გარშემომრტყმელ სიმბოლოებს ეწოდებათ კუთხური ფრჩხილები;
- HTML ტეგები წარმოადგენენ წყვილს, მაგალითად, <b> და </b>;
- წვილის პირველი ტეგი არის საწყისი ტეგი, ხოლო მეორე სასრული ტეგი;
- საწყის და სასრულ ტეგებს შორის მოთავსებულ ტექსტს ეწოდება ელემენტის შიგთავსი; HTML ტეგებში არ აქვს მნიშვნელობა ისინი პატარა ასოებით დაიწერებიან, თუ დიდით, მაგალითად <b> ტეგი იგევეა, რაც <B> ტეგი. HTML-ის ელემენტები
გაიხსენეთ პირველი HTML მაგალითი: Code <html>
<head>
<title>გვერდის სათაური</title>
</head>
<body>
ეს არის ჩემი პირველი ვებ გვერდი
<b>ეს ტექსტი არის მუქი</b>
</body>
</html> ეს არის HTML-ის ელემენტი : <b>ეს ტექსტი არის მუქი</b> HTML-ის ელემენტი იწყება საწყისი ტეგით : <b>.
HTML-ის ელემენტის შიგთავსი არის : ეს ტექსტი არის მუქი.
HTML-ის ელემენტი მთავრდება სასრული ტეგით : </b>.
<b> ტეგის მიზანი არის ის, რომ განსაზღვროს HTML-ის ელემენტი, რომელიც გამოისახება მუქად. ესეც არის აგრეთვე HTML-ის ელემენტი: Code <body>
ეს არის ჩემი პირველი ვებ გვერდი
<b>ეს ტექსტი არის მუქი</b>
</body> ეს ელემენტი იწყება საწყისი ტეგით <body>, და სრულდება სასრული ტეგით </body>.
<body> ტეგის მიზანი არის ის, რომ განსაზღვროს HTML-ის ელემენტი, რომელიც შეიცავს HTML დოკუმენტის აგებულებას.
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 16:02 | შეტყობინება # 5 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| რატომ ვიყენებთ მხედრულ ტეგებს? ახლახანს ვთქვით რომ HTML ტეგებში განსხვავება არ იქნება მათ დიდი ასოებით დავწერთ თუ პატარათი. ვებ გვერდების უმრავლესობა შექმნილია დიდი ასოებით დაწერილი ტეგებით. ჩვენ ვიყენებთ პატარა ასოებით დაწერილ ტეგებს. რატომ?
თუ გსურთ მიყვეთ ბოლო ვებ სტანდარტებს, უნდა გამოიყენოთ პატარა ასოებით დაწერილი ტეგები. მსოფლიო აბლაბუდას/ქსელის კონსორციუმი (W3C) თავიანთ HTML რეკომენდაციებში, როკომენდაციას უწევს მხედრული ასოებით დაწერილ ტეგებს, ხოლო XHTML (HTML-ის შემდგომი გენერაცია) მოითხოვს ამას. ტეგების თვისებები ტეგებს შეუძლიათ ქონდეთ თვისებები. ტეგების თვისებები უზრუნველყოფენ HTML-ის ელემენტების დამატებით ინფორმაციებს.
მიმდინარე ტეგი საზღვრავს HTML ცხრილს : <table>. დამატებული საზღვრების თვისებებით, თქვენ შეგიძლიათ ბრაუზერს გადასცეთ ინფორმაცია, რომ შექმნილ ცხრილს არ ექნება საზღვრები : <table border="0">.
თვისებები იწერებიან წყვილად, მაგალითად, name="value".
თვისებები ყოველთვის განისაზღვრებიან HTML-ის ელემენტის დაწყებით ტეგში. თვისებების მნიშვნელობების ციტირება თვისებების მნიშვნელობები ყოველთვის ისმებიან ციტატაში. ბრჭყალებში ჩასმული მნიშვნელობები არიან უფრო მეტად საერთონი, მაგრამ აპოსტროფებში ჩასმული მნიშვნელობებიც აგრეთვე დასაშვებია.
ზოგიერთ იშვიათ სიტუაციებში, მაგალითად, როდესაც მნიშვნელობა თავისთავად შეიცავს ციტატას, აუცილებელია გამოვიყენოთ აპოსტროფები :
name='John "ShotGun" Nelson'
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 16:05 | შეტყობინება # 6 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| სცადე შენით - მაგალითები ეს მაგალითი არის ძალიან უბრალო HTML მაგალითი, HTML ტეგების მინიმუმით. ეს არის დემონსტრაცია იმისა თუ როგორ გამოისახება სხეულის ელემენტში ჩასმული ტექსტი. http://seaman.ge/html/tryit.asp?filename=tryhtml_basic Code <html>
<body>
ბრაუზერზე გამოსახულია სხეულის ელემენტის შიგთავსი
</body>
</html> ეს მაგალითი აკეთებს იმის დემონსტარციას, თუ როგორ გამოისახება ბრაუზერში პარაგრაფ ელემენტში ჩასმული ტექსტი. http://seaman.ge/html/tryit.asp?filename=tryhtml_paragraphs1 Code <html> <body> <p>ეს არის პარაგრაფი.</p> <p>ეს არის პარაგრაფი.</p> <p>ეს არის პარაგრაფი.</p> <p>პარაგრაფის ელემენტები გამოისახებიან p ტეგით.</p> </body> </html> სათაურები სათაურები განისაზღვრებიან <h1>-დან <h6>-მდე ტეგებით. <h1> განსაზღვრავს ყველაზე დიდ სათაურს. <h6> განსაზღვრავს ყველაზე პატარა სათაურს. Code <h1>ეს არის სათაური</h1>
<h2>ეს არის სათაური</h2>
<h3>ეს არის სათაური</h3>
<h4>ეს არის სათაური</h4>
<h5>ეს არის სათაური</h5>
<h6>ეს არის სათაური</h6> HTML ავტომატურად დაამატებს დამატებით ცარიელ სტრიქონს, სათაურამდე და სათაურის შემდეგ.
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 16:06 | შეტყობინება # 7 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| პარაგრაფები პარაგრაფები განსაზღვრულნი არიან <p> ტეგით. Code <p>ეს არის პარაგრაფი</p> <p>ეს არის სხვა პარაგრაფი</p> HTML ავტომატურად დაამატებს დამატებით ცარიელ სტრიქონს პარაგრაფამდე და პარაგრაფის შემდეგ. ხაზის გაწყვეტა <br> ტეგი გამოიყენება, როდესაც გნებავთ ხაზის გაწყვეტა და ახალ ხაზზე გადასვლა, მაგრამ არ გნებავთ ახალი პარაგრაფის დაწყება. <br> ტეგი გაწყვიტავს ხაზს იქ, სადაც მას განათავსებთ. Code <p>ეს <br> არის პარა<br>გრაფი ხაზის გაწყვეტით</p> <br> ტეგი არის ცარიელი ტეგი. მას არ აქვს სასრული ტეგი. კომენტარები HTML-ში კომენტარების ტეგი გამოიყენება HTML კოდში კომენტარების ჩასასმელად. ბრაუზერი იგნორირებას გაუკეთებს კომენტარს. თქვენ შეგიძლიათ კოდის ასახსნელად გამოიყენოთ კომენტარები, რომლებიც დაგეხმარებიან სამომავლოდ ამავე კოდის რედაქტირებისას. Code <!-- ეს არის კომენტარი --> კომენტარი უნდა მიუთითოთ ფრჩხილის გახსნის შემდეგ და არა დახურვის შემდეგ.
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 16:08 | შეტყობინება # 8 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| ბაზური ჩანაწერები - გამოყენებადი წვრილმანები როდესაც წერთ HTML ტექტს, თქვენ დარწმუნებული ვერასდროს იქნებით, თუ როგორ გამოისახება ტექსტი სხვადასხვა ბრაუზერებში. ზოგიერთს აქვს დიდი მონიტორი, ზოგიერთს პატარა. ტექსტი ყოველთვის გარდაიქმნება ეკრანის ზომის შეცვლისას. არასდროს ჩაამატოთ ცარიელი ხაზები, სიცარიელეები სიტყვებს შორის და ა.შ.
HTML შეკვეცავს სიცარიელეებს სიტყვებს შორის. სიცარიელის ნებისმიერი რაოდენობა ითვლება ერთად. ზოგიერთი დამატებითი ინფორმაცია : HTML-ში ახალი ხაზი ითვლება ერთ სიცარიელედ.
ცარიელი სტრიქონების ჩასმისათვის ცარიელი პარაგრაფების <p> გამოყენება ცუდი აზრია. გამოიყენეთ <br> ტეგი. მაგრამ არ გამოიყენოთ <br> ტეგი სიების გასაკეთებლად.
ალბათ გაგიგიათ რომ პარაგრაფის დაწერა შესაძლებელია ტეგის დახურვის გარეშე </p>. არ დაიჯეროთ ეს.
HTML ავტომატურად დაამატებს დამატებით ცარიელ სტრიქონებს ზოგიერთ ელემენტამდე და ელემენტის შემდეგ, როგორც პარაგრაფამდე და პარაგრაფის შემდეგ, ან სათაურამდე და სათაურის შემდეგ.
ჰორიზონტალური ხაზის გასასმელად შეგიძლიათ გამოიყენოთ ტეგი <hr>. ბაზური HTML ტეგები 
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 16:14 | შეტყობინება # 9 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| როგორ ვნახოთ HTML წყარო ოდესმე გინახიათ ვებ გვერდი და გაოცებულხართ? Code ”ეი! როგორ გააკეთეს ეს?”. ამ კითხვაზე პასუხის გასაცემად იმოქმედეთ მთავარი მენიუს VIEW(ხედი) მენიუზე და მონიშნეთ SOURCE(წყარო), ან PAGE SOURCE(გვერდის წყარო). ამი შემდეგ გაიხსნება ფანჯარა, სადაც ნაჩვენები იქნება გვერდის HTML კოდი. ტექსტის ფორმატირების ტეგები   
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 18:51 | შეტყობინება # 10 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| მიბმული ტეგები და Href თვისებები HTML იყენებს <a>(მიბმა) ტეგს, სხვა დოკუმენტის ბმულის გასაკეთებლად.
მიბმას აქვს წვდომა ნებისმიერ რესურსზე ინტერნეტში: HTML გვერდი, სურათი, მუსიკა, ფილმი და აშ.
მიბმის გაკეთების სინტაქსი: Code <a href="url">ეკრანზე გამოსატანი ტექსტი</a> <a> ტეგი გამოყენებულია მიბმის ბმულის გასაკეთებლად, href თვისება გამოყენებულია მისამართის მითითებისთვის, მიბმის საწყის და სასრულ ტეგებს შორის განთავსებული სიტყვები ეკრანზე გამოისახება, როგორც ჰიპერბმული. ეს მიბმა აღწერს ვიკიწიგნების მისამართს: Code <a href="http://seaman.ge/">მეზღვაურთა გაერთიანებული ფორუმი</a> |
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 18:55 | შეტყობინება # 11 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| სამიზნე ატრიბუტები სამიზმე ატრიბუტებით თქვენ შეგიძლიათ განსაზღვროთ სად გაიხსნება ბმული.
ეს ბმული გაიხსნება ბრაუზერის ახალ ფანჯარაში: Code <a href="http://seaman.ge/"
target="_blank">მეზღვაურთა გაერთიანებული ფორუმი</a> მიბმული ტეგი და სახელის ატრიბუტი სახელის ატრიბუტი გამოიყენება დასახელებული მიბმისათვის. როდესაც იყენებთ დასახელებულ მიბმას, თქვენ ქმნით ბმულს რომელიც გადახტება გვერდის რომელიმე ნაწილში. მორბენალების გამოყენების ნაცვლად საკმარისია იქმოქმედოთ ამ ბმულზე და თქვენ მოხვდებით გვერდის სასურველ ნაწილში.
დასახელებული მიბმის სინტაქსი : Code <a name="label">Text to be displayed</a> მიბმის სახელი შესაძლოა იყოს ნებისმიერი ტექსტი. დასახელებული მიბმის ქვემოთ განსაზღვრის სინტაქსი: Code <a name="tips">Useful Tips Section</a> შეამჩნევდით რომ დასახელებული მიბმა არ გამოისახება განსხვავებული გზით.
ბმულის დირექტორიაში ჩაამატეთ სიმბოლო #, ხოლო შემდეგ მიბმის სახელი. ასე, მაგალითად: Code <a href="http://seaman.ge/HTML/HTML_%E1%83%91%E1%83%9B%E1%83
%A3%E1%83%9A%E1%83%94%E1%83%91%E1%83%98#.E1.83.A1.E1.83.90.E1.83.9B.E1.83
.98.E1.83.96.E1.83.9C.E1.83.94_.E1 .83.90.E1.83.A2.E1.83.A0.E1.83.98.E1.83.91.E1.83.A3.E1.83
.A2.E1.83.94.E1.83.91.E1.83.98#მიბმული ტეგები და Href თვისებები">გადახტი მითითებულ ნაწილში</a> |
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 18:57 | შეტყობინება # 12 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| ბაზური ჩანაწერები - გამოყენებადი წვრილმანები ყოველთვის დაამატეთ სლეში ბმულის ბოლოში. თუკი თქვენი ბმული ასეთია: href="http://seaman.ge/HTML", სერვერზე შეიქმნება ორი HTTP მოთხოვნა, იმიტომ რომ, სერვერი ავტომატურად დაამატებს ბმულის ბოლოში სლეშს და შექმნის ახალ მოთხოვნას: href=”http://seaman.ge/HTML/ ”. დასახელებული მიბმები ხშირად გამოიყენებიან დიდი დოკუმენტის ცხრილებში. დოკუმენტის შიგნით თითოეული სიმბოლო გადაცემულია დასახელებულ მიბმაზე და ამ მიბმის თითოეულ ბმულს გადაყავხარ დოკუმენტის თავში.
თუ ბრაუზერი ვერ პოულობს დასახელებულ მიბმას, მაშინ ის ზუსტად განისაზღვრა და გადავიდა დოკუმენტის თავში. შეცდომები არ ხდება.
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 18:59 | შეტყობინება # 13 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| ბლოკები ბლოკების მეშვეობით თქვენ შეძლებთ ბრაუზერის ერთ ფანჯარაში გამოსახოთ ერთზე მეტი HTML დოკუმენტი. თითოეულ HTML დოკუმენტს ქვია ბლოკი და თითოეული ბლოკი ერთმანეთისგან დამოუკიდებელია. ბლოკების გამოყენების არახელსაყრელი პირობები: - ვებმასტერმა უნდა აკონტროლოს ერთზე მეტი HTML დოკუმენტის სიგრძე.
- სრული გვერდის დაბეჭდვა ძალიან ძნელია. ბლოკების ნაკრების ტეგები - <frameset> ტეგი განსაზღვრავს ფანჯრის ბლოკებად დაყოფას.
- თითოეული ბლოკების ნაკრების ტეგი განსაზღვრავს სტრიქონების, ან სვეტების განლაგებას.
- სტრიქონების/სვეტების მნიშვნელობების რაოდენობა მიუთითებენ ეკრანის არეს, რომელსაც იკავებენ სტრიქონები/სვეტები. ბლოკის ტეგი <frame> ტეგი განსაზღვრავს HTML დოკუმეტში ბლოკების სათითაოდ ჩადებას. მაგალითში მოყვანილია ბლოკების ნაკრები ორი სვეტით. პირველი სვეტი იკავებს ფანჯრის 25%-ს, ხოლო მეორე 75%-ს. HTML დოკუმენტი "frame_a.htm" ჩადებულია პირველ ბლოკში, ხოლო "frame_b.htm" მეორეში : Code <frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset> ბაზური ჩანაწერები - გამოყენებადი წვრილმანები თუ ბლოკს აქვს საზღვარი, მაშინ მომხმარებელს შეუძლია ბლოკის ზომის შეცვლა, საზღვრის გადაადგილებით. იმისათვის რომ მომხმარებელს არ შეეძლოს ამის გაკეთება, შეგიძლიათ ჩაამატოთ noresize="noresize" - <frame> ტეგში.
ჩაამატეთ <noframes> ტეგი ბრაუზერებისათვის, რომლებიც არ უზრუნველყოფენ ბლოკებს.
მნიშვნელოვანი: თქვენ არ შეგიძლიათ გამოიყენოთ <body></body> ტეგი <frameset></frameset> ტეგთან ერთად! თუ თქვენ დაამატებთ <noframes> ტეგს, რომელიც შეიცავს ტექსტს ბრაუზერისთვის, მაშინ ის არ უზრუნველოყფს ბლოკებს, და თქვენ გექნებათ გარშემორტყმული ტექსტი <body></body> ტეგში!
|
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 19:01 | შეტყობინება # 14 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| ცხრილები ცხრილები განისაზღვრებიან <table> ტეგით. ცხრილები დაყოფილია სტრიქონებად (<tr> ტეგით) და თითოეული სტრიქონი დაყოფილია სვეტებად (<td> ტეგით). Td ნიშნავს table data(ცხრილის მონაცემები), რომელიც არის ინფორმაცია უჯრედზე. უჯრედის ინფორმაცია შეიძლება შეიცავდეს ტექსტს, ცხრილებს, სურათებს, პარაგრაფებს, ფორმებს, ჰორიზონტალურ ხაზებს, ცხრილებს და ა.შ. Code <table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> ცხრილები და საზღვრის ატრიბუტები თუ არ განსაზღვრავთ საზღვრის ატრიბუტს, ცხრილი გამოისახება საზღვრების გარეშე. ზოგჯერ ეს გამოყენებადია, მაგრამ უმეტეს შემთხვევაში საჭიროა საზღვრები.
იმისათვის რომ ცხრილი გამოისახოს საზღვრებით, უნდა გამოიყენოთ საზღვრის ატრიბუტები: Code <table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table> სათაურები ცხრილებში სათაურები ცხრილებში განსაზღვრულნი არიან <th> ტეგით. Code <table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table> |
| |
| |
| RAPER | თარიღი: კვირა, 26.09.2010, 19:03 | შეტყობინება # 15 |
|
ფორუმელი
ჯგუფი: მომხმარებლები
შეტყობინებები: 757
სტატუსი: Offline
| ცარიელი უჯრები ცხრილებში ცხრილებში არსებული ცარიელი უჯრები ზოგიერთ ბრაუზერში ცუდად გამოისახებიან. Code <table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td></td>
</tr>
</table> ცხრილის ცარიელი უჯრის საზღვრები გამოისახებიან მხოლოდ Mozilla Firefox-ში. Code <table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td> </td>
</tr>
</table> ბაზური ჩანაწერები - გამოსადეგარი წვრილმანები <thead>,<tbody> და <tfoot> ელემენტები იშვიათად გამოიყენებიან, ბრაუზერის ცუდად უზრუნველყოფის გამო. ეს შეიცვალა XHTML-ის ახალ ვერსიაში.
|
| |
| |
