En İyi 60 HTML Röportaj Soruları ve Cevapları (2025)

İşte hem yeni başlayanlar hem de deneyimli adaylar için hayallerindeki işi bulmaları için HTML mülakat soruları ve cevapları.

Ücretsiz PDF İndir: HTML Mülakat Soruları

---

1) HTML nedir?

HTML, HyperText Markup Language'ın kısaltmasıdır ve World Wide Web'in dilidir. Web'de sayfa oluşturmak ve görüntülemek için kullanılan standart metin biçimlendirme dilidir. HTML belgeleri iki şeyden oluşur: içerik ve onu sayfalarda düzgün görüntülenmek üzere biçimlendiren etiketler.

---

2) Etiketler nedir?

İçerik, düzgün biçimde biçimlendirilebilmesi için HTML etiketlerinin arasına yerleştirilir. Küçüktür (<) ve büyüktür simgesi (>) kullanılır. Kapanış etiketi olarak eğik çizgi simgesi de kullanılır. Örneğin:

<strong>sample</strong>

---

3) Tüm HTML etiketleri çift olarak mı geliyor?

Hayır, kapanış etiketine ihtiyaç duymayan tek HTML etiketleri vardır. Örnekler: etiket ve Etiketler.

---

4) Bir sayfayı tasarlarken kullanılabilecek ortak listelerden bazıları nelerdir?

Aşağıdaki liste türlerinden herhangi birini veya bunların bir kombinasyonunu ekleyebilirsiniz:
- Sıralı Liste
- sırasız liste
– tanım listesi
– menü listesi
– dizin listesi
Bu liste türlerinin her biri, oluşturmak için farklı bir etiket kümesinden yararlanır

---

5) HTML'ye nasıl yorum eklenir?

HTML'deki yorumlar “ ile başlar ”. Örneğin:

<!-- A SAMPLE COMMENT -->

---

6) Tüm karakter varlıkları tüm sistemlerde düzgün şekilde görüntüleniyor mu?

Hayır, görüntülendiğinde görüntülenemeyen bazı karakter varlıkları vardır. işletim sistemi Tarayıcının çalıştığı karakterler karakterleri desteklemiyor. Bu olduğunda, bu karakterler kutular halinde görüntülenir.

---

7) Görüntü haritası nedir?

Resim haritası, tek bir resim kullanarak birçok farklı web sayfasına bağlantı vermenizi sağlar. Görüntü eşlemenin parçası haline getirmek istediğiniz görüntülerdeki şekilleri tanımlayabilirsiniz.

---

8) Beyaz alanı daraltmanın avantajı nedir?

Beyaz boşluklar, HTML'de tek bir boşluk karakteri olarak kabul edilen boş bir boşluk karakterleri dizisidir. Tarayıcı birden fazla alanı tek bir alana daralttığından, birden fazla boşluk endişesi olmadan metin satırlarını girintili hale getirebilirsiniz. Bu, HTML kodunu çok daha okunabilir bir biçimde düzenlemenizi sağlar.

---

9) Nitelik değerleri herhangi bir şeye ayarlanabilir mi veya kabul ettikleri belirli değerler var mı?

Bazı özellik değerleri yalnızca önceden tanımlanmış değerlere ayarlanabilir. Diğer nitelikler, bir boyutun piksel sayısını temsil eden herhangi bir sayısal değeri kabul edebilir.

---

10) Bir tarayıcı sayfasına telif hakkı sembolünü nasıl eklersiniz?

Telif hakkı sembolünü eklemek için © veya & #169; yazmanız gerekir. bir HTML dosyasında.

---

11) Aynı sayfadaki bölümlere nasıl bağlantı oluşturursunuz?

Bağlantılar , sayı (#) sembolü kullanılarak referans verilerek etiket kullanılarak oluşturulabilir. Örneğin, BAŞA GERİ şeklinde bir satırınız olabilir ; bu, web sayfasında “BACK TO TO TO” kelimelerinin ve topmost adlı bir yer imine bağlantıların görünmesine neden olur. Daha sonra aynı web sayfasının üst kısmındaki bir yer gibi ayrı bir etiket komutu oluşturursunuz, böylece kullanıcı "BAŞA GERİ DÖN" seçeneğine tıkladığında o noktaya bağlanır.

---

12) Liste öğelerini bir HTML dosyasında düz tutmanın bir yolu var mı?

Girintileri kullanarak liste öğelerini düz tutabilirsiniz. Her bir alt yuvalanmış listeyi, onu içeren üst listeden daha fazla girintili hale getirirseniz, çeşitli listeleri ve içerdiği öğeleri bir bakışta belirleyebilirsiniz.

