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

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.

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.

Güncel EXCLUSIVE 25% OFF Kuponu Bulundu:

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>

Did you know?

Kariyeriniz için hangi online eğitim platformunun daha iyi olduğunu merak etmiş miydiniz?

EN İYİ online eğitim platformunu yan yana görün ve karşılaştırın

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.

En Sevilen Bulgular

Alakalı konular hakkında kapsamlı bilgi mi arıyorsunuz? Sizin için benzer yazılar topladık. Göz atın!

Tutorials

Hangi Programlama Dilini Öğrenmeliyim?

Tutorials

Web Tasarımcı Maaşları

Tutorials

Evden Nasıl Para Kazanılır?

İ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.

İyi Yönler

• Easy to use with a learn-by-doing approach
• Offers quality content
• Gamified in-browser coding experience

Ana Özellikler

• Free certificates of completion
• Focused on data science skills
• Flexible learning timetable

SAVE 50%

İyi Yönler

• High-quality courses
• Nanodegree programs
• Student Career services

Ana Özellikler

• Nanodegree programs
• Suitable for enterprises
• Paid certificates of completion

40% OFF

İyi Yönler

• A wide range of learning programs
• University-level courses
• Easy to navigate

Ana Özellikler

• University-level courses
• Suitable for enterprises
• Verified certificates of completion

30% OFF COURSES

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.

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!

Tutorials

En İyi edX Dersleri

Tutorials

Yazılım Geliştirici Meslekleri

Tutorials

Farklı Veritabanı Türleri

Ö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.