BT 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.
İçindekiler
- 1. Temel Düzeyde HTML Mülakat Soruları
- 1.1. Soru 1: HTML Nedir?
- 1.2. Soru 2: Tag nedir?
- 1.3. Soru 3: "Physical tag" ve "logical tag" arasındaki fark nedir?
- 1.4. Soru 4: Tüm tag'leri kapatmalı mısınız?
- 1.5. Soru 5: "Attribute" nedir?
- 1.6. Soru 6: HTML5 ile gelen semantik tag'lerden bazılarını sayın.
- 1.7. Soru 7: Neden bazı karakterler sık sık kutularda görüntüleniyor?
- 1.8. Soru 8: HTML belgesi kaç başlık türünü destekleyebilir?
- 1.9. Soru 9: "Block" ve "inline" elementlerin arasındaki fark nedir?
- 1.10. Soru 10: XHTML nedir?
- 1.11. Soru 11: Elementleri nasıl gruplarsınız?
- 1.12. Soru 12: "Image map" ne için kullanılır?
- 1.13. Soru 13: Boşlukları neden daraltmalısınız?
- 1.14. Soru 14: "Anchor" tag'leri nedir?
- 1.15. Soru 15: Tüm tarayıcılar HTML5'i destekliyor mu?
- 2. İleri Düzey HTML Mülakat Soruları
- 2.1. Soru 1: "Semantik element'ler" nedir?
- 2.2. Soru 2: HTML5'te veri nasıl saklanır?
- 2.3. Soru 3: İki tag seti üst üste gelirse ne olur?
- 2.4. Soru 4: Sitenize JavaScript nasıl eklenir?
- 2.5. Soru 5: "Application cache" nedir?
- 2.6. Soru 6: "Marquee" nedir?
- 2.7. Soru 7: API nedir?
- 2.8. Soru 8: Normal bağlantı ve aktif bağlantı arasındaki fark nedir?
- 2.9. Soru 9: WebSQL nedir?
- 2.10. Soru 10: "Entity" nedir?
- 2.11. Soru 11: "Cite" nedir?
- 2.12. Soru 12: HTML5 videoları destekliyor mu?
- 2.13. Soru 13: Bir metin alanı için varsayılan boyut ne?
- 2.14. Soru 14: Bir metnin belli bir bölümü sayfanın dışına taşmış. Sebebi nedir?
- 3. Özet
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.
Şu Anda Etkin Olan Güncel Teklifler:
SAVE 50%
DataCamp End of Year Sale
Unlock a year of unlimited data and AI learning at half the price! This is your final call to save big on expertise for 2025. Act fast and secure your 50% discount with DataCamp's End of Year Sale – the clock is ticking!
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.
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; inline, script 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.
- Kullanması kolay
- Kaliteli içeriğe sahip
- Fiyat konusunda saydam
- Tamamlamada ücretsiz sertifikalar
- Veri bilimi becerilerine odaklanıyor
- Esnek eğitim programları
- Basit tasarım (gereksiz bilgi yok)
- Yüksek kaliteli dersler (ücretsizler dahil)
- Çeşitli özellikler
- Nanodegree programları
- Firmalara uygun
- Ücretli tamamlama sertifikası
- Sektörde iyi biliniyor
- Pek çok özelliğe sahip
- Dersler üniversite düzeyinde
- Üniversite düzeyince dersler
- Şirketler için uygun
- Ücretli tamamlama sertifikası
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.
Biliyor Muydunuz?
Kariyeriniz için hangi online eğitim platformunun daha iyi olduğunu merak etmiş miydiniz?
En Trend Bulgular
Kripto Para Borsalarıyla alakalı kapsamlı yazılarımızı, rehberlerimizi ve eğitici yazılarımızı inceleyin. Bilgi sahibi olun ve buna göre karar verin!
Ö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.
Bilimsel Referanslar
Makale Uzmanları ve Analistleri Hakkında
