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