Топ 60 въпроса и отговора за HTML интервю (2025)

Ето въпроси и отговори за интервю с HTML за новопостъпили, както и за опитни кандидати, за да получат мечтаната работа.

Безплатно изтегляне на PDF: HTML въпроси за интервю

---

1) Какво е HTML?

HTML е съкращение от HyperText Markup Language и е езикът на World Wide Web. Това е стандартният език за форматиране на текст, използван за създаване и показване на страници в мрежата. HTML документите се състоят от две неща: съдържанието и таговете, които го форматират за правилно показване на страниците.

---

2) Какво представляват таговете?

Съдържанието се поставя между HTML таговете, за да бъде правилно форматирано. Той използва символа по-малко от (<) и символа по-голямо от (>). Символът за наклонена черта се използва и като затварящ таг. Например:

<strong>sample</strong>

---

3) Всички HTML тагове идват ли по двойка?

Не, има единични HTML тагове, които не се нуждаят от затварящ таг. Примери за това са етикет и етикети.

---

4) Кои са някои от често срещаните списъци, които могат да се използват при проектиране на страница?

Можете да вмъкнете всеки или комбинация от следните типове списъци:
– подреден списък
– неподреден списък
– списък с дефиниции
– списък с менюта
– списък с директории
Всеки от тези типове списъци използва различен набор от етикети за съставяне

---

5) Как се вмъква коментар в HTML?

Коментарите в HTML започват с „ ”. Например:

<!-- A SAMPLE COMMENT -->

---

6) Всички символни обекти показват ли се правилно на всички системи?

Не, има някои символни обекти, които не могат да бъдат показани, когато операционната система на който работи браузърът, не поддържа знаците. Когато това се случи, тези знаци се показват като полета.

---

7) Какво е карта на изображението?

Картата на изображенията ви позволява да свързвате към много различни уеб страници, като използвате едно изображение. Можете да дефинирате фигури в изображения, които искате да направите част от картографиране на изображение.

---

8) Какво е предимството на свиването на бялото пространство?

Белите интервали са празна последователност от знаци за интервал, която се третира като единичен знак за интервал в HTML. Тъй като браузърът свива множество интервали в едно пространство, можете да правите отстъпи на редове от текст, без да се притеснявате за множество интервали. Това ви позволява да организирате HTML кода в много по-четлив формат.

---

9) Могат ли стойностите на атрибутите да бъдат зададени на нещо или има конкретни стойности, които те приемат?

Някои стойности на атрибути могат да бъдат зададени само на предварително зададени стойности. Други атрибути могат да приемат всяка цифрова стойност, която представлява броя на пикселите за даден размер.

---

10) Как се вмъква символ за авторско право на страница на браузър?

За да вмъкнете символа за авторско право, трябва да въведете © или & #169; в HTML файл.

---

11) Как създавате връзки към секции в рамките на една и съща страница?

Връзките могат да бъдат създадени с помощта на етикета, с препратка чрез използването на символа номер (#). Например, можете да имате един ред като НАЗАД КЪМ ГОРЕТО , което би довело до появата на думите „НАЗАД КЪМ ГОРЕТО“ на уеб страницата и връзка към отметка, наречена най-горната. След това създавате отделна команда за етикет някъде в горната част на същата уеб страница, така че потребителят да бъде свързан към това място, когато щракне върху „ОБРАТНО КЪМ НАЧАЛОТО“.

---

12) Има ли някакъв начин да запазите елементите на списъка прави в HTML файл?

Като използвате отстъпи, можете да поддържате елементите на списъка прави. Ако отстъпите всеки подвложен списък по-далеч от родителския списък, който го съдържа, можете с един поглед да определите различните списъци и елементите, които съдържа.

---

13) Ако видите уеб адрес в списание, към коя уеб страница сочи?

Всяка уеб страница в мрежата може да има отделен уеб адрес. Повечето от тези адреси са относителни към най-горната уеб страница. Публикуваният уеб адрес, който се появява в списанията, обикновено сочи тази най-горна страница. От тази страница от най-високо ниво можете да получите достъп до всички други страници в рамките на уебсайта.

---

14) Каква е употребата на алтернативния текст в картографирането на изображения?

Когато използвате карти на изображения, лесно може да стане объркващо и трудно да се определи кои горещи точки съответстват на кои връзки. Използвайки алтернативен текст, вие поставяте описателен текст на всяка връзка към гореща точка.

---

15) Старите HTML файлове работят ли на по-нови браузъри?

