HTML Nesneleri

  • 23
  • (2)
  • (5)
  • 09 Oca 2018

Hyper Text Markup Language olarak bilinen HTML 1993' de CERN' de Tim Berners-Lee isimli Fizikçi tarafından bulunmuş bir dildir. Salt haliyle dil mi yoksa dosya formatı mı olduğu tartışmalıdır. Ancak 2014' de yayınlanan HTML5 kararlı sürümü ile ve CSS, Javascript gibi teknolojilerle entegre bir hal aldığı için dil olduğunu söylemek artık yanlış olmayacaktır.

HTML Sayfa Yapısı

HTML sayfa yapısı iki temel kısımdan oluşur. <head> kısmı sayfa başlığı, kaynak dosyaları, seo açıklamaları gibi unsurları içerirken, sayfa içeriği tamamen <body> kısmı içerisindedir.


<html>
    <head>
        <-- Sayfa başlığı ve bilgileri --/>
    </head>
    <body>
        <-- Sayfa içeriği --/>
    </body>
</html>

Taglar

HTML yapısı içerisinde çeşitli amaçlara yarayan birçok tag bulunmaktadır. Tagların kullanım şekli oldukça basittir.

<div> şeklinde tagı açarsınız ve </div> şeklinde de tagı kapatırsınız.

Sık kullanılan bazı taglar aşağıda listelenmiştir.

  • <html> html sayfasının ana tagıdır
  • <head> html sayfasının başlık bölümü tagıdır
  • <body> html sayfasının gövde(içerik) bölümü tagıdır
  • <div> genel olarak belli bir bölümü ayırır
  • <h1> başlık 1, en büyük başlıktır. Seo açısından bir sayfada olması avantajdır
  • <h2> başlık 2, en büyük başlıktır.
  • <h3> başlık 3, en büyük başlıktır.
  • <h4> başlık 4, en büyük başlıktır.
  • <h5> başlık 5, en büyük başlıktır.
  • <h6> başlık 6, en büyük başlıktır.
  • <p> paragraf olarak kullanılır
  • <ul> unordered list, sıralanmamış listedir
  • <ol> ordered list, sıralanmış listedir
  • <li> list item, liste elemanıdır
  • <form> sunucuya veri gönderen formları içerir
  • <input> form içeriklerinde button, text, checkbox gibi veri girişi yapılmasını sağlar
  • <a> link tagıdır

Yazdığınız HTML kodlarını eş zamanlı görüntüleyen HTML Editor' ü ziyaret edebilirsiniz.

İlişkili İçerikler

HTML yapısında her biri tag olarak isimlendirilen elementlere çeşitli özellikler verilebilmektedir. Bu elementler style özelliği ile çeşitli stillere dönüştürülebilir

HTML elementlerine verilen style özelliği aslında CSS yapısı ile birebir aynıdır. Yazı içerisinde, elementler, class ve id özellikleri ile şekillendirmeyi inceleyebilirsiniz.

Paylaşın
Etiket Bulutu