---

13) Bir dergide bir web adresi görüyorsanız bu hangi web sayfasını işaret ediyor?

Web üzerindeki her web sayfasının ayrı bir web adresi olabilir. Bu adreslerin çoğu en üstteki web sayfasına göredir. Dergilerde görünen yayınlanan web adresi genellikle bu en üstteki sayfayı işaret eder. Bu üst seviye sayfadan site içerisindeki diğer tüm sayfalara ulaşabilirsiniz.

---

14) Alternatif metnin görüntü eşlemede kullanımı nedir?

Görüntü haritalarını kullandığınızda, hangi bağlantı noktalarının hangi bağlantılara karşılık geldiğini belirlemek kolaylıkla kafa karıştırıcı hale gelebilir ve zorlaşabilir. Alternatif metin kullanmak, her etkin nokta bağlantısına açıklayıcı bir metin koymanıza olanak tanır.

---

15) Eski HTML dosyaları daha yeni tarayıcılarda çalışır mı?

Evet, eski HTML dosyaları HTML standardıyla uyumludur. Eski dosyaların çoğu yeni tarayıcılarda çalışır, ancak bazı özellikler çalışmayabilir.

---

16) Köprü yalnızca metin için mi geçerlidir?

Hayır, hiperlinkler görsellerin yanı sıra metinde de kullanılabilir. Bu, bir görseli, kullanıcıların tıklandığında başka bir sayfaya bağlanmasını sağlayacak bir bağlantıya dönüştürebileceğiniz anlamına gelir. Görüntüyü … etiket kombinasyonları içinde çevreleyin.

---

17) Kullanıcının işletim sistemi gerekli karakteri desteklemiyorsa sembol nasıl temsil edilebilir?

İşletim sistemlerinin belirli bir karakteri desteklemediği durumlarda, o karakteri resim olarak göstererek görüntülemek yine de mümkündür.

---

18) Listenin ortasındaki sayı türünü nasıl değiştirirsiniz?

etiketi iki özellik içerir: tür ve değer. type niteliği herhangi bir liste öğesinin numaralandırma türünü değiştirmek için kullanılabilir. Değer özelliği sayı endeksini değiştirebilir.

---

19) Stil sayfaları nedir?

Stil sayfaları tutarlı, taşınabilir ve iyi tanımlanmış stil şablonları oluşturmanıza olanak tanır. Bu şablonlar birkaç farklı web sayfasına bağlanabilir, bu da site içindeki tüm web sayfalarının görünümünü ve hissini korumayı ve değiştirmeyi kolaylaştırır.

---

20) HTML'de bulunan durum madde işareti türleri

Sıralı listelerle, alfabetik ve Romen rakamları da dahil olmak üzere bazı farklı liste türlerini kullanmayı seçebilirsiniz. Sırasız listelerin type özelliği disk, kare veya daire olarak ayarlanabilir.

---

21) Bir web sayfasında çok renkli metni nasıl oluşturursunuz?

Farklı renklerde metin oluşturmak için renk uygulamak istediğiniz her karakter için … etiketlerini kullanın. Bu etiket kombinasyonunu, tek bir karakterin veya kelimenin tamamının etrafında, gerektiği kadar kullanabilirsiniz.

---

22) Neden hem sayısal hem de adlandırılmış karakter varlık değerleri var?

Sayısal değerler çeşitli karakterlerin ASCII değerlerinden alınmıştır ancak bunların hatırlanması zor olabilir. Bu nedenle, web sayfası tasarımcılarının kullanımını kolaylaştırmak için adlandırılmış karakter varlık değerleri oluşturuldu.

---

23) Aşağıdaki çıktıyı veren bir HTML tablo etiketi dizisi yazın:
50 adet 100 500
10 adet 5 50

Cevap:

<table> 
<tr> 
<td>50 pcs</td> 
<td>100</td> 
<td>500</td> 
</tr> 
<tr> 
<td>10 pcs</td> 
<td>5</td> 
<td>50</td> 
</tr> 
</table>

---

24) Birkaç onay kutusunu bir arada gruplamanın avantajı nedir?

Onay kutuları birbirini etkilemese de, onay kutularını birlikte gruplamak onları düzenlemeye yardımcı olur. Onay kutusu düğmeleri kendi adlarına sahip olabilir ve bir gruba ait olmaları gerekmez. Tek bir web sayfasında birçok farklı onay kutusu grubu bulunabilir.

---

25) Etiket kümelerini üst üste koyarsanız ne olur?

