60 nejčastějších otázek a odpovědí v HTML rozhovoru (2025)

Zde jsou otázky a odpovědi na HTML pohovorech pro začátečníky i zkušené kandidáty, aby získali svou vysněnou práci.

Zdarma ke stažení PDF: Otázky k rozhovoru HTML


1) Co je HTML?

HTML je zkratka pro HyperText Markup Language a je jazykem World Wide Web. Je to standardní jazyk formátování textu používaný pro vytváření a zobrazování stránek na webu. Dokumenty HTML se skládají ze dvou věcí: obsahu a značek, které jej formátují pro správné zobrazení na stránkách.


2) Co jsou značky?

Obsah je umístěn mezi HTML tagy, aby byl správně naformátován. Využívá symbol menší než (<) a symbol větší než (>). Jako uzavírací značka se také používá symbol lomítka. Například:

<strong>sample</strong>

3) Jsou všechny HTML tagy v páru?

Ne, existují jednotlivé značky HTML, které nepotřebují uzavírací značku. Příklady jsou tag a značky.


4) Jaké jsou některé běžné seznamy, které lze použít při návrhu stránky?

Můžete vložit kterýkoli z následujících typů seznamů nebo jejich kombinaci:
– uspořádaný seznam
– neuspořádaný seznam
– seznam definic
– seznam menu
– seznam adresářů
Každý z těchto typů seznamů využívá ke skládání jinou sadu značek


5) Jak vložíte komentář do HTML?

Komentáře v HTML začínají na „ “. Například:

<!-- A SAMPLE COMMENT -->
Otázky pro HTML rozhovor

6) Zobrazují se všechny entity znaků správně na všech systémech?

Ne, existují některé znakové entity, které nelze zobrazit, když je operační systém že prohlížeč běží, nepodporuje znaky. Když k tomu dojde, tyto znaky se zobrazí jako rámečky.


7) Co je to obrazová mapa?

Obrazová mapa vám umožňuje odkazovat na mnoho různých webových stránek pomocí jediného obrázku. V obrazech můžete definovat tvary, které chcete, aby byly součástí obrazového mapování.


8) Jaká je výhoda srážení bílého prostoru?

Bílé mezery jsou prázdná sekvence znaků mezery, která je v HTML považována za jeden znak mezery. Protože prohlížeč sbalí více mezer do jediné mezery, můžete odsadit řádky textu, aniž byste si museli dělat starosti s více mezerami. To vám umožní uspořádat HTML kód do mnohem čitelnějšího formátu.

Otázky k pohovoru HTML5
Otázky k pohovoru HTML5

9) Mohou být hodnoty atributů nastaveny na cokoli nebo existují konkrétní hodnoty, které akceptují?

Některé hodnoty atributů lze nastavit pouze na předdefinované hodnoty. Ostatní atributy mohou přijímat libovolnou číselnou hodnotu, která představuje počet pixelů pro velikost.


10) Jak vložíte symbol autorských práv na stránku prohlížeče?

Chcete-li vložit symbol autorských práv, musíte napsat © nebo & #169; v souboru HTML.


11) Jak vytváříte odkazy na sekce na stejné stránce?

Odkazy lze vytvářet pomocí tagu s odkazem pomocí symbolu čísla (#). Například můžete mít jeden řádek jako ZPĚT NA ZAČÁTEK , což povede k tomu, že se na webové stránce objeví slova „ZPĚT NAHORU“ a odkazy na záložku s názvem nahoře. Poté vytvoříte samostatný příkaz tagu jako někde v horní části stejné webové stránky, takže uživatel bude na toto místo odkazován, když klikne na „ZPĚT NAHORU“.


12) Existuje nějaký způsob, jak udržet prvky seznamu přímo v souboru HTML?

Pomocí odsazení můžete zachovat rovné prvky seznamu. Pokud odsadíte každý podvnořený seznam dále než nadřazený seznam, který jej obsahuje, můžete na první pohled určit různé seznamy a prvky, které obsahuje.


13) Pokud v časopise vidíte webovou adresu, na kterou webovou stránku odkazuje?

Každá webová stránka na webu může mít samostatnou webovou adresu. Většina těchto adres se vztahuje k nejvyšší webové stránce. Publikovaná webová adresa, která se objevuje v časopisech, obvykle odkazuje na tuto úplně nahoře uvedenou stránku. Z této stránky nejvyšší úrovně máte přístup ke všem ostatním stránkám v rámci webu.


