Web tasarım konusu hakkında araştırma yapan bütün herkesin karşısına çıkan en temel kavram HTML’dir. Web sayfalarını oluşturma aşamalarında kullanılacak olan standart metin işaret dili durumundaki HTML açılımı ise ‘’Hyper Text Markup Language’’ şeklinde bilinir. Genel olarak bilinen yanlış kanının aksine ise HTML bir programlama dili olmamaktadır. Daha açık anlatılması gerekirse, Firefox, Yandex, Chrome gibi tarayıcıların da okuyup anlamlandıramadığı bir dildir, HMTL dili.
Hyper Text Markup Language ( Türkçe Hiper Metin İşaretleme Dili ) internet sayfalarının oluşturulması adına kullanılan standart bir metin işaretleme dilidir. Dilin en son sürümü ise HTML5’dir.
HTML, bir programlama dili olacak şekilde tanımlanamaz. Zira HTML kodları aracılığıyla kendi başlarına çalışabilen herhangi bir program yazılamaz. Fakat bu dilin yorumunu yapabilen programlar aracılığıyla da çalışan programlar yazılabilir. Programlama dili denilemesinin sebebi ise tam olarak budur. Temel gereği görüntü, video, yazı gibi değişik verileri ve bu verileri içeren sayfaları birbirine kolayca bağlamaktır. Buna ek ise düzgün şekilde görüntülenmesi adına gerekli kuralları belirlemektedir.
HTML Ne İşe Yarar?
HTML, web tasarımcılarına uygulamalar ve sayfalar için bağlantılar, yapı profilleri, paragraflar, blok alıntılar ve başlıklar oluşturma konularında yardımcıdır. Bu konularda basit kod yapıları durumundaki nitelikler ve etiketler kullanılarak internet sayfaları şekillendirilebilir. HTML için aslında bir internet sitesinin iskeleti de denilebilir. Yani HTML kodları bulunmadan internet sitesi kodlanamaz. İnternet sitesi ve sayfaları oluşturulurken kesinlikle kullanılması gereken bir dildir, HTML dili.
Yeni başlayan kişiler adına öğrenmesi en kolay olan biçimleme dillerinden birisidir HTML dersleri alarak sistemli birer çalışma adına kendinizi geliştirebilirsiniz. Böylece öğrenmiş olduğunuz bilgileri internet sayfasının tasarlanması aşamalarında deneyebilirsiniz. Zamanla sahip olduklarınızdan daha fazlasını öğrenebilir ve internet sitesi tasarlama hususunda söz sahibi olabilirsiniz.
Eğer amacınız bir internet yazılımcısı olmak ise çok işinize yarar. Ancak Windows’a program yapma amacınız varsa pek fazla işinize yaramaz. Windows’a program yapmak adına C Sharp bilinmesi gerekmektedir. Gayel güzel anlatımlı birçok görsel eğitim setleri bulunmaktadır. Kitaplar biraz fazla kafanızı karıştırabilir. Bu şekilde kodlama dilini genel olarak öğrenebilirsiniz.
HTML Nerelerde Kullanılır?
Bu terim internet sitesi yaparken oluşturulan temel bir kavramdır. İnternet tarayıcısı aracılığıyla bir internet sitesi içerisine girdiğimiz zaman ekran üzerinde gördüğümüz bütün her şey HTML’dir.
İnternet siteleri üzerinde görülen bütün her şey HTML aracılığı ile kodlanıyor ve yapılıyor. Bir internet sitesi oluşturacaksanız eğer hangi alan üzerinde çalışırsanız çalışın mutlaka HTML bilmek zorundasınız. HTML aracılığıyla bir internet sitesi üzerinde müzik, tablo, resim, video paylaşabilirsiniz. Oluşturulacak olan siteler üzerinde sağlık ile alakalı bilgilere, verilere, tablolara yer verebilirsiniz. Aynı zamanda farklı alanlar üzerinde de internet sitesi oluşturularak HTML aracılığı ile dünyaya açılabilirsiniz.
En Çok Kullanılan HTML Kodları
HTML kodları, bir internet sayfasının yapısını oluşturmaya yarayan parçacıklardır. Kullanılan kodun ne olduğu farketmeksizin ‘’<’’ ile başlar. Ayrıca ‘’>’’ bu işaretle de bitmek zorundadır. Bazı basit olan HTML kodlarını daima bilmeniz gerekir. Hazırladığınız internet sayfaları üzerinde bu kodları birden çok yerde kullanmanız gerekecektir. Fakat öncesinde temel olan bir HTML belge yapılarının nasıl olması gerektiğinin de bilinmesi gerekir. Buna göre:
<!DOCTYPE html>: Bütün HTML belgeleri genel olarak bu kod aracılığı ile başlamak zorundadır. Bu kod aslında sayfaların HTML 5 formatlarına göre kodlandığını göstermektedir.
<html>: Kök etiket şeklinde de bilinen bu temel yapının kullanımında bütün HTML kodları, bu iki etiketin arasında tanımlanmak zorundadır.
<body>: Görünebilir bütün HTML kod parçaları bu alan içerisine eklendiği etiket kısmıdır.
<head>: İnternet sayfasının başlığı, dili ve diğer bütün düzenlemelerinin yer aldığı etikettir.
<title>: İnternet sitesinin başlık alanının tanımlanması adına kullanılır. <title> etiketi, <head> etiketlerinin içerisinde olmak zorundadır.
<meta charset:’’utf-8’’>: HTML kodlarının pek çok dil setini de içerdiğini belirtir.
Başlık Kodu (Hx)
İnternet sayfanız üzerindeki içeriğin okunabilir parçalara bölünmesini sağlayan unsur başlıklarıdır. HTML temel olarak 6 tane başlık öğesini destekler. Bunlar ise H1, H2, H3, H4, H5 ve H6 olmaktadır. Örnek kullanım şekli ise aşağıdaki şekildeki gibidir:
- <h1>Birinci başlık</h1>
- <h2>İkinci başlık</h2>
- <h3>Üçüncü başlık</h3>
- <h4>Dördüncü başlık</h4>
- <h5>Beşinci başlık</h5>
- <h6>Altıncı başlık</h6>
Paragraf Kodu ( <p> )
Metin içerisinde yer alan paragrafların oluşturulmasını sağlayan koddur. İçerik bölümleri ayrılırken aralarında <br> etiketi, kodu kullanılarak metin paragrafları oluşturulabilir. Ancak <p> kodunun kullanılması ise tavsiye edilir. Arama tarayıcıları ve motorlarının sayfa yapıları hakkında genel olarak bilgilendirir.
Satır Sonu Kodu (<br>)
İnternet sayfası üzerindeki metni yatay bir şekilde bölmeye yarayan bir HTML kodudur. Kullanıldığı yerdeki metin bir alt satır üzerinden devam eder. Diğer bir söyleyişle <br/> kullanıldığı zaman, takip eden bütün kelimeler alt satır üzerinde devam eder.
Resim Kodu (<img>)
<img> kodu, görüntüleri internet sayfasına eklemek adına kullanılır. İnternet sayfasına resim eklemek istediğiniz zaman ilk olarak web sunucusuna bağlayın. Daha sonra ise yüklenecek olan resmin dosya adı kısmına başvuru yapabilmek için birer <img> etiketini kullanabilirsiniz.
Buton Kodu (<button>)
HTML buton kodu, sayfanızı etkileşimli içerikli oluşturmak ve ilgi çekici yapmak adına kullanılır. HTML ve JavaScript renk kodları aracılığıyla daha güçlü bir hale gelmektedir. İçerikleriniz üzerinde kullanıcılarla etkileşime girmenizi sağlar.
HTML5 Nedir?
Çıktığı günden bu yana dek sürekli olarak geliştirilen eklentiler ve yeni özellikler eklenen HTML sürümler yeni güncellemelerle beraber anılmıştır. Bununla beraber tarihsel olarak ise kendi özel isimleri aracılığıyla anılmıştır. Günümüz içerisinde HTML olarak tanınan HTML 4, 1999 senesinde yayınlanmış ve çok fazla beğeni toplamıştı. Fakat daha sonrasında HTML 5 güncellemesi geldiği zaman, beraberinde pek çok yenilik de getirdiği görüldü.
HTML 5’in en popüler olan özelliklerinden birisi gömülü halde bulunan video ve seslere verdiği dahili destektir. Yıllardan beridir kullanılan flash oynatıcıların kullanılmasına gerek kalmadan, gömülü video ve ses dosyaları bazı kodlar eklenilerek kullanılabilir. Bu kodlar ise <video> </video> ve <audio> </audio> kodlarıdır. Benzer biçimde scale vector graphics ( SVC ) ve matematiksel formüller adına da MathML desteği sunmaktadır.
HTML5’i diğerlerinden ayıran bir diğer özellik ise farklı anlamsal düzeltmelere sahip olmasıdır. Yani, internet sayfası üzerindeki içeriğin anlamı hususunda hem arama motorlarına hem de tarayıcıları bilgilendirerek internet sitesinin indekslenmesine yardımcı olur.
.HTML Dosya Uzantısı Nedir?
Bir HTML dosyası, bir internet tarayıcısı üzerinde görüntülenebilen HTML kodlu internet sayfasıdır. Bir internet sayfası üzerinde görüntülenen tabloları, görüntüler, metni ve benzeri içeriklerin değerlendirilmesi adına kullanılır. Statik internet siteleri üzerindeki pek çok sayfada ‘’.html’’ uzantısına sahiptir. Bundan dolayı, HTML dosyaları internet üzerinde yaygın bir şekilde kullanılır.
HTML dosyaları standart olan bir metin şeklinde kaydedilir ve tanımlamak adına kullanılan etiketlerden oluştur. Dosyalar basit olan bir metin editörü aracılığıyla açılabilir ve düzenlenebilir. Ancak genel olarak geliştiricilerin kodlamasını kolaylaştırmak adına bazı özelliklerle beraber gelen kaynak kod editörleri aracılığıyla açılır.
HTML kaynak kodu bir internet tarayıcısı tarafından ayrıştırılır. Ayrıca tipik olarak da kullanıcı tarafından görülmez. Bir internet sayfasının HTML’sini görüntülemeyi istiyorsanız, internet tarayıcısının görünüm menüsü kısmından ‘’Kaynağı Görüntüle’’ sekmesini seçin.