60 najpopularniejszych pytań i odpowiedzi do rozmów kwalifikacyjnych w formacie HTML (2025)

Oto pytania i odpowiedzi do rozmów kwalifikacyjnych w formacie HTML zarówno dla nowicjuszy, jak i doświadczonych kandydatów, którzy chcą zdobyć wymarzoną pracę.

Bezpłatne pobieranie w formacie PDF: pytania do rozmowy kwalifikacyjnej w formacie HTML

---

1) Co to jest HTML?

HTML jest skrótem od HyperText Markup Language i jest językiem sieci WWW. Jest to standardowy język formatowania tekstu używany do tworzenia i wyświetlania stron w Internecie. Dokumenty HTML składają się z dwóch elementów: treści i znaczników, które ją formatują w celu prawidłowego wyświetlania na stronach.

---

2) Czym są tagi?

Treść umieszczana jest pomiędzy znacznikami HTML w celu jej prawidłowego sformatowania. Używa symbolu mniejszego niż (<) i symbolu większego niż (>). Symbol ukośnika jest również używany jako znacznik zamykający. Na przykład:

<strong>sample</strong>

---

3) Czy wszystkie tagi HTML występują w parach?

Nie, istnieją pojedyncze znaczniki HTML, które nie wymagają znacznika zamykającego. Przykładami są tag i tagi.

---

4) Jakie są popularne listy, których można używać podczas projektowania strony?

Możesz wstawić dowolny lub kombinację następujących typów list:
- uporządkowana lista
– lista nieuporządkowana
– lista definicji
– lista menu
– lista katalogów
Każdy z tych typów list korzysta z innego zestawu znaczników do tworzenia

---

5) Jak wstawić komentarz w formacie HTML?

Komentarze w HTML zaczynają się od „ ”. Na przykład:

<!-- A SAMPLE COMMENT -->

---

6) Czy wszystkie postacie wyświetlają się prawidłowo na wszystkich systemach?

Nie, istnieją pewne elementy znakowe, których nie można wyświetlić, gdy plik system operacyjny na którym działa przeglądarka, nie obsługuje tych znaków. Kiedy tak się stanie, znaki te są wyświetlane w postaci ramek.

---

7) Czym jest mapa obrazu?

Mapa obrazu umożliwia utworzenie linków do wielu różnych stron internetowych za pomocą jednego obrazu. Można definiować kształty na obrazach, które mają być częścią mapowania obrazu.

---

8) Jaka jest zaleta zwijania białych znaków?

Białe spacje to pusta sekwencja znaków spacji, która w HTML jest traktowana jako pojedynczy znak spacji. Ponieważ przeglądarka zwija wiele spacji w jedną, możesz wstawiać wcięcia w wierszach tekstu, nie martwiąc się o wiele spacji. Umożliwia to uporządkowanie kodu HTML w znacznie bardziej czytelny format.

---

9) Czy wartości atrybutów można ustawić na dowolną wartość lub czy akceptowane są jakieś konkretne wartości?

Niektóre wartości atrybutów można ustawić wyłącznie na wartości wstępnie zdefiniowane. Inne atrybuty mogą przyjmować dowolną wartość liczbową reprezentującą liczbę pikseli dla danego rozmiaru.

---

10) Jak wstawić symbol praw autorskich na stronie przeglądarki?

Aby wstawić symbol praw autorskich, należy wpisać © lub & #169; w pliku HTML.

---

11) Jak utworzyć linki do sekcji na tej samej stronie?

Linki można tworzyć za pomocą tagu, z odwołaniem poprzez użycie symbolu cyfry (#). Na przykład możesz mieć jedną linię BACK TO TOP , co spowoduje pojawienie się na stronie słów „BACK TO TOP” i linków do zakładki o nazwie topmost. Następnie tworzysz osobne polecenie tagu, np . gdzieś na górze tej samej strony internetowej, tak aby użytkownik został przekierowany do tego miejsca, gdy kliknie „POWRÓT DO GÓRY”.

---

12) Czy jest jakiś sposób na zachowanie elementów listy w pliku HTML?

Używając wcięć, możesz zachować prostotę elementów listy. Jeśli wcięcie każdej listy podzagnieżdżonej będzie większe niż lista nadrzędna, która ją zawiera, możesz szybko określić różne listy i elementy, które ona zawiera.

---

13) Jeśli widzisz adres internetowy w czasopiśmie, na jaką stronę wskazuje?

Każda strona internetowa w Internecie może mieć oddzielny adres internetowy. Większość tych adresów odnosi się do strony internetowej znajdującej się najwyżej. Opublikowany adres internetowy pojawiający się w czasopismach zazwyczaj wskazuje tę stronę znajdującą się najwyżej. Z tej strony najwyższego poziomu można uzyskać dostęp do wszystkich pozostałych stron witryny.

---

14) Jakie jest zastosowanie tekstu alternatywnego w mapowaniu obrazu?

Podczas korzystania z map obrazów łatwo może być mylące i trudne do określenia, które punkty aktywne odpowiadają danym linkom. Używając tekstu alternatywnego, możesz umieścić opisowy tekst na każdym łączu hotspotu.

---

15) Czy starsze pliki HTML działają w nowszych przeglądarkach?

Tak, starsze pliki HTML są zgodne ze standardem HTML. Większość starszych plików działa w nowszych przeglądarkach, chociaż niektóre funkcje mogą nie działać.

---

16) Czy hiperłącze dotyczy tylko tekstu?

Nie, hiperłącza mogą być używane zarówno w tekście, jak i obrazach. Oznacza to, że możesz przekonwertować obraz na link, który po kliknięciu umożliwi użytkownikom przejście do innej strony. Otocz obraz w … kombinacjach znaczników.

---

17) Jeśli system operacyjny użytkownika nie obsługuje wymaganego znaku, w jaki sposób można przedstawić ten symbol?

W przypadkach, gdy ich system operacyjny nie obsługuje określonego znaku, nadal możliwe jest wyświetlenie tego znaku, wyświetlając go zamiast tego jako obraz.

---

18) Jak zmienić typ numeru na środku listy?

The tag zawiera dwa atrybuty – typ i wartość. Atrybutu type można użyć do zmiany typu numeracji dowolnego elementu listy. Atrybut value może zmienić indeks liczbowy.

---

19) Czym są arkusze stylów?

Arkusze stylów umożliwiają tworzenie spójnych, przenośnych i dobrze zdefiniowanych szablonów stylów. Szablony te można powiązać z kilkoma różnymi stronami internetowymi, co ułatwia konserwację i zmianę wyglądu i stylu wszystkich stron internetowych w witrynie.

---

20) Podaj typy punktorów dostępne w formacie HTML

W przypadku list uporządkowanych można wybrać różne typy list, w tym listy alfabetyczne i rzymskie. Atrybut type dla list nieuporządkowanych można ustawić na dysk, kwadrat lub okrąg.

---

21) Jak utworzyć wielokolorowy tekst na stronie internetowej?

Aby utworzyć tekst o różnych kolorach, użyj znaczników … dla każdego znaku, któremu chcesz nadać kolor. Możesz użyć tej kombinacji znaczników tyle razy, ile potrzeba, otaczając pojedynczy znak lub całe słowo.

---

22) Dlaczego istnieją zarówno wartości numeryczne, jak i nazwane jednostki znakowe?

Wartości liczbowe są pobierane z wartości ASCII różnych znaków, ale mogą być one trudne do zapamiętania. Z tego powodu stworzono wartości nazwanych encji znakowych, aby ułatwić korzystanie z nich projektantom stron internetowych.

---

23) Napisz sekwencję znaczników tabeli HTML, która daje następujące wyniki:
50 szt. 100 500
10 szt. 5 50

Odpowiedź:

<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) Jaka jest zaleta grupowania kilku pól wyboru razem?

Chociaż pola wyboru nie wpływają na siebie nawzajem, grupowanie pól wyboru pomaga je uporządkować. Przyciski checkboxów mogą mieć swoją nazwę i nie muszą należeć do żadnej grupy. Pojedyncza strona internetowa może zawierać wiele różnych grup pól wyboru.

---

25) Co się stanie, jeśli nałożysz na siebie zestawy tagów?

Jeśli dwa zestawy znaczników HTML nakładają się, rozpoznany zostanie tylko pierwszy znacznik. Ten problem znajdziesz, gdy tekst nie wyświetla się poprawnie na ekranie przeglądarki.

---

26) Czym są aplety?

Aplety to małe programy, które można osadzić na stronach internetowych w celu wykonywania określonych funkcji, takich jak obliczenia, animacje i przetwarzanie informacji. Aplety są pisane przy użyciu języka Java.

---

27) Co jeśli pomiędzy tagami nie ma tekstu lub tekst został przez pomyłkę pominięty? Czy będzie to miało wpływ na wyświetlanie pliku HTML?

Jeśli pomiędzy tagami nie ma tekstu, oznacza to, że nie ma czego formatować. Dlatego nie pojawi się żadne formatowanie. Niektóre tagi, szczególnie te bez tagu zamykającego, np tag, nie wymagaj umieszczania tekstu pomiędzy nimi.

---

28) Czy można ustawić określone kolory obramowań tabeli?

Możesz określić kolor obramowania za pomocą arkuszy stylów, ale kolory tabeli, która nie korzysta z arkuszy stylów, będą takie same jak kolor tekstu.

---

29) Jak utworzyć link, który po kliknięciu będzie przekierowywał do innej strony internetowej?

Aby utworzyć hiperłącza lub linki prowadzące do innej strony internetowej, użyj tagu href. Ogólny format tego jest następujący: tekst
Zastąp „site” rzeczywistym adresem URL strony, do której ma prowadzić link po kliknięciu tekstu.

---

30) Jakich innych sposobów można użyć do wyrównywania obrazów i zawijania tekstu?

Tabele mogą służyć do pozycjonowania tekstu i obrazów. Innym przydatnym sposobem zawijania tekstu wokół obrazu jest użycie arkuszy stylów.

---

31) Czy pojedynczy link tekstowy może prowadzić do dwóch różnych stron internetowych?

Nie. Tag akceptuje tylko jeden atrybut href i może wskazywać tylko jedną stronę internetową.

---

32) Jaka jest różnica pomiędzy listami katalogów i menu a listą nieuporządkowaną?

Kluczowa różnica polega na tym, że listy katalogów i menu nie zawierają atrybutów umożliwiających zmianę stylu punktora.

---

33) Czy możesz zmienić kolor kul?

Kolor punktora jest zawsze taki sam, jak pierwszy znak w elemencie listy. Jeśli otoczysz oraz pierwszy znak z zestawem znaczników z ustawionym atrybutem koloru, kolorem punktora, a pierwszy znak będzie miał inny kolor niż tekst.

---

34) Jakie są ograniczenia rozmiaru pola tekstowego?

Domyślny rozmiar pola tekstowego wynosi około 13 znaków. Jeśli jednak dołączysz atrybut rozmiaru, możesz ustawić wartość rozmiaru nawet na 1. Maksymalna wartość rozmiaru zostanie określona na podstawie szerokości przeglądarki. Jeśli atrybut size jest ustawiony na 0, rozmiar zostanie ustawiony na domyślny rozmiar 13 znaków.

---

35) Zrób tagi zawsze muszą znajdować się na początku wiersza lub kolumny?

Każdy tag można zmienić na a etykietka. Powoduje to, że tekst zawarty w tag, który ma być wyświetlany w przeglądarce jako pogrubiony. Chociaż tagi są używane głównie w nagłówkach, nie muszą być używane wyłącznie w nagłówkach.

---

36) Jaki jest związek pomiędzy atrybutami granicy i reguły?

Domyślne obramowania komórek o grubości 1 piksela są automatycznie dodawane między komórkami, jeśli atrybut obramowania jest ustawiony na wartość różną od zera. Podobnie, jeśli atrybut obramowania nie jest uwzględniony, po dodaniu atrybutu reguł pojawi się domyślna ramka o wielkości 1 piksela etykietka.

---

37) Co to jest namiot imprezowy?

Markiza umożliwia umieszczenie przewijanego tekstu na stronie internetowej. Aby to zrobić, umieść dowolny tekst, który chcesz przewijać I tagi.

---

38) Jak utworzyć tekst na stronie internetowej, który po kliknięciu umożliwi wysłanie wiadomości e-mail?