14) Jaké je využití alternativního textu v obrazovém mapování?

Když používáte obrázkové mapy, může se snadno stát matoucí a obtížné určit, která aktivní místa odpovídají kterým odkazům. Použití alternativního textu umožňuje umístit popisný text na každý odkaz na hotspot.


15) Fungují starší soubory HTML na novějších prohlížečích?

Ano, starší soubory HTML jsou v souladu se standardem HTML. Většina starších souborů funguje v novějších prohlížečích, i když některé funkce nemusí fungovat.


16) Vztahuje se hypertextový odkaz pouze na text?

Ne, hypertextové odkazy lze použít v textu i v obrázcích. To znamená, že můžete obrázek převést na odkaz, který uživatelům umožní po kliknutí odkazovat na jinou stránku. Obklopte obrázek v rámci kombinací značek … .


17) Pokud operační systém uživatele nepodporuje potřebný znak, jak může být symbol znázorněn?

V případech, kdy jejich operační systém nepodporuje konkrétní znak, je stále možné tento znak zobrazit tak, že jej místo toho zobrazíte jako obrázek.


18) Jak změníte typ čísla uprostřed seznamu?

The tag obsahuje dva atributy – typ a hodnotu. Atribut type lze použít ke změně typu číslování libovolné položky seznamu. Atribut value může změnit číselný index.


19) Co jsou to styly?

Šablony stylů umožňují vytvářet konzistentní, přenosné a dobře definované šablony stylů. Tyto šablony lze propojit s několika různými webovými stránkami, což usnadňuje údržbu a změnu vzhledu a chování všech webových stránek v rámci webu.


20) Uveďte typy odrážek dostupné v HTML

U uspořádaných seznamů si můžete vybrat použití různých typů seznamů včetně abecedních a římských číslic. Atribut typu pro neuspořádané seznamy lze nastavit na disk, čtverec nebo kruh.


21) Jak vytvoříte vícebarevný text na webové stránce?

Chcete-li vytvořit text s různými barvami, použijte značky … pro každý znak, kterému chcete barvu použít. Tuto kombinaci značek můžete použít tolikrát, kolikrát je potřeba, obklopující jeden znak nebo celé slovo.


22) Proč existují číselné i pojmenované hodnoty znakových entit?

Číselné hodnoty jsou převzaty z hodnot ASCII pro různé znaky, ale ty mohou být obtížně zapamatovatelné. Z tohoto důvodu byly vytvořeny hodnoty pojmenovaných znakových entit, aby se usnadnilo použití návrhářů webových stránek.


23) Napište sekvenci značek HTML tabulky, která vypíše následující:
50 ks 100 500
10 ks 5 50

Odpověď:

<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) Jaká je výhoda seskupení několika zaškrtávacích políček dohromady?

Přestože se zaškrtávací políčka navzájem neovlivňují, seskupení zaškrtávacích políček je pomáhá uspořádat. Tlačítka zaškrtávacích polí mohou mít svůj název a nemusí patřit do skupiny. Jedna webová stránka může mít mnoho různých skupin zaškrtávacích políček.


25) Co se stane, když překryjete sady značek?

Pokud se dvě sady značek HTML překrývají, bude rozpoznána pouze první značka. Tento problém najdete, když se text na obrazovce prohlížeče nezobrazuje správně.


26) Co jsou to applety?

Applety jsou malé programy, které lze vložit do webových stránek a provádět některé specifické funkce, jako jsou výpočty, animace a zpracování informací. Applety jsou napsány pomocí jazyka Java.


27) Co když mezi značkami není žádný text nebo pokud byl text omylem vynechán? Bude to mít vliv na zobrazení souboru HTML?

Pokud mezi značkami není žádný text, není co formátovat. Proto se neobjeví žádné formátování. Některé značky, zejména značky bez uzavírací značky, jako je např tag, nevyžadují mezi nimi žádný text.


28) Je možné nastavit konkrétní barvy pro okraje stolu?

Barvu ohraničení můžete určit pomocí šablon stylů, ale barvy pro tabulku, která nepoužívá šablony stylů, budou stejné jako barva textu.


29) Jak vytvoříte odkaz, který se po kliknutí připojí na jinou webovou stránku?

Chcete-li vytvořit hypertextové odkazy nebo odkazy, které se připojují k jiné webové stránce, použijte značku href. Obecný formát pro toto je: text
Nahraďte „site“ skutečnou adresou URL stránky, na kterou se má odkazovat při kliknutí na text.


30) Jaké další způsoby lze použít k zarovnání obrázků a obtékání textu?

Tabulky lze použít k umístění textu a obrázků. Dalším užitečným způsobem, jak obtékat text kolem obrázku, je použití šablon stylů.


31) Může jeden textový odkaz odkazovat na dvě různé webové stránky?

Ne. Značka může přijímat pouze jeden atribut href a může odkazovat pouze na jednu webovou stránku.


32) Jaký je rozdíl mezi seznamem adresářů a nabídek a neuspořádaným seznamem?

Klíčový rozdíl je v tom, že seznamy adresářů a nabídek neobsahují atributy pro změnu stylu odrážek.


33) Můžete změnit barvu střel?

Barva odrážky je vždy stejná jako barva prvního znaku v položce seznamu. Pokud obklopíte a první znak se sadou značek s nastaveným atributem color, barvou odrážky a prvním znakem bude mít jinou barvu než text.


34) Jaké jsou limity velikosti textového pole?

Výchozí velikost textového pole je přibližně 13 znaků. Pokud však zahrnete atribut size, můžete nastavit hodnotu velikosti až na 1. Hodnota maximální velikosti bude určena šířkou prohlížeče. Pokud je atribut size nastaven na 0, bude velikost nastavena na výchozí velikost 13 znaků.


35) Udělejte značky musí být vždy na začátku řádku nebo sloupce?

Žádný tag lze změnit na a štítek. To způsobí, že text obsažený v tag, který se v prohlížeči zobrazí tučně. Ačkoli tagy se používají především pro nadpisy, není třeba je používat výhradně u nadpisů.


36) Jaký je vztah mezi atributy border a rule?

Výchozí ohraničení buněk o tloušťce 1 pixel se automaticky přidá mezi buňky, pokud je atribut ohraničení nastaven na nenulovou hodnotu. Podobně, pokud není zahrnut atribut border, zobrazí se výchozí 1pixelový okraj, pokud je atribut rules přidán do štítek.


37) Co je to markýza?

Výřez umožňuje vložit na webovou stránku rolující text. Chcete-li to provést, umístěte libovolný text, který chcete, aby se zobrazoval při rolování a značky.


38) Jak vytvoříte na webové stránce text, který vám po kliknutí umožní odeslat e-mail?

Chcete-li změnit text na odkaz, na který lze kliknout a odeslat e-mail, použijte příkaz mailto ve značce href. Formát je následující:

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

 


39) Jsou tagy jediný způsob, jak oddělit části textu?

Ne tag je pouze jeden způsob, jak oddělit řádky textu. Další značky, jako např tag a tag, také samostatné části textu.


40) Existují případy, kdy se text objeví mimo prohlížeč?

Ve výchozím nastavení se text zalomí, aby se zobrazil v okně prohlížeče. Pokud je však text součástí buňky tabulky s definovanou šířkou, mohl by přesahovat okno prohlížeče.


41) Jak se aktivní odkazy liší od normálních odkazů?

Výchozí barva pro normální a aktivní odkazy je modrá. Některé prohlížeče rozpoznají aktivní odkaz, když na něj umístíte kurzor myši; ostatní rozpoznávají aktivní odkazy, když je odkaz zaměřen. Odkazy, které nemají kurzor myši nad tímto odkazem, jsou považovány za normální odkaz.


42) Omezují šablony stylů počet nových definic stylů, které lze zahrnout do hranatých závorek?

Šablony stylů neomezují počet definic stylu, které lze zahrnout do závorek pro daný selektor. Každá nová definice stylu však musí být od ostatních oddělena symbolem středníku.


43) Mohu pro tloušťku písma zadat hodnoty zlomkové hmotnosti, jako je 670 nebo 973?

Implementace do značné míry závisí na prohlížeči, ale standard nepodporuje zlomkové hodnoty hmotnosti. Přijatelné hodnoty musí končit dvěma nulami.


44) Jaká je hierarchie, která se dodržuje, pokud jde o šablony stylů?

Pokud jeden selektor obsahuje tři různé definice stylu, má přednost definice, která je nejblíže skutečnému tagu. Vložený styl má přednost před vloženými šablonami stylů, které mají přednost před externími šablonami stylů.


45) Lze seskupit několik selektorů s názvy tříd?

Můžete definovat několik selektorů se stejnou definicí stylu tak, že je oddělíte čárkami. Stejná technika funguje také pro selektory s názvy tříd.


