HTML Mülakat Soruları: En Sık Sorulan Sorular

HTML Mülakat Soruları: HTML5 LogosuBT ile alakalı en popüler ve en saygın pozisyonlardan biri muhtemelen web geliştiricilik. Büyük ve küçük şirketler için her gün web geliştiricilere daha fazla ihtiyaç duyuluyor. Günümüzde artık her şey internet üzerinden olduğu için HTML kurdu geliştiricilere iş piyasasında ihtiyaç duyuluyor. Bazı işverenler büyük ücretler ödüyor, bazılarıysa çeşitli bonuslar sunuyor. Siz de bu alanda iş arıyorsanız HTML mülakat soruları listemiz tam size göre. Rehber boyunca HTML ile alakalı karşınıza çıkabilecek iş görüşmesi soruları ve cevapları üzerine konuşacağız. Böylelikle mülakata daha özgüvenli, daha stressiz bir şekilde girebileceksiniz. Gelin önce "HTML nedir?" gibi temel düzeydeki sorularla başlayalım.

Temel Düzeyde HTML Mülakat Soruları

Temel düzeyde HTML mülakat soruları görüşmenin  başında sorulur. Böylelikle ortam yumuşar ve görüşmede kendi akışınızı bulmanıza yardımcı olunur. Temel düzeydeki iş görüşmesi soruları ve cevapları üzerine konuştuktan sonra ileri düzey sorular gelir.

Soru 1: HTML Nedir?

HTML nedir gibi basit bir soruyu neden sorsunlar diyebilirsiniz. Gerçekten de HTML mülakat soruları arasından bir web geliştiriciye böyle bir sormak kulağa garip gelebilir.

Aslında hiç de garip değil. Böyle bir soru sorarak potansiyel  çalışanınızı kendi kelimeleriyle tanımlamasını isteyerek becerilerini test edebilirsiniz. 

Kısaca HTML internetin dilidir. "Hypertext Markup Language" ifadesinin kısaltmasıdır. Web site, web uygulama ve benzeri şeylerin oluşturulmasında kullanılan bir dildir.

Soru 2: Tag nedir?

Bu türdeki tanım gerektiren HTML mülakat soruları görüşmenin başında sıkça karşınıza çıkabilir. Ezberlemeye çalışmayın. Bunun yerine kendi cümlelerinizle açıklayın.

Tag'ler arasına içeriğin yerleştirildiği sembollerdir. Sitenin erişime açıldığında uygun bir şekilde sunulması için içeriği şekillendirmek ve düzenlemek için kullanılır.

Soru 3: "Physical tag" ve "logical tag" arasındaki fark nedir?

Karşılaştırma türündeki HTML mülakat soruları web geliştirme pozisyonlarında sık sık karşılaşılan sorulardan bu yüzden not alın.

Physical tag'lerin arasında yerleştirilen içerikler biçimlendirilir ve stil eklenerek bu tag'lere göre (parametrelere göre) görüntülenir. Logical tag'ler çevreledikleri metnin  önemini ve anlamını belirler.

Örnek:

<p style="color: blue";><it>Bunlar görünümü tanımlayan physical tag'lerdir.</it></p>
<em>Bunlar vurgulanmış bir paragrafı tanımlayan These are logical tag'lerdir.</em>

Soru 4: Tüm tag'leri kapatmalı mısınız?

Başta cevap bariz gibi görünse de tuzak HTML mülakat soruları arasında yer alan bir sorudur.

Hayır, her tag kapatılmak zorunda değildir. Tüm HTML tag'leri kapama tag'ine ihtiyaç duymaz.

Örnek:

<img src="https://cdn.bitdegree.org/learn/pom-laptop.png?raw=true">

Soru 5: "Attribute" nedir?

Attribute bir tag'in sahip olduğu ek bir özelliktir. Bu özelliklik sitenin yayınlanmış sürümünde tag'in ne fonksiyona sahip olacağını belirler.

Attribute'lar tag'in adının görüntülendiği aynı alanda atanır.

Örnek: Resme genişlik ekleme:

<img src="https://cdn.bitdegree.org/learn/pom-laptop.png?raw=true" width="100">

Soru 6: HTML5 ile gelen semantik tag'lerden bazılarını sayın.

Bildiğiniz üzere HTML5, HTML'nin en yeni ve güncel sürümü. Bu yüzden insanlar HTML mülakat soruları içerisinde HTML5'ten de konuşmak istiyor.

HTML'nin yeni sürümüyle pek çok farklı semantik tag tanıtıldı. Örnek olarak birkaçının adı şöyle; header, footer, main, article.

Yeni elementler ve HTML kullanımı hakkında daha fazla bilgi edinmek için HTML5 semantik tag'ler rehberimize göz atabilirsiniz.

Soru 7: Neden bazı karakterler sık sık kutularda görüntüleniyor?

Sık karşılaşılan bir durum. Yaşanmasının sebebi bazı belli karakterlerin işletim sisteminizin çalıştırdığı web tarayıcınız  tarafından desteklenmemesi.

Soru 8: HTML belgesi kaç başlık türünü destekleyebilir?

HTML altı farklı başlık türünü destekliyor. Bu başlıklar boyutlarına göre değişiyor. Heading 1 en büyüğü (genellikle ana başlık için kullanılır). Her başlıkta boyut ufalır. Başlıklar hakkında daha fazla bilgiye buradan ulaşabilirsiniz.

Örnek:
<h1>Başlık metni - Seviye 1. En Önemli Başlık</h1>
<h2>Başlık metni - Seviye 2</h2>
<h3>Başlık metni - Seviye 3</h3>
<h4>Başlık metni - Seviye 4</h4>
<h5>Başlık metni - Seviye 5</h5>
<h6>Başlık metni - Seviye 6. En Az Önemli Başlık</h6>

Soru 9: "Block" ve "inline" elementlerin arasındaki fark nedir?

Block elementler olabildiğince yer kaplayacak şekilde programlanır. Inline elementler ise minimum miktarda yer kaplayacak şekilde tasarlanır.

Bu elementler ve aralarındaki farklar hakkında buradan bilgi alabilirsiniz.

Soru 10: XHTML nedir?

HTML mülakat soruları arasında yer alan bu soru konudan tamamen alakasız olabilir. Çünkü HTML'nin farklı sürümleriyle ilgileniyor.

XHTML HTML'nin en popüler sürümlerini genişletmek için kullanılır.

Soru 11: Elementleri nasıl gruplarsınız?

Belli türde HTML elementlerini toplamak ve tek bir gruba aktarmak isterseniz fieldset tag'i kullanmak için en iyisi.

Bu tag hakkında buradan daha fazla bilgi alabilirsiniz.

Soru 12: "Image map" ne için kullanılır?

Image map birçok farklı bağlantıyı tek bir görsele bağlamanızı sağlayan bir araçtır. Muhteşem olmasının sebebi şahane banner'lar ve site kapak görselleri oluşturmanızı sağlarken istediğiniz şeyi bağlantılama imkanı da sunar.

Örnek:
<map name="creaturemap">
<areashape="rect"coords="34, 44, 270, 350"alt="Doggo"href="https://www.bitdegree.org">
<areashape="rect"coords="290, 172, 333, 250"alt="Gaming"href="http://www.bitdegree.org">
<areashape="circle"coords="337, 300, 44"alt="Level up"href="http://www.bitdegree.org">
</map>

Soru 13:  Boşlukları neden daraltmalısınız?

HTML mülakat soruları içerisinde kelime seçiminden dolayı tuzak sorulardan biri diyebiliriz. Boşlukları daraltmak oldukça faydalı görülüyor.

HTML'de boşluklar da karakter olarak sayılıyor. Yani yer kaplıyorlar. Daraltırsanız projenizin okunurluğunu iyileştirebilirsiniz.

Soru 14: "Anchor" tag'leri nedir?

Anchor tag'leri hyperlink oluşturmak için kullanılır. Bu bağlantılar var olan bir içeriğin (metnin) üzerinde oluşturulur. Toplamda üç anchor tag bulunur; active, visited ve unvisited.

Örnek bağlantıları buradan görüntüleyebilirsiniz.

Soru 15: Tüm tarayıcılar HTML5'i destekliyor mu?

Evet ve hayır. "Tüm" ifadesinin ne anlama geldiğine bağlı. Mevcut tarayıcıların çoğu sorunsuz bir şekilde HTML5'i destekliyor. Ancak bu tarayıcıların eski sürümleri için aynı şey geçerli olmayabilir.

İleri Düzey HTML Mülakat Soruları

HTML kullanımı hakkındaki temel düzey iş görüşmesi soruları ve cevapları üzerine konuştuğumuza göre sıra geldi ileri düzey sorulara. Deneyimli geliştiriciler için bazı önemli HTML mülakat soruları üzerinde duracağız. Sorular HTML'yi ne kadar iyi bildiğinizi ve mülakat için ne kadar hazırlandığınızı ortaya koyacak.

HTML Mülakat Soruları: Programlama Dili

Soru 1: "Semantik element'ler" nedir?

Basit elementler (tag'ler) bir sayfanın nasıl görünmesi gerektiğiniz tanımlamayı hedeflerken semantik elementler web sayfasına anlam katar. Semantik elementlere örnek: <form> , <table> ve <article>. Gördüğünüz üzere ne türde içerik olacağını açık bir şekilde belirtiyor.

Soru 2: HTML5'te veri nasıl saklanır?

HTML5'te veri saklamanın iki yolu var; local storage ve session storage.

HTML mülakat soruları esnasında sürümlerin tüm özelliklerini bilmek hayatı önem taşıyor. Local storage'da saklana veriler güvenlidir ve geliştirici tarayıcıdan çıkmaya karar verdikten sonra silinmez. Session storage'da tarayıcıdan çıktığınız anda veri otomatik olarak silinir.

Soru 3: İki tag seti üst üste gelirse ne olur?

Kazara iki veya daha fazla tag'i üst üste denk getirirseniz sitenin yayınlanmış sürümünde hızla var edersiniz.

Farklı tag'ler üst üste gelirse sitede sadece ilk tag'lar etkinleşir. Bunu web sayfasına gidip içeriği olası hatalar ve tutarsızlıklar için kontrol ederek öğrenebilirsiniz.

Soru 4: Sitenize JavaScript nasıl eklenir?

Şu anda web sayfanıza JavaScript eklemenin iki ana yolu var; inlinescript block ekleyerek ve bir JavaScript dosyasına bağlayarak.

Buradan daha fazla bilgi alabilirsiniz.

Soru 5: "Application cache" nedir?

Application cache projenizi (sitenizi) offline modda çalıştırmanıza olanak sunan bir fonksiyondur. Kaynaklarınızı çok daha hızlı yüklediğinden test için muhteşemdir.

Soru 6: "Marquee" nedir?

Marquee (kayan yazı) sitenize aşağı doğru kaydırılabilen bir  yazı eklemenize olanak sunan bir fonksiyondur. Bunu "marquee" tag'leri ekleyerek gerçekleştirebilirsiniz.

Soru 7: API nedir?

En sık sorulan HTML mülakat soruları arasında yer alır. API Application Programming Interface demektir. Bu arayüzler web uygulamalar oluşturmak için kullanılır. API'lar önceden var olan araçları ve bileşenleri kullanır, böylelikle geliştiricilere bunları sitelerine entegre etme imkanı sunulur.

Soru 8: Normal bağlantı ve aktif bağlantı arasındaki fark nedir?

Normal bağlantılar mavi görünür (ek stil verilmemişse). Bu bağlantılar fare imleci üzerine getirildiğince aktif hale gelebilir.

Soru 9: WebSQL nedir?

WebSQL sitenizi ziyaret eden/sitenize kaydolan kişiler hakkında belli bilgilere sahip bir veri tabanıdır. Veri tabanında arama tercihleri, belli eylemler ve benzeri şeyler saklanır. Önemli bir nokta WebSQL'nin herhangi bir şifre, kredi kartı bilgisi vb. şeyleri saklamamasıdır. HTML mülakat soruları içerisinde böyle bir soru gelirse bunu unutmayın.

Soru 10: "Entity" nedir?

Bu ve buna benzer HTML mülakat soruları gelirse işvereniniz muhtemelen HTML'nin desteklemediği özel karakterlerden bahsediyordur. Entity'ler yer tutuculardır. Dosyada başka bir karakterin olması gerektiği belli bir yeri doldururlar. Web tarayıcı bu karakteri desteklemediğinden yer tutucu kullanmanız gerekir.

Soru 11: "Cite" nedir?

Tahmin edeceğiniz üzere "cite" tag'i metnin başka bir yerden alınmış kısmını belirtmek için kullanılır. Atıfta bulunulan metni gösteren bir inline tag'idir.

Örnek:

<cite>Sophie's Choice</cite> by William Styron

Soru 12: HTML5 videoları destekliyor mu?

Evet, üç ayrı formatta videoları destekliyor; MP4, OGG ve WebM.

Soru 13: Bir metin alanı için varsayılan boyut ne?

HTML kullanımı hakkında yine tuzak soru olabilecek bir mülakat sorusu. Çoğu kişi bunu düşünmediğinden bu soruyla karşılaştığında şaşırabiliyor

Cevap basit; değiştirilmemiş bir metin alanında bulunabilecek maksimum karakter miktarı 13'tür.

Udacity Review Logo
İyi Yönler
  • Basit tasarım (gereksiz bilgi yok)
  • Yüksek kaliteli dersler (ücretsizler dahil)
  • Çeşitli özellikler
Ana Özellikler
  • Nanodegree programları
  • Firmalara uygun
  • Ücretli tamamlama sertifikası
Udemy Logo
İyi Yönler
  • İnanılmaz çeşitlilikte dersler
  • Gezinmesi kolay
  • Teknik sorunlar yok
Ana Özellikler
  • İnanılmaz çeşitlilikte dersler
  • 30 günlük para iade politikası
  • Ücretsiz tamamlama sertifikası
Udacity Review Logo
İyi Yönler
  • Kullanması kolay
  • Kaliteli içeriğe sahip
  • Fiyat konusunda saydam
Ana Özellikler
  • Tamamlamada ücretsiz sertifikalar
  • Veri bilimi becerilerine odaklanıyor
  • Esnek eğitim programları

Soru 14: Bir metnin belli bir bölümü sayfanın dışına taşmış. Sebebi nedir?

Normalde böyle bir şey olması neredeyse imkansızdır. HTML'de metinlerin veya resimlerin geçemeyeceği açıkça tanımlanmış sınırlar bulunmaktadır. Ancak nadiren de olsa bir metin bu sınırları aşabiliyor. Bu durum metin hatalı parametrelere sahip (özellikle genişlik) bir tabloya girildiğinde gerçekleşiyor.

Özet

HTML mülakat soruları için hem temel hem de ileri düzey soruları ve cevapları öğrenmiş oldunuz. Deneyimli geliştiriciler ileri düzey sorulardan faydalanabilirler.

Tüm olası soruları ele almanın imkanı yok. Tüm varyasyonlarla kitap oluşturulabilir.

Notlar alın, soruların farklı varyasyonlarına bakın, kodlama alıştırması yapın. HTML hakkında daha fazla bilgiye ihtiyaç duyarsanız BitDegree learn bölümüne göz atabilirsiniz. Becerileriniz hakkında özgüven sahibi olduğunuzda mülakatın sebep olduğu tüm stres ve endişeden kurtulacaksınız.

Dürüst geri bildirimde bulunun

Gerçek fikrinizi bırakarak en iyi online eğitim platformunu seçmek isteyen binlerce insana yardımcı olun. Pozitif veya negatif de olsa tüm geri bildirimler dürüst oldukları sürecek kabul ediliyor. Taraflı geri birimleri veya spam'leri yayınlamıyoruz. Deneyiminizi, fikrinizi veya tavsiyenizi paylaşmak istiyorsanız sahne sizin!

SSS

Hangi online ders sitesini inceleyeceğinizi nasıl seçiyorsunuz?

Piyasa boyutuna, popülerliğe ve en önemlisi kullanıcılarımızın taleplerine veya belli online eğitim platformları hakkında gerçek MOOC incelemesi okumak isteme talebine göre online eğitim platformlarını seçiyoruz.

E-öğrenme incelemelerinizi yazmadan önce ne kadar araştırma yapıyorsunuz?

MOOC uzmanlarımız haftalarca araştırma yapıyor. Sonrasında farklı etkenler hakkında değerlendirmelerini yapabiliyorlar. Çok fazla zaman alsa da online eğitim platformundaki tüm gerekli özelliklerin denenmesi, test edilmesi ve gerçek verilere dayalı bir hükümde bulunulmasını garanti edebilmemiz için tek yol bu.

En iyi online eğitim platformlarını seçerken en önemli etken hangisi?

Tek bir etken seçmek yanlış olur. Öncelikler her kişinin değerlerine, isteklerine ve hedeflerine göre değişiyor. Biri için önemli olan bir özellik başkası için önemsiz olabiliyor. Tüm kullanıcıların öğrenme materyallerinin iyi kalitesi konusunda hemfikir olması bir online eğitim platformu olmazsa olmaz.

Bu e-öğrenme inceleme platformu diğerlerinden nasıl farklı?

Her MOOC inceleme platformu eşsizdir. Kendi hedefleri ve değerleri vardır. Bizim e-öğrenme incelemelerimiz %100 gerçektir ve dikkatli bir analizden sonra kaleme alınır. Çoğu e-öğrenme inceleme sitesinde bu bu özellik bulunmadığından bunu süper gücümüz gibi görüyoruz!

Gün
Saat
Dakika
Saniye