Aby zamienić tekst na klikalny link do wysłania wiadomości e-mail, użyj polecenia mailto w tagu href. Format jest następujący:

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

 

---

39) Są tagi to jedyny sposób na oddzielenie sekcji tekstu?

Nie tag to tylko jeden ze sposobów oddzielania wierszy tekstu. Inne tagi, takie jak tag i tag, także oddzielne sekcje tekstu.

---

40) Czy zdarzają się przypadki, gdy tekst pojawia się poza przeglądarką?

Domyślnie tekst jest zawijany i pojawia się w oknie przeglądarki. Jeśli jednak tekst stanowi część komórki tabeli o określonej szerokości, może wykraczać poza okno przeglądarki.

---

41) Czym aktywne linki różnią się od zwykłych linków?

Domyślnym kolorem normalnych i aktywnych linków jest niebieski. Niektóre przeglądarki rozpoznają aktywne łącze po umieszczeniu kursora myszy nad tym łączem; inne rozpoznają aktywne łącza, gdy łącze jest aktywne. Te, które nie mają kursora myszy nad tym linkiem, są uważane za normalne linki.

---

42) Czy arkusze stylów ograniczają liczbę nowych definicji stylów, które można ująć w nawiasach?

Arkusze stylów nie ograniczają liczby definicji stylów, które można ująć w nawiasach dla danego selektora. Każda nowa definicja stylu musi być jednak oddzielona od pozostałych symbolem średnika.

---

43) Czy mogę określić wartości ułamkowe wagi czcionki, takie jak 670 lub 973?

Implementacja w dużej mierze zależy od przeglądarki, jednak standard nie obsługuje wartości wag ułamkowych. Dopuszczalne wartości muszą kończyć się dwoma zerami.

---

44) Jaka jest hierarchia stosowana w przypadku arkuszy stylów?

Jeśli pojedynczy selektor zawiera trzy różne definicje stylu, pierwszeństwo ma definicja najbliższa rzeczywistemu znacznikowi. Styl wbudowany ma pierwszeństwo przed osadzonymi arkuszami stylów, które mają pierwszeństwo przed zewnętrznymi arkuszami stylów.

---

45) Czy można zgrupować kilka selektorów z nazwami klas?

Można zdefiniować kilka selektorów z tą samą definicją stylu, oddzielając je przecinkami. Ta sama technika działa również w przypadku selektorów z nazwami klas.

---

46) Co się stanie, jeśli otworzysz zewnętrzne CSS plik w przeglądarce?

Kiedy próbujesz otworzyć zewnętrzny plik CSS w przeglądarce, przeglądarka nie może otworzyć pliku, ponieważ plik ma inne rozszerzenie. Jedynym sposobem użycia zewnętrznego pliku CSS jest odwołanie się do niego za pomocą tag w innym dokumencie HTML.

---

47) Jak zrobić obraz tła strony internetowej?

Aby to zrobić, umieść kod tagu po oznaczyć w następujący sposób:

<body background = “image.gif”>

Zastąp image.gif nazwą pliku obrazu. Spowoduje to wykonanie zdjęcia i uczynienie go obrazem tła Twojej strony internetowej.

---

48) Co się stanie, jeśli właściwość list-style-type zostanie użyta w elemencie niebędącym listą, takim jak akapit?

Jeśli właściwość list-style-type zostanie użyta w elemencie niebędącym listą, takim jak akapit, właściwość zostanie zignorowana i nie będzie miała wpływu na akapit.

---

49) Kiedy wskazane jest stosowanie ramek?

Ramki mogą znacznie ułatwić nawigację w witrynie. Jeśli główne linki do witryny znajdują się w ramce wyświetlanej u góry lub wzdłuż krawędzi przeglądarki, treść tych linków może być wyświetlona w pozostałej części okna przeglądarki.

---

50) Co się stanie, jeśli liczba wartości w atrybucie rows lub cols nie sumuje się do 100 procent?

Przeglądarka dopasowuje ramki do całkowitej sumy wartości. Jeśli atrybut cols jest ustawiony na 100%, 200%, przeglądarka wyświetla dwie pionowe ramki, przy czym druga jest dwa razy większa od pierwszej.

---

51) Które przeglądarki obsługują HTML5?