46) Co se stane, když otevřete externí CSS soubor v prohlížeči?

Když se pokusíte otevřít externí soubor CSS v prohlížeči, prohlížeč nemůže soubor otevřít, protože soubor má jinou příponu. Jediný způsob, jak použít externí soubor CSS, je odkazovat na něj pomocí tag v jiném HTML dokumentu.


47) Jak uděláte obrázek na pozadí webové stránky?

Chcete-li to provést, umístěte za tag takto:

<body background = “image.gif”>

Nahraďte image.gif názvem souboru s obrázkem. Tím se obrázek pořídí a stane se pozadím vaší webové stránky.


48) Co se stane, když se vlastnost list-style-type použije na prvek, který není seznam, jako je odstavec?

Pokud je vlastnost list-style-type použita na prvku, který není seznam, jako je odstavec, vlastnost bude ignorována a neovlivní odstavec.


49) Kdy je vhodné používat rámy?

Rámy mohou výrazně usnadnit navigaci na webu. Pokud jsou hlavní odkazy na web umístěny v rámci, který se zobrazuje v horní části nebo podél okraje prohlížeče, lze obsah těchto odkazů zobrazit ve zbývající části okna prohlížeče.


50) Co se stane, když počet hodnot v atributu rows nebo cols nedosáhne 100 procent?

Prohlížeč určuje velikost rámců vzhledem k celkovému součtu hodnot. Pokud je atribut cols nastaven na 100 %, 200 %, prohlížeč zobrazí dva svislé snímky, přičemž druhý je dvakrát větší než první.


51) Které prohlížeče podporují HTML5?

Nejnovější verze prohlížečů Google Chrome, Apple Safari, Mozilla Firefox a Opera podporují většinu funkcí HTML5.


52) Pojmenujte dvě nové značky obsažené v HTML 5

a jsou nové značky, které jsou součástí HTML5 verze. Používají se hlavně jako náhrada za Flash, Silverlight a podobné technologie pro přehrávání multimediálních položek.


53) Víte, které dva sémantické tagy jsou obsaženy ve verzi HTML5?

The a tagy jsou dvě nové značky, které jsou součástí HTML5. Články se mohou skládat z více sekcí, které mohou mít více článků. Značka článku představuje celý blok obsahu, který je částí většího celku.


54) Co je v HTML5?

Tato značka představuje část samostatného obsahu toku. Většinou se používá jako jeden celek jako reference hlavního toku dokumentu.


55) K čemu slouží prvek Canvas?

Prvek plátno pomáhá vytvářet tabulky, grafy, obcházet Photoshop vytvořit 2D obrázky a umístit je přímo do kódu HTML5.


56) Jaké jsou nové prvky FORM, které jsou dostupné v HTML5?

Nové prvky formuláře v HTML5 nabízejí mnohem lepší funkčnost než předchozí verze.

Poskytnuté značky pro provádění těchto funkcí jsou:

1) – Tato značka se používá k určení seznamu voleb pro ovládací prvky vstupu.

2) – Tato značka představuje pole generátoru párů klíčů.

3) – Představuje výsledek jakéhokoli skriptovacího výpočtu.


57) Řekněte mi dvě výhody webového úložiště HTML5

Dvě hlavní výhody webového úložiště HTML5:

  • Dokáže uložit až 10 MB dat, což je určitě více, než mají soubory cookie.
  • Data webového úložiště nelze přenést pomocí požadavku HTTP. Pomáhá zvýšit výkon aplikace.

58) Jaké jsou dva typy webového úložiště v HTML5?

Existují dva typy úložiště HTML5:

Úložiště relace: Ukládá pouze data aktuální relace. To znamená, že data uložená v úložišti relace se automaticky vymažou při zavření prohlížeče.

Místní úložiště: Místní úložiště je dalším typem webového úložiště HTML5. V místním úložišti se data při zavření aktuálního okna prohlížeče automaticky nevymažou.


59) Co je mezipaměť aplikací v HTML5 a proč se používá?

Koncept Application Cache znamená, že webová aplikace je uložena v mezipaměti. Může být přístupný bez nutnosti připojení k internetu.

Některé výhody mezipaměti aplikací:

  1. Procházení offline – Weboví uživatelé mohou aplikaci používat i offline.
  2. Rychlost - Prostředky uložené v mezipaměti se načítají rychleji
  3. Snižte zatížení serveru – Webový prohlížeč stáhne pouze aktualizované zdroje ze serveru.

60) Vysvětlete pět nových typů vstupu, které HTML5 pro formuláře poskytuje?

Níže jsou uvedeny důležité nové datové typy, které HTML5 nabízí:

  1. Datum: Umožňuje uživateli vybrat datum.
  2. datum a čas-místní: Tento typ vstupu umožňuje uživateli vybrat datum a čas bez časového pásma.
  3. čas schůzky: Tento typ vstupu umožňuje uživateli vybrat datum a čas s časovou zónou.
  4. Měsíc: Umožňuje uživateli vybrat měsíc a rok
  5. e-mail: Tato vstupní pole dříve obsahovala e-mailovou adresu.


Tyto otázky na pohovoru také pomohou ve vašem viva (orals). Vybudovat jasnou kariéru jako UI / UX vývojáře, kandidáti potřebují prolomit pohovor, ve kterém jsou požádáni o různé otázky týkající se pohovoru HTML5.

Sdílet

30 Komentáře

  1. avatar Adabala VayuCkumar říká:

    Vážený pane,
    Chci vědět o textovém poli v html kódu
    jak spočítat vlastní čísla zadaných textových polí. chci říct.. do textového pole zadám 1234. Chci výsledek 1+2+3+4 = 10. jak je to. uveďte k tomu nějaký kód

    1. avatar Mandar Andhari říká:

      měli byste na to použít javascript…vstupní řetězec, který jste vzali např. 1234, musíte rozdělit a poté byste měli provést sečtení těchto čísel…

  2. avatar sushmitha říká:

    velmi užitečný tutoriál....výborný...líbí se!!

  3. Anto Navis říká:

    Děkuji, účast na pohovoru mi opravdu velmi pomohla.

  4. avatar karunakavya říká:

    Výborně…velmi užitečné pro mě…html kvíz……

  5. avatar Vijaypal SIngh Rawat říká:

    úžasný učební obsah,
    Mnoho Thanx

  6. avatar William Ashet říká:

    10q vytváříte novou generaci s plnou znalostí html

  7. avatar SEO služba říká:

    Jsem opravdu spokojený s vaším blogem, protože váš článek je velmi exkluzivní a účinný pro nové čtenáře.

  8. avatar Khushi tyagi říká:

    Je to opravdu užitečné... Na zkoušku z kurzu..

  9. avatar Greeshma umrao říká:

    Je to opravdu dobré. Moc mi pomozte, děkuji, že jste to nahráli.

  10. avatar Ram Pratap Singh říká:

    Děkuji, účast na pohovoru mi velmi pomohla

  11. avatar Samuel říká:

    moc děkuji, že jste mi pomohli vyznat se v HTML

  12. avatar MANMOHAN říká:

    pěkný kvíz a webové stránky, vím, že jsem na tom udělal hodně tvrdé práce

  13. Hi
    Snažím se kódovat rozhraní kalkulačky
    Potýkám se se dvěma problémy:
    1) proč nejsou rozměry těchto tlačítek (.,+) přesné
    2) proč tento kód:

    .style {
    okraj: 0 auto;

    není centrování rozhraní?
    mimochodem můj prohlížeč je Edge
    Díky

    Moje html kódy:

    Rozhraní kalkulačky

    0

    7
    8
    9

    4
    5
    6

    1
    2
    3

    0
    .
    ±

    ×
    +
    -

    ÷
    =
    Čirá

    .knoflík {
    barva pozadí: rgb(81, 122, 121);
    ohraničení: 7px solid rgb(213, 236, 213);
    barva bílá;
    polstrování: 10px 45px;
    velikost písma: 25px;
    }

    .button20 {
    barva pozadí: rgb(36, 117, 117);
    polstrování: 15px 32px;
    zarovnání textu: vpravo;
    šířka: 285px;
    výška: 45px;
    }

    .button19 {
    polstrování: 10px 20px;
    }

    .style {
    okraj: 0 auto;
    }

    1. avatar Simrin Pal Singh říká:

      Zadejte šířku s okrajem 0 auto

  14. avatar Keerthi říká:

    Html student. Doufám, že mi vaše třída pomůže.

  15. avatar Jacki Bhaai říká:

    sakra, jaký je správný způsob html img tagu

  16. avatar Mahalingappa Birajdar říká:

    Díky moc za poskytnutí obsahu, každý koncept je jasně dobře naformátovaný a vysvětlený, ale ještě jedna věc, kterou je třeba zlepšit, je potřeba více, např. tak snadno pochopit místo teoretického

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *