HTML Nedir?

10 Ağustos 2021
Markethinkers
HTML Nedir?

Sanal ortamın prensipleri ve işleyişi, hâlâ pek çok kullanıcı tarafından bir muammadan ibarettir. Fakat geliştirici ya da en azından e-ticaret sitesi sahibi iseniz, birtakım kodların sihrine şahit olmuş olabilirsiniz. Kullanılan uygulamalar ve bu uygulamalar aracılığıyla kullanıcıların ekranına aktarılan hemen her şey kodlar ile var olur. Özellikle internet ortamı ve tarayıcı ekranları düşünüldüğünde ise en temel dinamik, HTML kodlarıdır.

HTML Nedir?

HTML kod, kısaca “standart bir metin işaretleme dili” şeklinde tanımlanabilir. 90’lı yıllarda ortaya çıktığı bilinen bu dijital dil, hiç şüphesiz internetin bugünkü işlevlerinin pek çoğunun temelini atmaya yardımcı olmuştur. Evrensel açılımı “Hypertext Markup Language” şeklindedir ve Türkçe karşılık olarak “Hipermetin İşaretleme Dili” ya da “Köprü Metni Biçimlendirme Dili” tabiri kullanılır.

Hipermetin, bilgisayar gibi elektronik cihazların ekranında görüntülenen bir çeşit belge olarak tanımlanabilir. Sadece yazıdan ibaret değildir ve video, fotoğraf, tablo gibi içerikleri de kapsar. Ayrıca sayfalar ve web siteler arasında köprü görev de görür. Hipermetin İşaretleme Dili ise bu hipermetinleri hazırlamak için kullanılan kodlardan oluşan bir dildir. Sürekli geliştirilen bu dilin güncel olarak kullanılan son sürümü HTML5’tir.

Dijital kodların yeni programlar yazmak ve çalıştırmak için kullanıldığı da doğrudur fakat HTML özellikleri itibariyle böyle bir işlevi yerine getiremez. Örneğin HTML kod yazma işlemi ile bir tarayıcı uygulaması yapılamaz ama o tarayıcının ekranında gösterilecek tüm içerikler hazırlanabilir. Bu nedenle bir programlama dili değil, işaretleme dilidir.

HTML Ne İşe Yarar?

HTML kodu; Chrome, Safari, Firefox, Explorer gibi web tarayıcılarının okuyup anlamlandırabildiği bir dildir. Bu dil de tarayıcılar ve “www” ile birlikte hayatımıza girmiştir ve bu sistemin temel iskeletini oluşturur. Kısaca HTML site kodu olarak kullanılır. Yani bir web sitesi yapmaya yarar.

E-ticaret, blog, kurumsal ya da kişisel fark etmeksizin tüm web sitelerin temel iskeletini bu işaretleme dili oluşturur. Birtakım etiketlerden oluşan bu kod dizisi, dinamikten ziyade statik bir web sitesi hazırlamaya yardımcı olur. CSS ve JavaScript kodlarının da eklenmesi ile bu statik web sitesi, dinamik bir siteye dönüştürülebilir. HTML, asıl altyapıyı oluşturmaya yarar.

HTML Nasıl Öğrenilir?

HTML öğrenmek, dijital dünyada iş yapmak isteyenlerin en çok ihtiyaç duydukları eğitimlerden biridir. Front-end geliştiricisi, içerik yöneticisi; sitesini yöneten bir web, blog ya da e-ticaret sitesi sahibi olmak istiyorsanız, bu dili bilmeniz son derece önemlidir. Peki HTML en kolay nasıl öğrenilir?

Kod yazmak aktif bir işlem olduğu için en etkili yöntem, uygulamalı öğrenmektir. Sadece okuyarak ya da video izleyerek tam anlamıyla öğrenmeniz çok zordur. Bunun yerine her öğrendiğiniz adımı uygulamalı olarak pratiğe dökmeniz gerekmektedir. Bu yöntem, HTML hakkında öğrendiklerinizin kalıcı olmasına ve sonrasında gelişmenize de yardımcı olur.