Najnowsze wersje przeglądarek Google Chrome, Apple Safari, Mozilla Firefox i Opera obsługują większość funkcji HTML5.

---

52) Nazwij dwa nowe tagi zawarte w HTML 5

I to nowe tagi, które są zawarte w wersji HTML5. Stosowane są głównie jako zamienniki technologii Flash, Silverlight i podobnych do odtwarzania elementów multimedialnych.

---

53) Czy wiesz, które dwa znaczniki semantyczne znajdują się w wersji HTML5?

The I tagi to dwa nowe tagi zawarte w HTML5. Artykuły mogą składać się z wielu sekcji, które mogą zawierać wiele artykułów. Znacznik artykułu reprezentuje pełny blok treści będący częścią większej całości.

---

54) Co jest w HTML5?

Ten znacznik reprezentuje fragment samodzielnej treści przepływu. Jest najczęściej używany jako pojedyncza jednostka jako odniesienie do głównego przepływu dokumentu.

---

55) Jakie jest zastosowanie elementu Canvas?

Element canvas pomaga budować wykresy, wykresy, obejścia Photoshop do tworzenia obrazów 2D i umieszczania ich bezpośrednio w kodzie HTML5.

---

56) Jakie nowe elementy FORM są dostępne w HTML5?

Nowe elementy formularza w HTML5 oferują znacznie lepszą funkcjonalność niż wcześniejsze wersje.

Tagi podane w celu realizacji tych funkcji to:

1) – Ten znacznik służy do określenia listy opcji kontrolek wejściowych.

2) – Ten znacznik reprezentuje pole generatora pary kluczy.

3) – Reprezentuje wynik wszelkich obliczeń skryptowych.

---

57) Podaj mi dwie zalety korzystania z pamięci masowej HTML5

Dwie główne zalety magazynu internetowego HTML5:

• Może przechowywać do 10 MB danych, czyli z pewnością więcej niż mają pliki cookie.
• Nie można przesyłać danych z magazynu internetowego za pomocą żądania HTTP. Pomaga zwiększyć wydajność aplikacji.

---

58) Jakie są dwa typy magazynów internetowych w HTML5?

Dwa typy przechowywania HTML5 to:

Przechowywanie sesji: Przechowuje tylko dane z bieżącej sesji. Oznacza to, że dane przechowywane w pamięci sesji są usuwane automatycznie po zamknięciu przeglądarki.

Lokalny magazyn: Pamięć lokalna to inny typ magazynu internetowego HTML5. W pamięci lokalnej dane nie są usuwane automatycznie po zamknięciu bieżącego okna przeglądarki.

---

59) Co to jest pamięć podręczna aplikacji w HTML5 i dlaczego jest używana?

Koncepcja pamięci podręcznej aplikacji oznacza, że ​​aplikacja internetowa jest buforowana. Można z niego korzystać bez konieczności połączenia z Internetem.

Niektóre zalety pamięci podręcznej aplikacji:

1. Przeglądanie offline – Użytkownicy sieci mogą korzystać z aplikacji także w trybie offline.
2. Prędkość - Zasoby buforowane ładują się szybciej
3. Zmniejsz obciążenie serwera – Przeglądarka internetowa pobierze jedynie zaktualizowane zasoby z serwera.

---

60) Wyjaśnij pięć nowych typów danych wejściowych dostępnych w formularzach w formacie HTML5?

Poniżej znajdują się ważne, nowe typy danych oferowane przez HTML5:

1. Data: Umożliwia użytkownikowi wybór daty.
2. datetime-local: Ten typ wejścia pozwala użytkownikowi wybrać datę i godzinę bez strefy czasowej.
3. data i godzina: Ten typ wejścia pozwala użytkownikowi wybrać datę i godzinę wraz ze strefą czasową.
4. miesiąc: Umożliwia użytkownikowi wybór miesiąca i roku
5. e-mail: Te pola wejściowe zawierały kiedyś adres e-mail.

Te pytania do rozmowy kwalifikacyjnej pomogą również w Twoim życiu (ustnym). Aby zbudować błyskotliwą karierę jako UI / UX programisty, kandydaci muszą złamać rozmowę kwalifikacyjną, podczas której są proszeni o różne pytania do rozmowy kwalifikacyjnej HTML5.