Да, по-старите HTML файлове са съвместими с HTML стандарта. Повечето по-стари файлове работят в по-новите браузъри, въпреки че някои функции може да не работят.

---

16) Прилага ли се хипервръзка само към текст?

Не, хипервръзките могат да се използват както в текста, така и в изображенията. Това означава, че можете да конвертирате изображение във връзка, която ще позволи на потребителите да се свържат с друга страница, когато щракнат. Оградете изображението в рамките на … комбинациите от етикети.

---

17) Ако операционната система на потребителя не поддържа необходимия знак, как може да бъде представен символът?

В случаите, когато тяхната операционна система не поддържа конкретен символ, все още е възможно да се покаже този знак, като се покаже вместо това като изображение.

---

18) Как се променя типа номер в средата на списък?

The включва два атрибута – тип и стойност. Атрибутът тип може да се използва за промяна на типа номериране за всеки елемент от списъка. Атрибутът стойност може да промени числовия индекс.

---

19) Какво представляват таблиците със стилове?

Стиловите таблици ви позволяват да създавате последователни, преносими и добре дефинирани стилови шаблони. Тези шаблони могат да бъдат свързани към няколко различни уеб страници, което улеснява поддържането и промяната на облика и усещането на всички уеб страници в сайта.

---

20) Задайте типове водещи символи, налични в HTML

С подредените списъци можете да изберете да използвате някои различни типове списъци, включително азбучни и римски цифри. Атрибутът тип за неподредени списъци може да бъде зададен на диск, квадрат или кръг.

---

21) Как се създава многоцветен текст в уеб страница?

За да създадете текст с различни цветове, използвайте ... етикетите за всеки знак, който искате да оцветите. Можете да използвате тази комбинация от тагове толкова пъти, колкото е необходимо, около един знак или цяла дума.

---

22) Защо има както числови, така и наименувани стойности на символен обект?

Числените стойности са взети от ASCII стойностите за различните символи, но те могат да бъдат трудни за запомняне. Поради това бяха създадени наименувани стойности на символни обекти, за да се улесни използването им от дизайнерите на уеб страници.

---

23) Напишете последователност от тагове на HTML таблица, която извежда следното:
50 бр 100 500
10 бр 5 50

Отговор:

<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) Какво е предимството на групирането на няколко квадратчета за отметка заедно?

Въпреки че квадратчетата за отметка не влияят едно на друго, групирането на квадратчетата за отметка заедно помага за организирането им. Бутоните в полето за отметка могат да имат свое име и не е необходимо да принадлежат към група. Една уеб страница може да има много различни групи квадратчета за отметка.

---

25) Какво ще се случи, ако припокриете набори от тагове?

Ако два набора от HTML тагове се припокриват, само първият таг ще бъде разпознат. Ще откриете този проблем, когато текстът не се показва правилно на екрана на браузъра.

---

26) Какво представляват аплетите?

Аплетите са малки програми, които могат да бъдат вградени в уеб страници, за да изпълняват някои специфични функции, като изчисления, анимации и обработка на информация. Аплетите са написани на езика Java.

---

27) Какво ще стане, ако няма текст между таговете или ако текст е пропуснат по погрешка? Ще се отрази ли на показването на HTML файла?

Ако няма текст между таговете, значи няма какво да се форматира. Следователно няма да се появи форматиране. Някои тагове, особено без затварящ етикет като етикет, не изискват текст между тях.

---

28) Възможно ли е да зададете специфични цветове за границите на таблицата?

Можете да зададете цвят на границата с помощта на листове със стилове, но цветовете за таблица, която не използва листове със стилове, ще бъдат същите като цвета на текста.

---

29) Как се създава връзка, която ще се свърже с друга уеб страница, когато се щракне?

За да създадете хипервръзки или връзки, които се свързват с друга уеб страница, използвайте href тага. Общият формат за това е: текст
Заменете „сайт“ с действителния URL адрес на страницата, към който се предполага, че има връзка при щракване върху текста.

---

30) Какви други начини могат да се използват за подравняване на изображения и обвиване на текст?

Таблиците могат да се използват за позициониране на текст и изображения. Друг полезен начин за обвиване на текст около изображение е използването на таблици със стилове.

---

31) Може ли една текстова връзка да сочи към две различни уеб страници?

Не. Тагът може да приема само един атрибут href и може да сочи само към една уеб страница.

---

32) Каква е разликата между списъците с директории и менюта и неподредения списък?

Основната разлика е, че списъците с директории и менюта не включват атрибути за промяна на стила на водещите символи.

---

33) Можете ли да промените цвета на куршумите?

Цветът на водещия символ винаги е същият като този на първия знак в елемента от списъка. Ако заобиколите и първият знак с набор от тагове с атрибута color set, цвета на куршума и първият знак ще бъде с различен цвят от текста.

---

34) Какви са ограниченията за размера на текстовото поле?

Размерът по подразбиране за текстово поле е около 13 знака. Въпреки това, ако включите атрибута size, можете да зададете стойността на размера да бъде толкова ниска, колкото 1. Максималната стойност на размера ще се определя от ширината на браузъра. Ако атрибутът size е зададен на 0, размерът ще бъде зададен на размера по подразбиране от 13 знака.

---

35) Направи таговете винаги трябва да идват в началото на ред или колона?

Всякакви етикетът може да бъде променен на a етикет. Това причинява текста, съдържащ се в етикет, който да се показва като получер в браузъра. въпреки че таговете се използват главно за заглавия, не е необходимо да се използват изключително за заглавия.

---

36) Каква е връзката между границата и атрибутите на правилото?

Границите на клетките по подразбиране с дебелина 1 пиксел се добавят автоматично между клетките, ако атрибутът на границата е зададен на ненулева стойност. По същия начин, ако атрибутът border не е включен, рамката по подразбиране от 1 пиксел се появява, ако атрибутът rules се добави към етикет.

---

37) Какво е шатра?

Маркировката ви позволява да поставите превъртащ се текст в уеб страница. За да направите това, поставете текста, който искате да се показва при превъртане в и етикети.

---

38) Как създавате текст на уеб страница, който ще ви позволи да изпратите имейл, когато щракнете?

За да промените текста във връзка с възможност за кликване, за да изпратите имейл, използвайте командата mailto в етикета href. Форматът е както следва:

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

 

---

39) Са тагове единственият начин за разделяне на части от текст?

Не е само един от начините за разделяне на редове от текст. Други тагове, като етикет и етикет, също отделни части от текста.

---

40) Има ли случаи, когато текстът ще се появи извън браузъра?

По подразбиране текстът е обвит, за да се появи в прозореца на браузъра. Ако обаче текстът е част от клетка на таблица с определена ширина, текстът може да се простира отвъд прозореца на браузъра.

---

41) По какво се различават активните връзки от нормалните връзки?

Цветът по подразбиране за нормални и активни връзки е син. Някои браузъри разпознават активна връзка, когато курсорът на мишката се постави върху тази връзка; други разпознават активните връзки, когато връзката е във фокуса. Тези, които нямат курсор на мишката върху тази връзка, се считат за нормална връзка.

---

42) Стиловите таблици ограничават ли броя на новите стилови дефиниции, които могат да бъдат включени в скобите?

Стиловите таблици не ограничават броя на стиловите дефиниции, които могат да бъдат включени в скобите за даден селектор. Всяка нова дефиниция на стил обаче трябва да бъде отделена от останалите със символ точка и запетая.

---

43) Мога ли да посоча стойности на дробно тегло като 670 или 973 за тегло на шрифта?

Внедряването до голяма степен зависи от браузъра, но стандартът не поддържа стойности на дробно тегло. Допустимите стойности трябва да завършват с две нули.

---

44) Каква е йерархията, която се следва, когато става дума за листове със стилове?

Ако един селектор включва три различни дефиниции на стил, дефиницията, която е най-близо до действителния таг, има предимство. Вграденият стил има приоритет пред вградените стилови листове, които имат приоритет пред външните стилови листове.

---

45) Могат ли няколко селектора с имена на класове да бъдат групирани заедно?

Можете да дефинирате няколко селектора с една и съща дефиниция на стил, като ги разделите със запетаи. Същата техника работи и за селектори с имена на класове.

---

46) Какво се случва, ако отворите външния CSS файл в браузър?

Когато се опитате да отворите външния CSS файл в браузър, браузърът не може да отвори файла, тъй като файлът има различно разширение. Единственият начин да използвате външен CSS файл е да го препратите с помощта на етикет в друг HTML документ.

---

47) Как се прави картина във фоново изображение на уеб страница?

За да направите това, поставете код на етикет след етикет, както следва:

<body background = “image.gif”>

Заменете image.gif с името на вашия файл с изображение. Това ще направи снимката и ще я направи фоново изображение на вашата уеб страница.

---

48) Какво се случва, ако свойството list-style-type се използва върху елемент, който не е списък, като параграф?

Ако свойството list-style-type се използва върху несписъчен елемент като абзац, свойството ще бъде игнорирано и няма да засегне абзаца.

---

49) Кога е подходящо да се използват рамки?

Рамките могат да направят навигацията в сайта много по-лесна. Ако основните връзки към сайта са разположени в рамка, която се появява в горната част или по края на браузъра, съдържанието на тези връзки може да се покаже в останалата част от прозореца на браузъра.

---

50) Какво се случва, ако сборът на броя на стойностите в атрибута rows или cols не достига 100 процента?

Браузърът оразмерява кадрите спрямо общата сума на стойностите. Ако атрибутът cols е зададен на 100%, 200%, браузърът показва две вертикални рамки, като втората е два пъти по-голяма от първата.

---

51) Кои браузъри поддържат HTML5?

Най-новите версии на Google Chrome, Apple Safari, Mozilla Firefox и Opera поддържат повечето от функциите на HTML5.

---

52) Назовете два нови тагова, включени в HTML 5

и са нови тагове, които са включени във версията HTML5. Те се използват главно като заместител на Flash, Silverlight и подобни технологии за възпроизвеждане на мултимедийни елементи.

---

53) Знаете ли кои са двата семантични маркера, включени във версията на HTML5?

The и етикетите са два нови маркера, които са включени в HTML5. Статиите могат да бъдат съставени от множество секции, които могат да имат няколко статии. Тагът за статия представлява пълен блок от съдържание, което е част от по-голямо цяло.

---

54) Какво е в HTML5?

Този етикет представлява част от самостоятелно съдържание на потока. Най-често се използва като единична единица като справка за основния поток на документа.

---

55) Каква е употребата на елемента Canvas?

Елементът canvas помага за изграждане на диаграми, графики, байпас Photoshop за създаване на 2D изображения и поставянето им директно в HTML5 код.

---

56) Какви са новите FORM елементи, които са налични в HTML5?

Новите елементи на Form в HTML5 предлагат много по-добра функционалност от по-ранните версии.

Дадените етикети за изпълнение на тези функции са:

1) – Този етикет се използва за указване на списък с опции за контроли за въвеждане.

2) – Този етикет представлява поле за генериране на двойка ключове.

3) – Той представлява резултата от всяко изчисление на скриптове.

---

57) Кажете ми две предимства на HTML5 уеб съхранение

Две основни предимства на HTML5 уеб съхранение:

• Той може да съхранява до 10 MB данни, което със сигурност е повече от това, което имат бисквитките.
• Данните за уеб съхранение не могат да се прехвърлят с HTTP заявката. Помага за увеличаване на производителността на приложението.

---

58) Какви са двата типа уеб съхранение в HTML5?

Два вида съхранение на HTML5 са:

Съхранение на сесии: Той съхранява данни само за текущата сесия. Това означава, че данните, съхранявани в хранилището на сесията, се изчистват автоматично, когато браузърът се затвори.

Локално хранилище: Локалното хранилище е друг тип HTML5 уеб хранилище. В локалното хранилище данните не се изтриват автоматично при затваряне на текущия прозорец на браузъра.

---

59) Какво представлява кеша на приложението в HTML5 и защо се използва?

Концепцията за кеш на приложения означава, че едно уеб приложение се кешира. Може да бъде достъпен без нужда от интернет връзка.

Някои предимства на кеша на приложенията:

1. Офлайн сърфиране – Уеб потребителите могат също да използват приложението, когато са офлайн.
2. Скорост - Кешираните ресурси се зареждат по-бързо
3. Намалете натоварването на сървъра – Уеб браузърът ще изтегли само актуализирани ресурси от сървъра.

---

60) Обяснете пет нови типа въвеждане, предоставени от HTML5 за формуляри?

Следват важните нови типове данни, предлагани от HTML5:

1. Дата: Позволява на потребителя да избере дата.
2. datetime-local: Този тип въвеждане позволява на потребителя да избере дата и час без часова зона.
3. дата и час: Този тип въвеждане позволява на потребителя да избере дата и час с часова зона.
4. месец: Позволява на потребителя да избере месец и година
5. имейл: Тези полета за въвеждане съдържаха имейл адрес.

Тези въпроси за интервю също ще ви помогнат във вашия viva(orals). За да изградите блестяща кариера като UI / UX разработчик, кандидатите трябва да разбият интервюто, в което им се задават различни въпроси за интервю за HTML5.