Hipermetin işaretleme dilini öğrenebilmeniz için internet ortamında, ücretli ve ücretsiz çok sayıda kaynak bulabilirsiniz. Eğitimin ücretli ya da ücretsiz olmasından ziyade eğitimi veren kişinin bilgisi, deneyimleri ve eğitim sürecinin işlevselliği önemlidir. Öncesinde işaretleme dilinin ne olduğunu ve ne işe yaradığını araştırıp öğrenmeniz ise başlangıç için önemlidir.

HTML Nerelerde Kullanılır?

HTML kodlarının en çok kullanıldığı yer, site kurma sürecidir. Bir site üzerindeki hemen her detay, bu kodların yardımı ile şekillenir. Site içeriklerinin temel dinamikleri arasında bulunan başlıkları, paragrafları, metinleri, görselleri ve yapı profillerini oluşturmak ve konumlandırmak için kullanılır.

Site üzerindeki bir yazılı içeriğin hem okunabilirliğini hem de SEO uyumluluğunu artırmak için bu kodlar ciddi bir önem taşır. Metin içerisinde yer alan ana başlıklar, alt başlıklar, bullet pointler, kalın ve italik kelimeler, bu kodlar ile işaretlenir. Ayrıca yazılı içeriğe ek olarak eklenen tablolar ve görsellerin konumlandırması da yine kod eklenerek ayarlanır.

Bir görselin, videonun ya da herhangi bir materyalin web sitesinde yer alması, doğru yerde durması ve kullanıcıya doğru bir şekilde gösterilmesi, başına ve sonuna eklenen HTML etiketlerine bağlıdır. İşaretleme kodları, buton ve arka plan renklendirmesi için de yardımcı olur. Ve site içerisine eklenen tüm bu detaylar hakkında arama motorlarına bilgi vermek de HTML kodlarının görevidir.

HTML Yazarken Nelere Dikkat Edilmelidir?

HTML kodları ve anlamlarını bilmek, yazma sürecine başlamadan önce dikkat edilmesi gereken bir detaydır. Çünkü yapılan bir hatanın sayfalarca kodu kullanılamaz hâle getirmesi de muhtemeldir. Bununla birlikte kullanıcı deneyimini olumsuz etkileyecek sonuçlar da doğurabilir. Kod yazarken dikkat edilmesi gereken detaylardan bazıları ise şöyledir:

  • Kodlara, “tag” yani etiketler ile komut verilir.
  • Etiketler, “< >” şeklindeki küçüktür ve büyüktür işaretleri arasına yazılır.
  • Etiket açmak için gerekli kod, “< >” işaretleri arasına yazılır ve açılan etiketin kapatılması gerekir.
  • Etiketin kapatılması için “< >” işaretleri arasındaki kodun başına “/” şeklindeki “slash” işareti konur.
  • Kodlar arası metinlerde Türkçe karakter yer alabilirken kodlarda yer almaz.
  • Kodlar çoğunlukla küçük harflerle yazılır.

En Çok Kullanılan HTML Kodları Hangileridir?

HTML zengin bir dildir fakat bazı kodlar çok sık kullanılır. Çünkü hemen her sitede mutlaka olması gereken kodlar vardır. En çok kullanılan HTML kod örneklerine göz atmak gerekirse, “body, head, title” gibi terimlerle karşılaşmak olasıdır. Dolayısıyla bunları bilmek, yazma sürecinde önemli bir şekilde pratiklik kazandırır.

<!DOCTYPE html>

“DOCTYPE” etiketi, kodlanan belgenin hangi dilde olduğunu bildirmek için kullanılır. Yanına “html” etiketini de eklemek, sayfanın HTML5 ile hazırlandığını gösterir. Belgeye başlanırken yazılan ilk kod etiketidir.

<html>

Bu etiket, belgenin kök etiketi olarak kabul edilir. HTML kaynak dokümanı yaratmak için kullanılır ve belgenin içerdiği tüm kodlar, bu etiketin içerisinde yer alır. Belge bu kodun kapatılması ile sonlanır.

<head>

Hazırlanan belge ya da sayfanın genel bilgileri, bu etiketin arasına yazılır. Söz konusu bilgiler dil, başlık vb. şeklindedir. Bu etikete yazılan kodlar, sayfada görüntülenmez ve kullanıcıya gösterilmez.

<body>

Sayfanın içeriğini oluşturan kodların yazıldığı etikettir. Belgenin görünen kısmını içerir. Bu etikete metin, paragraf, görsel gibi içerikler ile ilgili kodlar yazılır.

<title>

Belge, sayfa ya da web sitesi için başlık oluşturan etikettir. Tarayıcının en üst kısmında görünen başlığı oluşturmak için kullanılır. <head> etiketlerinin arasına yerleştirilmesi gerekir.

<button>

Hemen her web sayfasının olmazsa olmazları arasında yer alan butonlar, bu etiket ile oluşturulur. Tıklanabilir bir buton yaratmak için kullanılan etikettir.

<img>

Sayfaya resim eklemek için kullanılan <img> etiketi, diğer etiketlerden farklı çalışır. Çünkü sadece açılan bir etikettir ve </img> şeklinde kapanması söz konusu değildir. Bu etikette ayrıca “src” ve “alt” nitelikleri de yer alır. “alt” görüntülenemeyen resimler için alternatif bir metin içerirken “src”, görselin yolunu gösterir.

<a>

Bağlantı ya da köprü etiketi olarak adlandırılmakla birlikte en önemli etiketlerden biri olarak kabul edilir. Kelime ve kelime gruplarının tıklanabilir bir bağlantıya dönüşmesini sağlar. Bu sayede sayfalar ve siteler arasında bir köprü görevi görür.

<hX>,

Metin içeriklerinin okunabilirliğini artırmak için <hX> etiketi kullanılır. Bu bir başlık etiketidir ve “x” yerine bir sayı yazılarak başlığın önceliği ve görünümü ayarlanabilir. Örneğin <h1> birinci başlık, <h2> ikinci başlık, <h3> ise üçüncü başlıktır.

<p>, <div>

Yine yazılı içeriklerde kullanılan <p> etiketi, metni paragraflara ayırmaya yarar. <div> ise belgenin birden çok paragraf içeren belirli bir bölümünün biçimlendirilmesinde kullanılır.

<form>, <frameset>, <table>

Bu etiketler web sitesinin her sayfasında kullanılmasa da içeriğin görünümünü özelleştirmek için etkilidir. <form> etiketi form, <frameset> etiketi çerçeve, <table> etiketi ise tablo hazırlamak için kullanışlıdır.

IdeaSoft akıllı e-ticaret paketleri ile kendi e-ticaret sitenizi kurabilir, internetten satış yapabileceğiniz online mağazanızı açabilirsiniz. Hemen başvurarak 15 gün boyunca altyapımızı ücretsiz olarak deneyebilirsiniz.

En çok okunan yazılar

Yorum yap

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

Benzer yazılar

E-ticaret sitenizdeki olumsuz yorumlarla nasıl baş edebilirsiniz? 2. Bölüm
E-ticaret sitenizdeki olumsuz yorumlarla nasıl baş edebilirsiniz? 2. Bölüm
Dünkü yazımızda e-ticaret sitelerindeki olumsuz yorumlarla nasıl baş edebileceğinize dair bir giriş yapmış ve olumsuz yorum yapan kullanıcı profillerini sizlerle paylaşmıştık. Bu profilleri belirlemek ve tanımak, olumsuz yorumlara...
25 Mart 2017
Sinan Oypan
E-ticarette pazarlama stratejisi nasıl geliştirilir?
E-ticarette pazarlama stratejisi nasıl geliştirilir?
Pazarlama stratejisinizi hazırlarken, birçok farklı faktörü göz önünde bulundurmanız gerekiyor. Belli bir stratejinizin olmaması, ürünlerinizi ve markanızı nasıl tanıtacağınız konusunda neler yapacağınızı planlayamamanıza...
21 Haziran 2016
Sinan Oypan
Arama motorlarında organik trafiğinizin düşmesine neden olan durumlar
Arama motorlarında organik trafiğinizin düşmesine neden olan durumlar
Organik trafik, e-ticaret firmaları için arama motorlarından geri dönüş sağlamak için oldukça önemli kanallardan biri. Organik trafik olmadan uzun vadede e-ticaret sitelerinin ayakta kalması oldukça zordur. Organik trafiğin olmaması,...
20 Nisan 2018
Sinan Oypan
SEO ipuçları | E-ticaret site URL’leri
SEO ipuçları | E-ticaret site URL’leri
SEO ipuçları | E-ticaret site URL’leri yazımızda e ticaret sitelerinin URL'lerini nasıl kullanmalısınız, nelere dikkat etmelisiniz ve daha fazlasının cevabını bulacaksınız. SEO ipuçları | E-ticaret site URL’leri E-ticaret...
19 Temmuz 2018
Sinan Oypan
E-ticaretteki ilk satışlarınızı yapmak için yararlanabileceğiniz ipuçları
E-ticaretteki ilk satışlarınızı yapmak için yararlanabileceğiniz ipuçları
Bir e-ticaret sitesi kurmak ve ürünlerinizi sergilemek oldukça kolay bir işlem; ancak satış yapmaya başlamak ve markanızı duyurmak ne yazık ki o kadar kolay değil. İlk satışları yapmak ilk etapta zor bir süreçtir ve bunun için...
4 Ocak 2018
Sinan Oypan
Kozmetik ürün satışı yapan siteler için pazarlama taktikleri
Kozmetik ürün satışı yapan siteler için pazarlama taktikleri
Kozmetik ürünleri, tüketicilerin günlük hayatlarında yoğun bir şekilde kullandıkları ürün grupları arasında yer aldığı için, bu ürünlerin satışını yapan e-ticaret sitelerinin doğru pazarlama çalışmaları yapmaları da...
15 Nisan 2019
Sinan Oypan
Black Friday (Kara Cuma) nedir ve e-ticaret firmaları bundan nasıl yararlanabilir?
Black Friday (Kara Cuma) nedir ve e-ticaret firmaları bundan nasıl yararlanabilir?
Son yıllarda oldukça popülerleşmeye başlayan ve geçtiğimiz yıl Türkiye'de de hem fiziki hem de online mağazaların da pazarlama ve satış planlarına dahil ettiği Kara Cuma (Black Friday), 1980’lerde Amerika’da ortaya...
24 Ekim 2018
Sinan Oypan
Instagram yönetimi için kullanabilecek araçlar - 1. Bölüm
Instagram yönetimi için kullanabilecek araçlar - 1. Bölüm
Popülerliği artan ve bu sebeple de markaların da önemli sosyal medya kanallarından biri haline gelen Instagram, doğru kullanıldığında yeni hedef kitlelere ulaşma, marka bilinirliği artırma ve geri dönüşüm sağlama konusunda...
13 Eylül 2017
Sinan Oypan
Adwords anahtar kelime eşleme seçenekleri ve özellikleri
Adwords anahtar kelime eşleme seçenekleri ve özellikleri
Adwords anahtar kelime eşleme seçenekleri ve özellikleri ile ilgili mini e-ticaret rehberimize hoşgeldiniz. Bu yazımızda adwords anahtar kelime eşleme seçenekleri ve özellikleri ile ilgili ayrıntılı bilgiye yer verilmektedir. Adwords...
26 Mayıs 2017
Sinan Oypan
YouTube SEO nasıl yapılır?
YouTube SEO nasıl yapılır?
YouTube SEO nasıl yapılır? YouTube Keywords SEO nasıl yapılır? YouTube video başlığı, açıklaması, etiketler, thumbnail ve daha fazlası bu yazımızda. YouTube SEO nasıl yapılır? Web sitesi, blog yazıları ve sosyal ağlar...
2 Kasım 2017
Sinan Oypan
İnternetten Takı Satmak ve Satış Sitesi Kurmak Rehberi 2020
İnternetten Takı Satmak ve Satış Sitesi Kurmak Rehberi 2020
İnternetten takı satmak ve satış sitesi kurmak girişimcilerin ve işletmelerin sıklıkla tercih ettiği iş modellerinden biri oluyor. Bir e-ticaret sitesi kurarak online takı satışı yapabilirsiniz; ancak tabii ki arkaplanda dikkat etmeniz...
10 Mayıs 2019
Sinan Oypan
İnternette ürün satmadan önce bilmeniz gerekenler
İnternette ürün satmadan önce bilmeniz gerekenler
İnternette ürün satmak birçok girişimcinin hayalleri arasında yer alsa da online bir mağaza açarak internette ürün satmadan önce bazı konuları bilmek gerekiyor. Online bir mağaza açarak, kendi üretimleri olan ya da pazarda talep...
25 Ekim 2018
Sinan Oypan