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

HTML - საწყისები

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

HTML - მედია

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

HTML - ფორმები

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

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



სათაურები:


სათაური 1

სათაური 2

სათაური 3

სათაური 4

სათაური 5
სათაური 6

სათაური იწყება <h1> დან  და  სრულდება <h6> ტეგზე

    <h1>სათაური</h1>
    <h2>სათაური</h2>
    <h3>სათაური</h3>
    <h4>სათაური</h4>
    <h5>სათაური</h5>
    <h6>სათაური</h6>

<h1> არის ყველაზე დიდი ზომის ტექსტი ხოლო <h6>  ყველაზე პატარა , მათი გამოყენება შეგიძლიათ გვერდის ან სტატიის სათაურის გადმოსაცემად ,  ყველაზე მნიშნელოვან სათაურში ვიყენებთ <h1> ხოლო , ყველაზე ნაკლები მნიშვნელობის ტექსტში <h6>


სათაურის ტეგები ბრაუზერში ჩანან გასქელებული ტექსტით და დიდი ზომის შრიფტით , ასევე ელემენტებს შორის არის ჩაშენებული დაშორებებიც 


პარაგრაფი:


წინადადების ან დიდი ზომის ტექსტის გამოსატანად ბრაუზერში <p> ტეგი გამოიყენება,ყოველი პარაგრაფი იწყება ახალი ხაზიდან , <p> ტეგში მოთავსებულ  სიტყვების განლაგებას ბრაუზერი მიშვნელობას არ ანიჭებს 

მაგალითად:

  <p>
    მე ვსწავლობ Front End პროგრამირებას
    ვებ პლატფორმაზე                   programirebis-kursebi.ge
  </p>

შედეგი:

როგორც ფოტოზე ვხედავთ ბრაუზერმა არც სიტყვებს შორის სიცარიელეს მიანიჭა მნიშვნელობა , და არც მეორე წინადადება დაიწყო ახალი ხაზიდან 


თუ გვინდა წინადადების გაწყვეტა და ახალი ხაზიდან დაწყება , ამისათვის HTML ში , არსებობს ორი ტეგი <br> და <hr> 

<br> გამოყენების   შემთხვევაში    მის მარჯვნივ არსებული ტექსტი ახალი ხაზიდან დაიწყება    

  <p>
    მე ვსწავლობ Front End პროგრამირებას <br>  
    ვებ პლატფორმაზე                   programirebis-kursebi.ge
  </p>

<hr> გამოყენების   შემთხვევაში    მის მარჯვნივ არსებული ტექსტი ახალი ხაზიდან დაიწყება , და ხაზებს შორის გაევლება   ხაზი 

  <p>
    მე ვსწავლობ Front End პროგრამირებას <hr>  
    ვებ პლატფორმაზე                   programirebis-kursebi.ge
  </p>



თუ გვინდა ედიტორში დაწერილი ტექსტი ბრაუზერშიც იდენტურად აისახოს ამისათვის შეგვიძლია <pre> ტეგის გამოვიყენოთ 

  <pre>
    მე ვსწავლობ Front End პროგრამირებას <hr>  
    ვებ პლატფორმაზე                   programirebis-kursebi.ge
  </pre>

შედეგი: