Main Page Main Page Feedback Main Page Ads Page
Geodles.Com-Georgian Dle Support
HTML - სტრუქტურა (HTML გაკვეთილი 02/ 15)

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

 <html> <head> დოკუმენტის სახელი</head> <body> დოკუმენტის შემცველობა </body> </html>


თეგები
<html> </html> 
არიან კონტეინერები სხვა დანარცენებისათვის, მათში უნდა განთავსდეს ყველა დანარჩენი. ამგვარად თქვენი დოკუმენტი უნდა იწყებოდეს თეგით
<html>
, და სრულდებოდეს თეგით
</html>
.
თავად დოკუმენტი პირობითად გაყოფილია ორ ნაწილად- დოკუმენტის დასახელება (თეგები
<head> </head>
) და დოკუმენტის შემცველობა (თეგები
<body> </body>
).

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

Title
ერთადერთი ვალდებულება დოკუმენტის ელემენტებისთვის არის თეგები
<title> </title>
.ისინი აუცუცილებლები არიან, რადგან მიუთითონ დოკუმენტს დასახელება, ის აისახება ბრაუზერის ფანჯარაში. მაგალითად თუ დავწერთ შემდეგ კოდს:


<html> <head> <title>დოკუმენტის დასახელება</title> </head> <body> დოკუმენტის შემცველობა </body> </html>

ბრაუზერის ფანჯარაში ის გამოჩნდება ასე:
HTML - სტრუქტურა (HTML გაკვეთილი 02/ 15)

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

ნუ მიცემთ თქვენს დოკუმენტს უაზრო დასახელებას, მაგალითად "პიველი გვერდი", პირველ რიგში დოკუმენტის დასახელება უნდა ასახავდეს მის შემცველობას, მეორე რიგში კი თეგებში
<title> </title>
მოთავსებული დასახელება თამაშობს არც თუ ისე მცირე როლს საიტის ოფტიმიაციაში და წინსვლაში.
Base
მარტოხელა თეგი
<base>
გვჭირდება დოკუმენტის სრული ლინკის მისათითებლად. რაში გვწირდება ის? წამოიდგინეთ რომ ინტერნეტში დაეძებთ რაღაცას და შეინახეთ რომელიღაც HTML გვერდი თქვენს კომპიუტერში, იმისათვის რომ ის მოგვიანებით ნახოთ. ამ დოკუმენტში ყველა სურათი გადაიქცევა წითელ ჯვრებად მაგრამ თუ თქვენ ჩართული ხართ ინტერნეტში, ხოლო გვერძე არის თეგი
<base>
, ბრაუზერს ეცოდინება, , სად იპოვოს საჭირო ფაილი, ის იპოვის მათ და გამოაჩეს სურათებს.

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

<html> <head> <title>html სტრუქტურა </title> <base href="http://www.geodles.com/"> </head> <body> დოკუმენტის შემცველობა </body> </html> 


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

თეგს
<link> 
რამოდენიმე ატრიბუტი გააჩნია:

href - უთითებს გამოსატანი ფაილის ლინკს

rel - მოცემული დოკუმენტის დამოკიდებულებას სემცველობაზე მაგალითად:
(rel="stylesheet"  უთითებს, რომ ფაილი განსაზღვრავს დოკუმენტის სტილს )
.

type - უთითებს სტილებიც ცხრილის შეერთების პარამეტრებს და ტიპს.

კოდი:

<html> <head> <title> html სტრუქტურა</title> 
<base href="http://www.geodles.com/"> 
<link rel="stylesheet" type="text/css" href="style.css"> 
</head> <body> დოკუმენტის შემცველობა </body>
 </html>

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


<meta http-equiv="Content-Type" content="text/html;charset=windows-1251">


- გვერდის საკვანძო სიტყვების მითითება (გამოიყენება საიტის ოფტიმიზაციისას):

<meta http-equiv="KEYWORDS" content="თეგი,  html სტრუქტურა, გვერდის დასახელება">


- გვერდის მოკლე აღწერის მითითება:
<meta http-equiv="DESCRIPTION" content="გვერდის მოკლე აღწერა">


შესაძლებელია სხვა ვარიანტებიც, განვიხილოთ თეგი -ს პარამეტრები:

http-equiv - განსაზღვრავს თეგის მონაცემებს (კონტენტის ტიპს, საკვანძო სიტყვებს, აღწერას და ა.შ..)

name - გამოიეყენება თეგის დამატებითი აღწერისთვის, თუ არ გვაქვს მაშინ ითვლება http-equiv პარაემტრის ექვივალენტურად.

content - http-equiv პარამეტრის მნიშვნელობა.

კოდის მაგალითი:
<html> <head> <title>html სტრუქტურა</title> 
<base href="http://www.geodles.com/"> 
<link rel="stylesheet" type="text/css" href="style.css">
 <meta http-equiv="Content-Type" content="text/html;charset=windows-1251">
 <meta http-equiv="KEYWORDS" content="თეგი, html, გვერდის დასახელება"> 
<meta http-equiv="DESCRIPTION" content="დასახელებაის ელემენტების აღწერა"> 
</head> 
<body> დოკუმენტის შემცველობა </body> 
</html>



Script

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



language - უთითებს დაწერილი სკრიპტის ენას, HTML 4.0 სპეციფიკაშია მოცემული პარამეტრი არ არის რეკომენდირებული გამოყენებისათვის. მის მაგიერ რეკომენდირებულია გამოიყენოთ თეგი type.
type - უთითებს MIME ტიპს ენისათვის.
src - უთითებს ლინკს ფაილზე.
კოდის მაგალითი:
<html> <head> <title>html სტრუქტურა</title> 
<base href="http://www.geodles.com/"> 
<link rel="stylesheet" type="text/css" href="style.css">
 <meta http-equiv="Content-Type" content="text/html;charset=windows-1251">
 <meta http-equiv="KEYWORDS" content="თეგი, html, გვერდის დასახელება"> 
<meta http-equiv="DESCRIPTION" content="დასახელებაის ელემენტების აღწერა"> 
 <script type="text/javascript" src="function.js"> </script>
</head> 
<body> დოკუმენტის შემცველობა </body> 
</html>




დოკუმენტის შემცველობა - BODY თეგი
ყველაფერი რაც ჩანს ვებ გვერდძე, იმყოფება თეგში
<body></body>
. ეს არის ტექსტები, სურათები და შესრულებული სკრიპტები, და თეგები ამ ყველაფრის გასაფორმებლად.
აუცილებელი პარამეტრი თეგისათვის
<body> 
, ასევე არ არის რეკომენდირეული არააუცილებელი თეგების გამოყენებაც. მიუხედავად ამისა სხვადასხვა ბრაუზერების მიერ კვლავაც მხარდაჭერილია პარამეტრების უმეტესობა:

alink - უთითებს აქტიური ბმულის ფერს. მიმდინარე ფერი იცვლება აქტიური ფერით მასზე დაკლიკებისას.
vlink - უთითებს ნანახი ბმულის ფერს, იმ ბმულის ფერს რომელზეც უკვე დააკლიკეთ.

background - უთითებს სურათს რომელიც გამოისახება ფონის მაგიერ. ეს სურათი დაიკავებს ხილული ნაწილს მთლიანად. თუ სურათი უფრო მცირეა ვიდრე ბრაუზერის ფანჯარა, ის გამეორდება, ქმნის მოზაიკას ერთი სურათისგან. ამ სურათების გადაბმები ხილულია. ამიტომ მისი გამოყენებისას საჭიროა გამოვიჩინოთ დიდი ყურადღება.
bgcolor - უთითებს დოკუმენტის ფონის ფერს.
leftmargin - უთითებს მარცხენა კიდისგან კონტენტამდე დაშორებას.
rightmargin - უთითებს ბრაუზერის მარჯვენა კიდისგან კონტენტამდე დაშორებას.
topmargin - უთითებს ბრაუზერის ზედა კიდისგან კონტენტამდე დაშორებას.
bottommargin - უთითებს ბრაუზერის ქვედა კიდისგან კონტენტამდე დაშორებას.
text - უთითებას ტექსტის ფერს მთელი დოკუმენტისთვის.

კოდი:

<html> <head> <title>html სტრუქტურა</title> 
<base href="http://www.geodles.com/"> 
<link rel="stylesheet" type="text/css" href="style.css">
 <meta http-equiv="Content-Type" content="text/html;charset=windows-1251">
 <meta http-equiv="KEYWORDS" content="თეგი, html, გვერდის დასახელება"> 
<meta http-equiv="DESCRIPTION" content="დასახელებაის ელემენტების აღწერა"> 
 <script type="text/javascript" src="function.js"> </script>
</head> 
 <body bgcolor="khaki" leftmargin="100" topmargin="50" rightmargin="50" bottommargin="50" text="gray" alink="red" vlink="green"> უბრალო ტექსტი <br> <a href="index.html">ბმული გვერძე index.html</a> <br> <a href="map.html">ბმული გვერძე map.html</a> </body> </html>



ბრაუზერში ის გამოჩნდება შემდეგნაერად:

HTML - სტრუქტურა (HTML გაკვეთილი 02/ 15)

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

+3
ავტორი: admin ნანახია: 1182 | კომენტარი: 0 | Tutorials | 20-04-2014, 16:47
ინფორმაცია
ჯგუფ სტუმარი-ის წევრებს არ აქვთ კომენტარის დატოვების უფლება.






რა სისტემაზე მუშაობთ

დამწყები ვარ
უქოზზე
დლეზე
ჯუმლაზე
ვორდპრესზე
რამოდენიმეზე ერთდროულად



����������� ������


© 2009-2012 Powered By Geodles.Com