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

<!DOCTYPE HTML>
<html>

<header>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>სასწავლო საიტი</title>
<link  href="style.css" type="text/css" rel="stylesheet" />
</header>

<body>
<h1 >ეს სასწავლო საიტია</h1>
<p>ეს საიტის ტექსტია...</p>
<p>ეს საიტის ტექსტია...</p>
<p>ეს საიტის ტექსტია...</p>
<br/>
<hr/>
<img src="sur3.jpg" alt="კლასი">
</body>

</html>
დაწვრილებით

სია

ვებ-პროგრამირებაში ძირითადად გამოიყენება ორი სახის სია: 1)არაგადანომრილი და 2)გადანომრილი. უფრო ხშირად დაგვჭირდება არაგადანომრილი სია.
<!DOCTYPE HTML>
<html>
    <header>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>სასწავლო საიტი</title>
        <link  href="style.css" type="text/css" rel="stylesheet" />
    </header>
    <body>
        <ul>
            <li>ხილი
                <ol>
                    <li>ვაშლი
                        <ul>
                            <li>სინაპი</li>
                            <li>კეხურა</li>

                        </ul>
                    </li>
                    <li>მსხალი</li>
                    <li>ატამი</li>
                </ol>
            </li>
            <li>კენკრა</li>
            <li>ბოსტნეული</li>
        </ul>
        <ol>
            <li>ხილი</li>
            <li>კენკრა</li>
            <li>ბოსტნეული</li>
        </ol>
    </body>
</html>

დაწვრილებით

ბმულები

საიტი წარმოუდგენელია სხვადასხვა გვერდებზე გადასასვლელი მენიუს და სხვა საიტებზე გადამისამართების გარეშე. სწორედ ამას ემსახურება ჰიპერ-ბმულები. კოდი შემდეგნაირად გამოიყურება
<a href="" title="" target="" >ტექსტი </a>, სადაც href="" -ში უნდა ჩავსვათ გვერდის მისამართი, title="" -ში სასურველი სახელი, target="" -ში კი იმის მიხედვით თუ სად გვინდა გაიხსნას ახალი გვერდი, იქვე თუ ახალ ფანჯარაში. თუ იქვე - არაფერს არ ვწერთ, თუ ახალ ფანჯარაში, მაშინ ვწერთ _blank. მაგალითი:
 <a href="http://gess.dsl.ge/" title="ჩვენი საიტი" target="_blank" >სასწავლო საიტი </a>  გადაგვამისამართებს ჩვენს საიტზე ახალ ფანჯარაში.
თუ ჩვენ ძირითად ფოლდერში შევქმნით სხვა .html გვერდს და მის მის სახელს ჩავწერთ href="" -ში, გადავალთ იმ ახალ გვერდზე. მაგალითი:
 <a href="page2.html" title="მეორე გვერდი" target="" >გადადი მეორე გვერდზე </a> .
დაწვრილებით

ცხრილი

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

შენიშვნა: თქვენი დაწერილი კოდების სისწორე "ონლაინში" შეგიძლიათ შეამოწმოთ შემდეგ საიტზე აქ. დაწერეთ კოდი html-ში და გაუშვით run.


დაწვრილებით

საიტზე ვიდეოს ჩამატება

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

HTML Forms

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