İki HTML etiketi kümesi çakışırsa yalnızca ilk etiket tanınacaktır. Metin tarayıcı ekranında düzgün görüntülenmediğinde bu sorunu bulacaksınız.

---

26) Uygulamalar nedir?

Uygulamalar, hesaplamalar, animasyonlar ve bilgi işleme gibi bazı belirli işlevleri gerçekleştirmek için web sayfalarına yerleştirilebilen küçük programlardır. Applet'ler Java dili kullanılarak yazılır.

---

27) Etiketler arasında metin yoksa veya yanlışlıkla bir metin çıkarılmışsa ne olur? HTML dosyasının görünümünü etkiler mi?

Etiketler arasında metin yoksa biçimlendirilecek hiçbir şey yoktur. Bu nedenle herhangi bir biçimlendirme görünmeyecektir. Bazı etiketler, özellikle kapanış etiketi olmayan etiketler etiketi arasında herhangi bir yazı bulunmasına gerek yoktur.

---

28) Masa bordürlerine özel renk ayarlamak mümkün mü?

Stil sayfalarını kullanarak kenarlık rengi belirtebilirsiniz ancak stil sayfalarını kullanmayan bir tablonun renkleri metin rengiyle aynı olacaktır.

---

29) Tıklandığında başka bir web sayfasına bağlanacak bağlantıyı nasıl oluşturursunuz?

Köprüler veya başka bir web sayfasına bağlanan bağlantılar oluşturmak için href etiketini kullanın. Bunun genel formatı şöyledir: metin
"Site"yi, metne tıklandığında bağlantı verilmesi gereken gerçek sayfa URL'siyle değiştirin.

---

30) Resimleri hizalamak ve metni sarmak için başka hangi yollar kullanılabilir?

Tablolar metin ve görselleri konumlandırmak için kullanılabilir. Metni bir görüntünün etrafına sarmanın başka bir yararlı yolu da stil sayfalarını kullanmaktır.

---

31) Tek bir metin bağlantısı iki farklı web sayfasına işaret edebilir mi?

Hayır . Etiket yalnızca tek bir href özelliğini kabul edebilir ve yalnızca tek bir web sayfasına işaret edebilir.

---

32) Dizin ve menü listeleri ile sırasız liste arasındaki fark nedir?

Temel fark, dizin ve menü listelerinin madde işareti stilini değiştirmeye yönelik öznitelikleri içermemesidir.

---

33) Mermilerin rengini değiştirebilir misiniz?

Madde işareti rengi her zaman liste öğesindeki ilk karakterin rengiyle aynıdır. Eğer çevrelersen ve renk özniteliği ayarlı etiket kümesine sahip ilk karakter, madde işareti rengi ve ilk karakter, metinden farklı bir renkte olacaktır.

---

34) Metin alanı boyutunun sınırları nelerdir?

Bir metin alanının varsayılan boyutu yaklaşık 13 karakterdir. Ancak size niteliğini eklerseniz boyut değerini 1'e kadar düşük bir değere ayarlayabilirsiniz. Maksimum boyut değeri tarayıcı genişliğine göre belirlenecektir. Boyut özelliği 0 olarak ayarlanırsa boyut, varsayılan boyut olan 13 karaktere ayarlanacaktır.

---

35) Yapın etiketlerin her zaman bir satırın veya sütunun başında gelmesi mi gerekiyor?

Herhangi etiketi şu şekilde değiştirilebilir: etiket. Bu, içinde bulunan metnin etiketi tarayıcıda kalın olarak görüntülenecektir. Rağmen Etiketler esas olarak başlıklar için kullanılır, yalnızca başlıklar için kullanılmalarına gerek yoktur.

---

36) Sınır ve kural nitelikleri arasındaki ilişki nedir?

Kenarlık özelliği sıfırdan farklı bir değere ayarlanırsa, 1 piksel kalınlığındaki varsayılan hücre kenarlıkları hücreler arasına otomatik olarak eklenir. Benzer şekilde, kenarlık özelliği dahil edilmezse, kurallar özelliği eklenirse varsayılan 1 piksellik bir kenarlık görünür. etiket.

---

37) Seçim çerçevesi nedir?

Seçim çerçevesi, bir web sayfasına kayan metin yerleştirmenize olanak tanır. Bunu yapmak için, kaydırılırken görünmesini istediğiniz metni Ve Etiketler.

---

38) Bir web sayfasında tıklandığında e-posta göndermenizi sağlayacak metni nasıl oluşturursunuz?

