WHATSAPP
HTML Nedir? Nasıl Öğrenilir?

HTML Nedir? Nasıl Öğrenilir?

HTML Nedir?

 

HTML (HyperText Markup Language), web sayfalarının veya mobil uygulamaların bölümlerini onları ziyaret eden web tarayıcılarına tanımlamak için kullanılan bir kodlama dilidir.

 

HTML web geliştirme sürecinde en temel yapı taşıdır ve öğrenmeyi bu kadar kritik yapan şey budur. Yukarıdaki tanımı genişletmek için:

 

  • HTML, tarayıcılara web sayfasının hangi bölümünün başlık olduğunu, altbilgiyi, paragrafların nereye ait olduğunu, resimlerin, grafiklerin ve videoların yerleştirildiğini vb.
  • Tarayıcılar bu HTML içeriğini alır ve cihazınızın ekranında gördüklerinize tercüme eder.
  • HTML, tüm web tarayıcıları (Safari, Firefox ve Google Chrome gibi uygulamalar) tarafından anlaşılması garanti edilen endüstri standardı bir dildir,
  • HTML, web sitelerini Google, Yahoo ve Bing gibi arama motorları tarafından alakalı arama terimlerini temel alarak ("arama çubuğuna yazdığınız arama sözcükleri") "erişilebilir" hale getirmek için de evrensel olarak kabul edilmiş bir standarttır.

 

HTML, kodlama ile ilgileniyorsanız öğrenmeniz gereken ilk dillerden biri . Peki, HTML öğrenmek ne içerir?

 

Teknolojide yeniyseniz, HTML öğrenmek büyük bir girişime benzeyebilir, ancak panik yapmayın! HTML öğrenmek düşündüğünüzden çok daha kolay olabilir.

 

HTML nasıl öğrenilir?

 

Farkında olmasanız da, zaten HTML’ye maruz kalma ihtimaliniz çok yüksek. Bu parantez içindeki komutlara HTML etiketleri denir ve bunlar HTML'nin temel bir bileşenidir.

 

Kullandığınız web tarayıcısı, her biri kendi HTML etiketine sahip olduğu için paragraf ile başlık arasındaki farkı söyleyebilir. Örneğin;

 

<h1> Bu bir başlıktır </h1> 

<p> Bu bir paragraftır. </p>

 

Bu örnekte h1 etiketi bir başlığı işaret ederken p etiketi paragraf olduğunu belirtmektedir.

 

Herhangi bir tür medyayı web sayfanıza yerleştirmek için kendi HTML etiketini kullanmanız gerekir. Örneğin, resimler <img> etiketlerini, videolar <video> etiketlerini vb. Alır.

 

Ayrıca HTML kodları meta, yapısal olmak üzere ikiye ayrılır. 

 

Meta etiketler , kullanıcıların bir web sayfasını ziyaret ederken göremedikleri, ancak web tarayıcılarına sayfa hakkında ek bilgi veren anahtar kelimeler, dokümanın yazarı, en son değiştirilme saati ve tarihi gibi HTML öğeleridir. Bunlar, esas olarak web geliştiricisinin sonunda kayıt tutmak veya web sitesini arama motoru sonuçları için optimize etmek için kullanılır. Bu, sitenin Google’ın anahtar kelime konu başlıkları Google’da görünmesi olasılığını artırır.

 

Yapısal etiketler , bir web sayfasının içeriğini düzenlemek için kullanılan HTML öğeleridir. <div> ve <span> gibi yapısal öğeler, satır içi içeriğe (satırları arasında yalnızca etiketler arasındaki boşluğu alan içeriği) karşı blok düzeyinde içeriği belirtmek için kullanılır. <header> gibi öğeler bir sayfanın başlık içeriğini içerirken, <footer> alt bilgi içeriğini kapsamaktadır.

 

HTML Nasıl Web Sayfası Oluşur?

 

Öyleyse, tüm bu HTML öğeleri HTML kodundan gerçek bir web sitesi haline nasıl geçiyor? Bu şaşırtıcı bir şekilde basit bir işlemdir - HTML kodu, herhangi bir temel metin düzenleyicisinde veya kelime işlem programında düz bir metin HTML belgesi olarak yazılabilir, ardından sonunda .html ile bir HTML dosyası olarak kaydedilir. Standart bir bilgisayardan başka hiçbir egzotik donanım gerekmez. Bu .html dosyaları daha sonra bir web sitesinin tek tek sayfalarının temeli haline gelir ve web barındırma adı verilen bir işlemle çevrimiçi bir web sitesi haline getirilir . HTML sayfalarınızı ziyaret eden ve görüntüleyen web tarayıcıları, etiketleri ve metni çevirip ziyaretçilerin ekranlarında son ürüne dönüştürür.

İlginizi çekebilir...
Instagram'a sadece 4 adımda yeni konum nasıl eklenir? Instagram'a sadece 4 adımda yeni konum nasıl eklenir?
Instagram'a şirketinizin konumunu eklemek çok önemli bir dijital pazarlama tekniğidir. Instagram yeni konum ekleme, instagrama şi...
Draw.io nedir? Diyagram Nasıl Yapılır? Draw.io nedir? Diyagram Nasıl Yapılır?
draw.io nedir?   Draw.io ücretsiz çevrimiçi diyagram çizim uygulamasıdır. Draw.io proje oluşturmak için temel ...
Star Nails Hollanda firmasına yapmış olduğumuz projeyi incelemek istemez misiniz ?