Bir internet sitesi yapmaya karar verdiniz. Araştırma yaparken HTML ile karşılaşmış olabilirsiniz. Bu makalemizde HTML Nedir? HTML Ne İşe Yarar? ve HTML Kodları Nasıl Yazılır? sorularını yanıtlayacağız.
HTML (Hypertext Markup Language), bir web sayfasının içeriğini ve biçimini tanımlamak için kullanılan bir dildir. HTML etiketlerini, web tarayıcıları tarafından yorumlandığında, bir sayfa üzerinde metin, görüntüler, bağlantılar ve diğer öğelerin görünüşünü ve yerleşimini belirler.
HTML çok yönlü bir işaretleme dili ve web sayfalarındaki içeriklerin çeşitli bileşenlerini yönetme konusunda çok esnektir. Örneğin, HTML ile bir web sayfasında metinleri bold (kalın) veya italik (eğik) yapabilir, görüntüler ekleyebilir, formlar oluşturabilir ve daha pek çok şey yapabilirsiniz.
HTML Nasıl Doğdu?
HTML, 1989 yılında CERN tarafından Tim Berners-Lee tarafından geliştirilmiştir. O dönemlerde, internet daha yeni bir teknolojidir ve yalnızca bilim adamları ve araştırmacılar tarafından kullanılır. Tim Berners-Lee, bu dilin oluşumu sırasında, internette bilgi paylaşımını ve bilgiye erişimi kolaylaştırmak amacıyla çalışmıştır. HTML, bugün internetteki en yaygın dil olmuş ve her gün milyarlarca web sayfasının oluşumunda kullanılmaktadır.
HTML işaretleme dilinin evrimine baktığımızda, ilk sürümü HTML 1.0 olarak kabul edilir. Bu sürümün ardından, HTML 2.0, HTML 3.2 ve HTML 4.0 gibi birçok sürüm geliştirilmiş ve kullanılmıştır. HTML5 ise, HTML dilinin en son ve en gelişmiş sürümüdür.
Son Sürüm: HTML 5
HTML5 ile birlikte birçok yenilik getirilmiştir. Örneğin, HTML5 ile birlikte birçok yeni etiket eklenmiştir ve bu etiketler sayesinde internet siteleri daha anlamlı hale getirilmiştir. Örneğin, <header> etiketi bir sayfanın başlık bölümünü, <footer> etiketi ise bir sayfanın alt bölümünü tanımlar. Bu sayede, arama motorları HTML sayfalarını daha iyi anlayabilir ve bu sayfaları daha doğru bir şekilde sıralayabilir. HTML5 ile birlikte, birçok yeni özellik de eklenmiştir. Örneğin, HTML5 ile birlikte video ve ses dosyalarının doğrudan internet sitelerinde oynatılması mümkün hale gelmiştir. Ayrıca, gelen yeniliklerle birlikte web sayfalarında kullanılabilecek yeni görsel öğeler de eklenmiştir.
HTML Kodları Nasıl Yazılır?
HTML işaretleme dilinin kullanımı, web sayfalarının oluşturulmasında çok önemlidir. Sayfalarınızın içeriğini ve biçimini belirleyen etiketler sayesinde, web sayfaları düzenli ve anlamlı hale getirilebilir. Bu sayede, web sayfalarının kullanımı kolaylaşır ve bu sayfalar arama motorları tarafından daha iyi anlaşılır ve sıralanır.
HTML Dosyasının Yapısı
İlk satırda, <!DOCTYPE html> tanımlaması bulunur. Bu, HTML dosyasının hangi sürümünü kullandığını bildirir.
Daha sonra, <html> etiketi ile dosyanın içeriğine gireriz. <html> etiketi, dosyanın HTML olarak yazıldığını bildirir ve dosyanın içeriğinin başlangıcını belirtir.
İçeriği, <head> ve <body> etiketleri arasında yer alır. <head> etiketi, dosya hakkında bilgi içerir (örneğin, dosya başlığı veya tarayıcı önbelleğine nasıl ekleneceği hakkında bilgi). <body> etiketi ise dosyanın gerçek içeriğini içerir.
HTML dosyasının koda dökülmüş hali bu şekildedir:
<!DOCTYPE html>
<html>
<head>
<title>Dosya Başlığı</title>
</head>
<body>
Dosya içeriği burada yer alır.
</body>
</html>
HTML Etiketleri
Etiketler, içeriği etiketler arasına yerleştirilerek yazılır. Etiketleri kapatmak için, açılış etiketinin tersine çevrilmiş hali kullanılır.
Paragraf yazmak için <p> etiketini kullanırız. Paragraf içeriğini etiketler arasına yerleştiririz.
<p>Bu bir paragraftır.</p>Başlık yazmak için <h1>, <h2>, <h3>, vb. etiketlerini kullanabiliriz. Başlık etiketleri tarayıcıda büyük ve kalın yazıyla görüntülenir.
<h1>Bu bir başlıktır</h1>Bir metin parçasını vurgulamak için <strong> etiketini kullanabiliriz. <strong> etiketi, metni kalın yapar.
<p>Bu cümle içinde <strong>vurgulanacak</strong> kelime var.</p>Tarayıcıda tıklanabilir bir bağlantı oluşturmak için <a> etiketini kullanabiliriz. Bağlantının nereye gideceğini ise href etiketiyle belirtiriz.
<a href="https://www.domainadresiniz.com">Bu bir bağlantıdır</a>Bir HTML Dosyası Nasıl Oluşturulur?
HTML dosyası oluşturabilmek için bir metin düzenleme editörüne ihtiyaç duyuyoruz. En kolay ulaşabileceğimiz metin editörü Windows işletim sisteminde kurulu gelen Not Defteri uygulamasıdır. Not Defteri uygulaması içerisine kodlarınızı yazdıktan sonra kaydettiğiniz dosya isminin sonuna “.html” uzantısını ekleyerek HTML dosyanızı yayına hazır hale getirebilirsiniz.
Not Defteri uygulaması dışında bazı metin editörleri HTML kodlamasına kolaylık sağlayan özelliklere sahiptir. Bu editörler sayesinde daha hızlı bir şekilde kodlarınızı yazabilir ve kodlarınızın yapısını daha iyi inceleyebilirsiniz.
HTML için Kullanılabilecek Metin Editörleri:
HTML İnternet Siteleri Arama Motorlarında Görünebilir Mi?
Arama Motoru algoritmaları kullanıcılar için en doğru internet sitesine en hızlı şekilde ulaşılabilmesi için algoritmalarını düzenli olarak güncellemektedir. İnternet sitenizi arama motorları için uygun bir şekilde oluşturursanız herhangi bir engel olmadan arama motorlarında üst sıralara çıkabilirsiniz.
Sayfalarınızın SEO uyumlu hale getirilmesi, arama motorlarının sayfayı daha iyi anlayabilmesini ve daha iyi sıralama alabilmesini sağlar. Bunun için, sayfanızın içeriğinin anahtar kelimelere uygun bir şekilde etiketlenmiş olması önemlidir. Ayrıca, sayfanızın yüklenme hızının yüksek olması ve mobil uyumluluğu da arama motorları için önemli bir unsurdur.
HTML sayfalarının SEO uyumlu hale getirilmesi için diğer önemli konular şunlar:
- Meta etiketleri: Bir sayfanın arama motorları tarafından nasıl anlaşılacağını belirler. Önemli meta etiketleri arasında anahtar kelime etiketleri ve açıklama etiketleri bulunur. Anahtar kelime etiketleri, bir sayfanın içeriğinin önemli anahtar kelimelerini belirtirken, açıklama etiketleri ise sayfanın içeriğini özetler.
- Bağlantılar: Bir sayfanın diğer sayfalara ve sitelerine verdiği bağlantılar, arama motorları tarafından değerlendirilir. Özellikle, bir sayfaya çok sayıda değerli kaynaktan bağlantı verilmişse, bu sayfanın arama motorları tarafından daha değerli bir sayfa olarak değerlendirileceği anlamına gelir.
- Sayfa yüklenme hızı: Arama motorları, sayfaların yüklenme hızını da değerlendirir. Bu nedenle, sayfanızın yüklenme hızının yüksek olması, sayfanızın arama sonuçlarında daha iyi bir sıralama almasını sağlar.
- Mobil uyumluluk: Giderek daha fazla kullanıcının mobil cihazlar aracılığıyla internete giriş yaptığı göz önüne alındığında, mobil uyumluluk önem kazanmıştır. Bir sayfanın mobil cihazlarda düzgün bir şekilde görüntülenmesi, arama motorları tarafından da değerlendirilir ve bu sayfanın arama sonuçlarında daha iyi bir sıralama almasını sağlar.
Bu konuların yanı sıra, sayfalarınızda bulunan içeriğinin kaliteli ve özgün olması da önemlidir. Arama motorları, çok sayıda sayfada aynı içeriğin yer aldığı sayfaları düşük değerlendirir ve bu sayfaların arama sonuçlarında düşük sıralara yerleştirecektir.
HTML İnternet sitenizi yayınlamak için uygun fiyatlı Ekonomik Hosting paketlerimizi tercih edebilirsiniz.