Metni e-posta göndermek üzere tıklanabilir bir bağlantıya dönüştürmek için href etiketi içindeki mailto komutunu kullanın. Format aşağıdaki gibidir:

<A HREF=”mailto:youremailaddress”>text to be clicked</A>

 

---

39) metin bölümlerini ayırmanın tek yolu etiketler mi?

Hayır. etiketi metin satırlarını ayırmanın yalnızca bir yoludur. Diğer etiketler, örneğin etiket ve etiketi, ayrıca metnin ayrı bölümlerini de içerir.

---

40) Metnin tarayıcının dışında görüneceği durumlar var mı?

Varsayılan olarak metin, tarayıcı penceresinde görünecek şekilde kaydırılır. Ancak metin, tanımlanmış genişliğe sahip bir tablo hücresinin parçasıysa, metin tarayıcı penceresinin dışına taşabilir.

---

41) Aktif bağlantıların normal bağlantılardan farkı nedir?

Normal ve aktif bağlantıların varsayılan rengi mavidir. Bazı tarayıcılar, fare imleci o bağlantının üzerine getirildiğinde etkin bir bağlantıyı tanır; diğerleri, bağlantı odakta olduğunda etkin bağlantıları tanır. Bu bağlantının üzerinde fare imleci bulunmayanlar normal bağlantı olarak kabul edilir.

---

42) Stil sayfaları parantez içine alınabilecek yeni stil tanımlarının sayısını sınırlıyor mu?

Stil sayfaları, belirli bir seçici için parantez içine alınabilecek stil tanımlarının sayısını sınırlamaz. Ancak her yeni stil tanımı diğerlerinden noktalı virgülle ayrılmalıdır.

---

43) Font ağırlığı için 670 veya 973 gibi kesirli ağırlık değerleri belirleyebilir miyim?

Uygulama büyük ölçüde tarayıcıya bağlıdır, ancak standart kesirli ağırlık değerlerini desteklemez. Kabul edilebilir değerler iki sıfırla bitmelidir.

---

44) Stil sayfaları söz konusu olduğunda takip edilen hiyerarşi nedir?

Tek bir seçici üç farklı stil tanımı içeriyorsa gerçek etikete en yakın olan tanım öncelikli olur. Satır içi stil, harici stil sayfalarına göre öncelikli olan gömülü stil sayfalarına göre önceliklidir.

---

45) Sınıf adlarına sahip birkaç seçici birlikte gruplandırılabilir mi?

Aynı stil tanımına sahip birden fazla seçiciyi virgülle ayırarak tanımlayabilirsiniz. Aynı teknik, sınıf adlarına sahip seçiciler için de geçerlidir.

---

46) Hariciyi açarsanız ne olur? CSS bir tarayıcıda dosya?

Harici CSS dosyasını bir tarayıcıda açmaya çalıştığınızda, dosya farklı bir uzantıya sahip olduğundan tarayıcı dosyayı açamıyor. Harici bir CSS dosyasını kullanmanın tek yolu, onu kullanarak referans vermektir. başka bir HTML belgesindeki etiketi.

---

47) Bir resmi bir web sayfasının arka plan resmine nasıl dönüştürürsünüz?

Bunu yapmak için, etiket kodunun arkasına bir etiket kodu yerleştirin. aşağıdaki gibi etiketleyin:

<body background = “image.gif”>

image.gif dosyasını görsel dosyanızın adıyla değiştirin. Bu, resmi çekecek ve onu web sayfanızın arka plan resmi yapacaktır.

---

48) List-style-type özelliği paragraf gibi liste dışı bir öğe üzerinde kullanılırsa ne olur?

List-style-type özelliği paragraf gibi liste dışı bir öğede kullanılırsa özellik yok sayılacak ve paragrafı etkilemeyecektir.

---

49) Çerçevelerin kullanılması ne zaman uygundur?

Çerçeveler bir sitede gezinmeyi çok daha kolay hale getirebilir. Siteye giden ana bağlantılar tarayıcının üstünde veya kenarında görünen bir çerçeve içinde yer alıyorsa, bu bağlantıların içeriği tarayıcı penceresinin geri kalanında görüntülenebilir.

---

50) Satırlar veya sütunlar özelliğindeki değerlerin sayısı toplamı yüzde 100'e ulaşmazsa ne olur?

Tarayıcı, çerçeveleri değerlerin toplam toplamına göre boyutlandırır. Cols özelliği %100, %200 olarak ayarlanırsa tarayıcı iki dikey çerçeve görüntüler; ikincisi birincinin iki katı büyüklüğündedir.

