HTML სახელმძღვანელო

HTML - საწყისები

შესავალი ტექსტური ედიტორი (IDE) სინტაქსი ატრიბუტები ტექსტური ტეგები ფორმატის ტეგები სიები კომენტარი ბმული ცხრილები ფოტო ფაილური სტრუქტურა HEAD & META - ტეგები ბლოკ & ინლაინ ელემენტები DIV - ტეგი სემენტიკური ტეგები

HTML - მედია

ვიდეო აუდიო YouTube - Iframe

HTML - ფორმები

ფორმების შესავალი ფორმის ელემენტები ფორმის ატრიბუტები INPUT - ატრიბუტები RADIO & CHECKBOX ინფუთები

HTML - ძველ ვერსიებში ,  <div> ტეგის გამოყენებით აწყობდნენ , დოკუმენტებს ყველა კომპონენტს (სანავიგაციო მენიუ, განლაგებებს , სექციებს და სხვა), რაც   კოდს რთულად წასაკითხს ხდიდა


<div> - ტეგი არაფრის მთქმელია მისი კონტენტის შესახებ , ხოლო სემენტიკურ ტეგებში ვიცით რა სახის კონტენტი იქნება მოთავსებული


HTML სემენტიკური ტეგები და მათი აზროვრილი დანიშნულება 


<nav> - გამოიყენება სანავიგაციო მენიუს შესაქმნელად

მაგალითად:


<nav>
  <ul>
    <li><a href="">მთავარი</a></li>
    <li><a href="">ჩვენ შესახებ</a></li>
    <li><a href="">პროდუქცია</a></li>
    <li><a href="">მთავარი</a></li>
  </ul>
</nav>



<header> - გამოიყენება დოკუმენტის ზედა ნაწილისთვის , რომელსაც პირველად ხედავს მომხმარებელი

მაგალით:


<header>
  <div>
    <h1>კეთილი იყოს თქვენი მობრძანება</h1>
    <p>აღწერა , ტექსტის სრული კონტენტი</p>
  </div>
</header>



<article> - გამოიყენება როგორც კონტეინერი, სიახლეების ქარდისთვის, ბლოგის ქარდისთვის, ბრუდექციის ქარდისთვის 


მაგალითი:


<article>
  <h1>ბლოგის სათაური</h1>
  <p>ბლოგის აღწერა</p>
  <a href="">სრულად ნახვა</a>
</article>

<article>
  <h1>ბლოგის სათაური</h1>
  <p>ბლოგის აღწერა</p>
  <a href="">სრულად ნახვა</a>
</article>

<article>
  <h1>ბლოგის სათაური</h1>
  <p>ბლოგის აღწერა</p>
  <a href="">სრულად ნახვა</a>
</article>



<aside> - გამოიყენება როგორც  კონტენტის გვერდით მდგარი კომპონენტი


მაგალითი:


<aside>
  <!-- კონტენტი -->
</aside>


<main> - გამოიყენება როგორც  კონტენტის  შემკრავი ელემენტი 


მაგალითი:


<main>
  <!-- კონტენტი -->
</main>




<footer> - გამოიყენება როგორც დოკუმენტის ბოლოს არსებული კომპონენტი, მენიუს და საკონტაქტო
ინფორმაციისთვის


<footer>
  <!-- კონტენტი -->
</footer>




<section> - გამოიყენება დოკუმენტში განსხვავებული შინაარსის მქონე სექციების გამოსაყოფად

მაგალითი:

<section>
  <h1>ჩვენს შესახებ</h1>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
    Cum porro nulla delectus, quae perferendis rem ullam doloribus sequi iusto
    vel eum alias nostrum repudiandae dolorem velit, autem quas, commodi obcaecati!</p>
</section>

<section>
  <h1>ჩვენი პროექტები</h1>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
    Cum porro nulla delectus, quae perferendis rem ullam doloribus sequi iusto
    vel eum alias nostrum repudiandae dolorem velit, autem quas, commodi obcaecati!</p>
</section>

შენიშვნა!
css გარაშე სემენტიკურ ტეგებს არანაირი ვიზუალური დატვირთვა არ გააჩნიათ !