საიტის მთავარი გვერდი

<!DOCTYPE HTML>

<html>

<title>სასწავლო საიტი</title>

</header>

<body>

<h1 >ეს სასწავლო საიტია</h1>

<p>ეს საიტის ტექსტია...</p>

<br/>

<hr/>

</body>

</html>

css სტილის ნიმუშები

body{

background:#ECEDF1;

}

hr{

border:3px dotted #F3B247;

}

span{

font-size:40px;

color:#0E2CF1;

}

#main{

width: 900px;

margin: 0 auto;

border:3px solid #F3B247;

background:#A5F1B6;

text-align:center;

}

1) გადმოწერეთ Notepad++ და დააინსტალირეთ.

2) შექმენით ფოლდერი test_html და მასში განათავსეთ ფაილები index.html და style.css.

3) გადაიწერეთ მთავარი გვერდის კოდის ნიმუში და მასში განათავსეთ თქვენთვის სასურველი ტექსტი.

ვებ-პროგრამირებაში ძირითადად გამოიყენება ორი სახის სია: 1)არაგადანომრილი და 2)გადანომრილი. უფრო ხშირად დაგვჭირდება არაგადანომრილი სია.

კოდის მაგალითები:


	 <ul>
	<li>პირველი ელემენტი</li>
	<li>მეორე ელემენტი</li>
	<li>მესამე ელემენტი</li>
	<li>მეოთხე ელემენტი</li>
	</ul>


	 <ol>
	<li>პირველი ელემენტი</li>
	<li>მეორე ელემენტი</li>
	<li>მესამე ელემენტი</li>
	<li>მეოთხე ელემენტი</li>
	</ol>

ამ სიების სტილიზაციას შემდეგ გაკვეთილებში განვიხილავთ.

შეადგინეთ 5-6 ელემენტიანი სიის მაგალითები. ელემენტები შეავსეთ თქვენთვის სასურველი ტექსტით.

ძირითადი მოთხოვნა: ერთერთი ელემენტი უნდა შეიცავდეს პატარა ზომის სურათს.

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

მითითება: ვთქვათ სია შედგება ხილის ჩამონათვალისაგან (მსხალი, ვაშლი, ატამი, ბალი) და ვაშლი შეიცავს სხვადასხვა ჯიშს (სინაპი, კეხურა, ანტონოვკა).