---

51) Hangi tarayıcılar HTML5'i destekliyor?

Google Chrome, Apple Safari, Mozilla Firefox ve Opera'nın en son sürümleri, HTML5 özelliklerinin çoğunu destekler.

---

52) HTML 5'te yer alan iki yeni etiketi adlandırın

Ve HTML5 sürümüne eklenen yeni etiketlerdir. Çoğunlukla multimedya öğelerini oynatmak için Flash, Silverlight ve benzeri teknolojilerin yerine kullanılırlar.

---

53) HTML5 sürümünde hangi iki anlamsal etiketin yer aldığını biliyor musunuz?

Ve Etiketler HTML5'e eklenen iki yeni etikettir. Makaleler, birden fazla makale içerebilen birden fazla bölümden oluşabilir. Makale etiketi, daha büyük bir bütünün parçası olan tam bir içerik bloğunu temsil eder.

---

54) Nedir HTML5'te mi?

Bu etiket, bağımsız akış içeriğinin bir parçasını temsil eder. Çoğunlukla belgenin ana akışına referans olarak tek bir birim olarak kullanılır.

---

55) Canvas elementinin kullanımı nedir?

Kanvas öğesi çizelgeler, grafikler oluşturmaya, atlamaya yardımcı olur Photoshop 2D görüntüler oluşturmak ve bunları doğrudan HTML5 koduna yerleştirmek için.

---

56) HTML5'te bulunan yeni FORM öğeleri nelerdir?

HTML5'teki yeni Form öğeleri, önceki sürümlere göre çok daha iyi işlevsellik sunar.

Bu işlevleri gerçekleştirmek için sağlanan etiketler şunlardır:

1) – Bu etiket, giriş kontrollerine ilişkin seçeneklerin listesini belirtmek için kullanılır.

2) – Bu etiket bir anahtar çifti oluşturucu alanını temsil eder.

3) – Herhangi bir komut dosyası hesaplamasının sonucunu temsil eder.

---

57) Bana HTML5 Web Depolamanın iki avantajını anlatın

HTML5 Web Depolamanın iki ana avantajı:

• Kesinlikle çerezlerin sahip olduğundan daha fazla olan 10 MB'a kadar veri depolayabilir.
• Web depolama verileri HTTP isteğiyle aktarılamaz. Uygulama performansının artmasına yardımcı olur.

---

58) HTML5'te iki tür Web Depolama nedir?

HTML5'in iki depolama türü şunlardır:

Oturum Depolama: Yalnızca geçerli oturumun verilerini saklar. Bu, oturum depolama alanında depolanan verilerin tarayıcı kapatıldığında otomatik olarak temizlendiği anlamına gelir.

Yerel depolama: Yerel depolama başka bir HTML5 Web Depolama türüdür. Yerel depolamada, geçerli tarayıcı penceresi kapatıldığında veriler otomatik olarak silinmez.

---

59) HTML5'teki Uygulama Önbelleği nedir ve neden kullanılır?

Uygulama Önbelleği kavramı, bir web uygulamasının önbelleğe alındığı anlamına gelir. İnternet bağlantısına ihtiyaç duymadan ulaşılabilir.

Uygulama Önbelleğinin bazı avantajları:

1. Çevrimdışı tarama – Web kullanıcıları uygulamayı çevrimdışı olduklarında da kullanabilirler.
2. Hız - Önbelleğe alınan kaynaklar daha hızlı yüklenir
3. Sunucu yükünü azaltın – Web tarayıcısı yalnızca güncellenen kaynakları sunucudan indirecektir.

---

60) HTML5'in formlar için sağladığı beş yeni giriş türünü açıklayın?

HTML5'in sunduğu önemli, yeni veri türleri şunlardır:

1. Tarih: Kullanıcının bir tarih seçmesine olanak tanır.
2. tarihsaat-yerel: Bu giriş türü, kullanıcının saat dilimi olmadan tarih ve saat seçmesine olanak tanır.
3. tarihsaat: Bu giriş türü, kullanıcının saat dilimiyle birlikte bir tarih ve saat seçmesine olanak tanır.
4. ay: Kullanıcının bir ay ve yıl seçmesini sağlar
5. E-posta: Bu giriş alanları bir e-posta adresi içeriyordu.

Bu röportaj soruları aynı zamanda sözlü konuşmanıza da yardımcı olacaktır. Parlak bir kariyer oluşturmak için UI / UX geliştirici, adayların kendilerine çeşitli HTML5 mülakat sorularının sorulduğu mülakatı çözmeleri gerekiyor.