Temel HTML 5 Etiketleri

Temel HTML 5 Etiketleri

Merhaba,

İlk HTML 5 yazımı yazmaya başlıyorum. HTML hakkında birçoğunuzun bilgisi vardır diye düşünerek yazıma başladım, bilmiyorsanız eğer google’da biraz araştırmak yaparak ön bilgi sahibi olabilirsiniz. Herşeyi ben anlatacak değilim dimi?

Web tasarım ya da geliştiricisi olmak istediğinizde ve nereden başlamalıyım diye sorduğunuz da size gelen ilk cevap “sen html’i öğren kardeş gerisi gelir” olacaktır.Temel olarak internet sitelerinin omurgasını oluşturan HTML ‘dir. Ancak günümüzde yüzlerce yapı ve omurga mevcuttur. Yukarıda söylediğim söz de bundan kaynaklanmaktadır. HTML, birçok web yazılım dilinin temelini oluşturur ve bu dillerde html rahatlıkla kullanabilirsiniz. Örneğin, PHP, php sayfalarında html kullanabilirsiniz. ASP sayfasında  da html yapısı kullanabilirsiniz. Daha birçok yapının içerisinde html kullanabilirsiniz.

HTML’in önemini anladığınızı varsayıyorum. Gel gelelim asıl mevzuya, her web dili bir ihtiyaçtan ortaya çıkmaktadır. Teknoloji’de bu değil midi? insanların bir ihtiyacını ya da bir sorununu çözmek için geliştirilir,bulunur. HTML ‘de bu amaçla ortaya çıkmış bir web dilidir. Daha sonralarında asp,php,xml gibi birçok yapı da ihtiyaçlar doğrulsunda web dili çıkmıştır.

Her web programlama dili kendi içerisinde bir takım kurallar ile gelmektedir. Her birinin kendi içerisinde, kendilerine has bir etiketi mevcuttur. Örneğin bir html sayfasını oluşturmak için gerekli olan temel etiket

<html> &nbsp;</html> etiketidir. Bu PHP içinde geçerlidir oda <?php  ?> . Bunlara benzer birçok etiket ve özel karakterler mevcuttur. Bu yazımda sizlere HTML için geçerli olan ve en çok kullanılan etiketler ve özel karakterleri aktarmaya, göstermeye çalışacağım.

HTML5 kodlarını yazmak ve tasarımı geliştirmek için IDE (İntegrated Development Envirenment – Birleşik Geliştirici Ortamı) ve editörler mevcuttur. Kullanılan programlar geliştiricinin uyumuna, alışmasına ve editörün kullanışlı özelliklerine göre farklılık göstermektedir. Bu yazıda şahsımın tercih ettiği ve çokça kullanılan Notepad++ programından bahsedeceğim.

Notepad++: Kod editörüdür. IDE olarak tanımlanamaz. Hata denetimi yoktur. Fakat basit, kullanışlı ve hızlı notepad-plus-plusolması ayrıca pratik ve bellekte fazla yer tutmaması en çok tercih edilenlerden yapar onu.  ASP.NET (.aspx) formatı dışındaki bir çok web programlama dilini/formatını desteklemektedir. Notepad++ İndir bağlantısından ücretsiz olarak edinebilirsiniz.

 

Temel HTML5 Etiketleri

Bir HTML5 sayfasında olmazsa olmazlardan olan ve her html sayfasında olan temel etiketleri aşağıda açıklamalarıyla birlikte anlattım.

  • <!DOCTYPE html>  Bu etiket oluşturduğunuz sayfanın HTML5 sayfası olduğunu ve web tarayıcınızın bunu anlamasını sağlayan temel kodlardan bir tanesidir.
  • <html>  Bu etiket ise sayfanızın başlangıcını ve sayfa boyunca html etiketlerini kullanabilmenizi sağlayan temel etiketlerden birisidir.
  • </html> Sayfamızın bittiğini belirtir. Bu koddan sonra yazılan kodlar artık HTML5 kodları olarak algılanmayacaktır ve geçersiz olacaktır. Bir html sayfası <html> ile başlar </html> ile biter.
  • <head> Oluşturduğunuz html sayfasının en üst kısmı olduğunu belirtir.
  • </head> Oluşturduğunuz html sayfasının üst kısmının bittiğini gösterir.
  • <title> Oluşturduğunu sayfanın başlığını belirtir. Tarayıcınızda sekme kısmında yazılar yazıyor ya o kısımda ki yazıları biz bu kod yardımıyla yazmaktayız.
  • </title> Sayfa başlığının bittiğini gösterir.
  • <body> Oluşturmuş olduğunuz sayfanın orta bölümünü yani gövdesini gösterir. Sitenizde yer alacak yazılar,resimler vb şeyler bu bu etiketin bulunduğu bölümde yer alır.
  • </body> İçerik bölümünüzün bittiğini gösteren etikettir.
  • <footer> Sitenizin en alt bölümü yani sayfanızın aşağıyı kısmını belirtir.
  • </footer> Sitenizin alt kısmının bittiğini gösterir.
  • <meta> Arama motorlarına ve internet tarayıcılarına siteniz hakkında bilgi sunan küçük betiklerdir.

Örnek Bir HTML5 Sayfası

HTML dosyalarının dosya uzantısı .html, .htm olarak kullanılmaktadır. Oluşturduğunuz bir html sayfasınının uzantısı muhakkak .html ya da .htm olmak zorundadır aksi halde çalışmayacaktır. Bir sonra ki yazımda bu etiketleri açıklamaya devam edeceğim. Tek yazıda bütün html etiketlerini anlatamam, birçok temel html etiketleri mevcut hepsini parça parça sizlere aktarmaya devam edeceğim. Aşağıdan örnek html sayfasını indirip inceleyebilirsiniz.

[button url=”https://huseyinkorbalta.com/wp-content/uploads/2016/08/%C3%96rnek-HTML-5-Sayfas%C4%B1.rar” style=”red”]Örnek HTML 5 Sayfasını İndir[/button]

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir