60 populaarseimat HTML-intervjuu küsimust ja vastust (2025)

Siin on HTML-intervjuu küsimused ja vastused nii värsketele kui ka kogenud kandidaatidele oma unistuste töökoha saamiseks.

Tasuta PDF-i allalaadimine: HTML-intervjuu küsimused

---

1) Mis on HTML?

HTML on lühend sõnast HyperText Markup Language ja see on World Wide Web keel. See on standardne tekstivormingu keel, mida kasutatakse veebilehtede loomiseks ja kuvamiseks. HTML-dokumendid koosnevad kahest asjast: sisust ja siltidest, mis vormindavad selle lehtedel õigeks kuvamiseks.

---

2) Mis on sildid?

Sisu paigutatakse HTML-märgendite vahele, et seda õigesti vormindada. See kasutab vähem kui sümbolit (<) ja suuremat sümbolit (>). Kaldkriipsu sümbolit kasutatakse ka sulgemissildina. Näiteks:

<strong>sample</strong>

---

3) Kas kõik HTML-sildid on paaris?

Ei, on üksikuid HTML-märgendeid, mis ei vaja sulgevat silti. Näited on silt ja sildid.

---

4) Millised on levinumad loendid, mida saab lehe kujundamisel kasutada?

Saate sisestada mis tahes järgmiste loenditüüpide või nende kombinatsiooni.
- tellitud nimekiri
– järjestamata nimekiri
– määratluste loend
- menüüloend
- kataloogide loend
Kõik need loenditüübid kasutavad koostamiseks erinevat sildikomplekti

---

5) Kuidas lisada kommentaar HTML-i?

HTML-i kommentaarid algavad tähega " ”. Näiteks:

<!-- A SAMPLE COMMENT -->

---

6) Kas kõik märgiüksused kuvatakse kõigis süsteemides õigesti?

Ei, on mõningaid märgiolemite, mida ei saa kuvada, kui operatsioonisüsteemi millel brauser töötab, ei toeta märke. Kui see juhtub, kuvatakse need märgid kastidena.

---

7) Mis on piltkaart?

Pildikaart võimaldab teil ühe pildi abil linkida paljudele erinevatele veebilehtedele. Saate määratleda piltidel kujundeid, mida soovite pildi vastendamise osaks muuta.

---

8) Mis on tühja ruumi kokkuvarisemise eelis?

Tühikud on tühikumärkide jada, mida käsitletakse HTML-is ühe tühikuna. Kuna brauser ahendab mitu tühikut üheks tühikuks, saate tekstiridu taandada, ilma et peaksite muretsema mitme tühiku pärast. See võimaldab teil korraldada HTML-koodi palju loetavamasse vormingusse.

---

9) Kas atribuudi väärtusi saab määrata millelegi või on teatud väärtusi, mida nad aktsepteerivad?

Mõne atribuudi väärtuse saab määrata ainult eelmääratletud väärtustele. Muud atribuudid võivad aktsepteerida mis tahes arvväärtust, mis tähistab suuruse pikslite arvu.

---

10) Kuidas sisestada brauseri lehele autoriõiguse sümbol?

Autoriõiguse sümboli sisestamiseks peate tippima © või & #169; HTML-failis.

---

11) Kuidas luua linke sama lehe jaotistele?

Lingid saab luua sildi abil, viidates numbri (#) sümboli abil. Näiteks võib teil olla üks rida kui TAGASI ÜLUSES , mille tulemusena kuvatakse veebilehel sõnad "TAGASI ÜLUSES" ja lingid järjehoidjale nimega topmost. Seejärel loote eraldi sildikäskluse, näiteks kuskil sama veebilehe ülaosas, nii et kasutaja lingitakse selle kohaga, kui ta klõpsab nupul „TAGASI ÜLUSES”.

---

12) Kas on võimalik kuidagi HTML-failis loendielemente sirgena hoida?

Taandeid kasutades saate hoida loendi elemendid sirgena. Kui taandate iga alampesastatud loendi rohkem kui seda sisaldav ülemloend, saate lühidalt määrata erinevad loendid ja selles sisalduvad elemendid.

---

13) Kui näete ajakirjal veebiaadressi, siis millisele veebilehele see viitab?

Igal veebilehel võib olla eraldi veebiaadress. Enamik neist aadressidest on seotud kõige kõrgema veebilehega. Ajakirjades ilmuv avaldatud veebiaadress osutab tavaliselt sellele kõige ülemisele lehele. Sellelt tipptaseme lehelt pääsete juurde kõikidele teistele veebisaidi lehtedele.

---

14) Mis kasu on alternatiivsest tekstist pildi kaardistamisel?

Piltkaartide kasutamisel võib tekkida segadus ja raske kindlaks teha, millised levialad millistele linkidele vastavad. Alternatiivse teksti abil saate lisada igale leviala lingile kirjeldava teksti.

---

15) Kas vanemad HTML-failid töötavad uuemates brauserites?

Jah, vanemad HTML-failid ühilduvad HTML-standardiga. Enamik vanemaid faile töötab uuemates brauserites, kuigi mõned funktsioonid ei pruugi töötada.

---

16) Kas hüperlink kehtib ainult teksti kohta?

Ei, hüperlinke saab kasutada nii tekstis kui ka piltides. See tähendab, et saate teisendada pildi lingiks, mis võimaldab kasutajatel klõpsamisel linkida teisele lehele. Ümbritsege pilt … märgendikombinatsioonidega.

---

17) Kui kasutaja operatsioonisüsteem ei toeta vajalikku tähemärki, kuidas saab sümbolit esitada?

Juhtudel, kui nende operatsioonisüsteem ei toeta teatud tähemärki, on siiski võimalik seda märki kuvada, näidates seda pildina.

---

18) Kuidas muuta loendi keskel numbritüüpi?

The silt sisaldab kahte atribuuti – tüüp ja väärtus. Atribuuti type saab kasutada mis tahes loendiüksuse nummerdamistüübi muutmiseks. Väärtuse atribuut võib muuta numbriindeksit.

---

19) Mis on stiililehed?

Stiililehed võimaldavad teil luua ühtseid, transporditavaid ja täpselt määratletud stiilimalle. Neid malle saab linkida mitme erineva veebilehega, mis muudab saidi kõigi veebilehtede hooldamise ja välimuse muutmise lihtsaks.

---

20) HTML-is saadaolevate täppide tüübid

Järjestatud loendite puhul saate kasutada erinevaid loenditüüpe, sealhulgas tähestikulisi ja rooma numbreid. Järjestamata loendite tüübiatribuudiks saab määrata ketas, ruut või ring.

---

21) Kuidas luua veebilehel mitmevärvilist teksti?

Erinevate värvidega teksti loomiseks kasutage … silte iga tähemärgi jaoks, millele soovite värvi lisada. Saate seda sildikombinatsiooni kasutada nii mitu korda kui vaja, ümbritsedes ühte tähemärki või tervet sõna.

---

22) Miks on olemas nii numbrilised kui ka nimelised märgiolemi väärtused?

Arvväärtused on võetud erinevate märkide ASCII väärtustest, kuid neid võib olla raske meeles pidada. Seetõttu loodi nimega märgiolemi väärtused, et muuta veebilehtede kujundajatel seda lihtsamaks kasutada.

---

23) Kirjutage HTML-tabeli märgendijada, mis väljastab järgmise:
50 tk 100 500
10 tk 5 50

Vastus:

<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) Mis on mitme märkeruudu rühmitamise eelis?

Kuigi märkeruudud üksteist ei mõjuta, aitab märkeruutude rühmitamine neid korrastada. Märkeruudu nuppudel võib olla oma nimi ja need ei pea kuuluma gruppi. Ühel veebilehel võib olla palju erinevaid märkeruutude rühmi.

---

25) Mis juhtub, kui märgiste komplektid kattuvad?

Kui kaks HTML-märgendite komplekti kattuvad, tuvastatakse ainult esimene silt. Selle probleemi leiate, kui teksti ei kuvata brauseri ekraanil õigesti.

---

26) Mis on apletid?

Apletid on väikesed programmid, mida saab veebilehtedele manustada, et täita teatud funktsioone, nagu arvutused, animatsioonid ja teabetöötlus. Apletid on kirjutatud Java keeles.

---

27) Mis saab siis, kui siltide vahel pole teksti või tekst jäeti kogemata välja? Kas see mõjutab HTML-faili kuvamist?

Kui siltide vahel teksti pole, siis pole ka midagi vormindada. Seetõttu ei kuvata vormindamist. Mõned sildid, eriti ilma sulgeva sildita sildid, nagu silt, ei nõua nende vahel teksti.

---

28) Kas tabeli ääristele on võimalik määrata kindlaid värve?

Piirivärvi saate määrata laadilehtede abil, kuid laadilehti mittekasutava tabeli värvid on samad, mis teksti värv.

---

29) Kuidas luua link, mis loob klõpsamisel ühenduse teise veebilehega?

Hüperlinkide loomiseks või linkide loomiseks, mis ühendavad teise veebilehe, kasutage href-märgendit. Selle üldine vorming on: tekst
Asendage "sait" tegeliku lehe URL-iga, mis peaks olema tekstil klõpsamisel lingitud.

---

30) Milliseid muid viise saab kasutada piltide joondamiseks ja teksti murdmiseks?

Tabeleid saab kasutada teksti ja piltide paigutamiseks. Teine kasulik viis teksti ümber pildi mähkimiseks on stiililehtede kasutamine.

---

31) Kas üks tekstilink võib osutada kahele erinevale veebilehele?

Ei . Märgend võib aktsepteerida ainult ühte href-atribuuti ja see võib osutada ainult ühele veebilehele.

---

32) Mille poolest erinevad kataloogi- ja menüüloendid ning järjestamata loend?

Peamine erinevus seisneb selles, et kataloogide ja menüüde loendid ei sisalda täppide stiili muutmise atribuute.

---

33) Kas saate kuulide värvi muuta?

Täpi värv on alati sama, mis loendiüksuse esimese märgi värv. Kui ümbritsete ja esimene märk koos siltide komplektiga koos atribuudiga color, täpi värv ja esimene märk on tekstist erinevat värvi.

---

34) Millised on tekstivälja suuruse piirangud?

Tekstivälja vaikesuurus on umbes 13 tähemärki. Kui aga lisate atribuudi size, saate määrata suuruse väärtuseks nii väikese kui 1. Maksimaalse suuruse määrab brauseri laius. Kui atribuudi suurus on seatud väärtusele 0, määratakse suuruseks vaikesuurus 13 tähemärki.

---

35) Tee kas sildid peavad alati olema rea ​​või veeru alguses?

Ükskõik milline sildi saab muuta a-ks tag. See põhjustab selles sisalduva teksti silt, mis kuvatakse brauseris paksus kirjas. Kuigi silte kasutatakse peamiselt pealkirjade jaoks, neid ei pea kasutama ainult pealkirjade jaoks.

---

36) Milline on suhe piiri ja reegli atribuutide vahel?

Lahtrite vaikepiirid paksusega 1 piksel lisatakse lahtrite vahele automaatselt, kui äärise atribuudi väärtus on nullist erinev. Samamoodi, kui atribuut border ei ole kaasatud, kuvatakse vaikimisi 1-piksline ääris, kui reeglite atribuut lisatakse tag.

---

37) Mis on telk?

Valik võimaldab lisada veebilehele keritava teksti. Selleks asetage kerimiseks mis tahes tekst, mida soovite kuvada ja sildid.

---

38) Kuidas luua veebilehel teksti, mis võimaldab klõpsamisel meili saata?

Teksti muutmiseks meili saatmiseks klõpsatavaks lingiks kasutage href-sildis käsku mailto. Formaat on järgmine:

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

 

---

39) Are Kas sildid on ainus viis tekstiosade eraldamiseks?

Ei silt on ainult üks viis tekstiridade eraldamiseks. Muud sildid, nt silt ja tag, ka eraldi tekstiosasid.

---

40) Kas on juhtumeid, kus tekst ilmub väljaspool brauserit?

Vaikimisi mähitakse tekst nii, et see kuvatakse brauseriaknas. Kui aga tekst on määratud laiusega tabeli lahtri osa, võib tekst ulatuda brauseriaknast kaugemale.

---

41) Mille poolest erinevad aktiivsed lingid tavalistest linkidest?

Tavaliste ja aktiivsete linkide vaikevärv on sinine. Mõned brauserid tunnevad ära aktiivse lingi, kui hiirekursor asetatakse selle lingi kohale; teised tunnevad aktiivsed lingid ära, kui lingil on fookus. Neid, millel pole hiirekursorit selle lingi kohal, peetakse tavaliseks lingiks.

---

42) Kas stiililehed piiravad sulgudesse lisatavate uute stiilimääratluste arvu?

Stiililehed ei piira antud valija jaoks sulgudesse lisatavate stiilimääratluste arvu. Iga uus stiilimääratlus tuleb aga teistest eraldada semikooloni sümboliga.

---

43) Kas ma saan fondi kaalu jaoks määrata murdosakaalu väärtused, näiteks 670 või 973?

Rakendamine sõltub suuresti brauserist, kuid standard ei toeta murdosa kaalu väärtusi. Vastuvõetavad väärtused peavad lõppema kahe nulliga.

---

44) Millist hierarhiat stiililehtede puhul järgitakse?

Kui üks valija sisaldab kolme erinevat stiilimääratlust, on ülimuslik definitsioon, mis on tegelikule sildile kõige lähemal. Tekstisisene stiil on esikohal manustatud laadilehtede ees, mis eelistab väliseid laadilehti.

---

45) Kas mitut klassinimedega valijat saab rühmitada?

Saate määratleda mitu valijat sama stiilimääratlusega, eraldades need komadega. Sama tehnika töötab ka klassinimedega valijate puhul.

---

46) Mis juhtub, kui avate välise CSS fail brauseris?

Kui proovite avada välist CSS-faili brauseris, ei saa brauser faili avada, kuna failil on erinev laiend. Ainus viis välise CSS-faili kasutamiseks on sellele viidata sildi teises HTML-dokumendis.

---

47) Kuidas teha pilti veebilehe taustapildiks?

Selleks sisestage märgendi kood pärast märgistage järgmiselt:

<body background = “image.gif”>

Asendage image.gif oma pildifaili nimega. See teeb pildi ja muudab selle teie veebilehe taustapildiks.

---

48) Mis juhtub, kui loendi tüüpi atribuuti kasutatakse loendivälisel elemendil, näiteks lõigul?

Kui loendi tüüpi atribuuti kasutatakse loendivälisel elemendil, näiteks lõigul, ignoreeritakse atribuuti ja see ei mõjuta lõiku.

---

49) Millal on otstarbekas raame kasutada?

Raamid muudavad saidil navigeerimise palju lihtsamaks. Kui saidi peamised lingid asuvad raamis, mis kuvatakse brauseri ülaosas või servas, saab nende linkide sisu kuvada brauseriakna ülejäänud osas.

---

50) Mis juhtub, kui atribuudi ridade või veergude väärtuste arv ei moodusta 100 protsenti?

Brauser määrab raamide suuruse väärtuste kogusumma suhtes. Kui atribuut cols on seatud väärtusele 100%, 200%, kuvab brauser kaks vertikaalset raami, millest teine ​​on kaks korda suurem kui esimene.

---

51) Millised brauserid toetavad HTML5?

Google Chrome'i, Apple Safari, Mozilla Firefoxi ja Opera uusimad versioonid toetavad enamikku HTML5 funktsioonidest.

---

52) Nimetage kaks uut HTML 5-s sisalduvat silti

ja on uued sildid, mis sisalduvad HTML5 versioonis. Neid kasutatakse peamiselt Flashi, Silverlighti ja sarnaste tehnoloogiate asendajana multimeediumiüksuste esitamiseks.

---

53) Kas teate, millised on kaks semantilist silti HTML5 versioonis?

The ja sildid on kaks uut märgendit, mis sisalduvad HTML5-s. Artiklid võivad koosneda mitmest jaotisest, millel võib olla mitu artiklit. Artiklimärgend tähistab täielikku sisuplokki, mis on osa suuremast tervikust.

---

54) Mis on HTML5-s?

See silt esindab osa iseseisvast voo sisust. Seda kasutatakse enamasti ühe üksusena dokumendi põhivoo viitena.

---

55) Milleks on Canvas elemendi kasutamine?

Lõuendi element aitab koostada diagramme, graafikuid, mööda minna Photoshop 2D-piltide loomiseks ja nende otse HTML5-koodi paigutamiseks.

---

56) Millised on uued VORMI elemendid, mis on HTML5-s saadaval?

HTML5 uued vormielemendid pakuvad palju paremat funktsionaalsust kui varasemad versioonid.

Nende funktsioonide täitmiseks antud sildid on järgmised:

1) – Seda silti kasutatakse sisendjuhtelementide valikute loendi määramiseks.

2) – See silt tähistab võtmepaari generaatori välja.

3) – See esindab mis tahes skriptiarvutuse tulemust.

---

57) Rääkige mulle HTML5 veebisalvestusruumi kahest eelisest

HTML5 veebisalvestuse kaks peamist eelist:

• See võib salvestada kuni 10 MB andmeid, mis on kindlasti rohkem kui küpsistel.
• Veebisalvestusandmeid ei saa HTTP-päringuga edastada. See aitab suurendada rakenduse jõudlust.

---

58) Mis on kahte tüüpi veebisalvestusruumi HTML5-s?

Kaks HTML5 salvestustüüpi on:

Seansi salvestusruum: See salvestab ainult praeguse seansi andmed. See tähendab, et seansimällu salvestatud andmed kustutatakse brauseri sulgemisel automaatselt.

Kohalik salvestusruum: Kohalik salvestusruum on teist tüüpi HTML5 veebisalvestusruum. Kohalikus mälus ei kustutata andmeid automaatselt, kui praegune brauseriaken suletakse.

---

59) Mis on HTML5 rakenduse vahemälu ja miks seda kasutatakse?

Rakenduse vahemälu kontseptsioon tähendab, et veebirakendus on vahemällu salvestatud. See on juurdepääsetav ilma Interneti-ühenduseta.

Rakenduse vahemälu mõned eelised:

1. Võrguühenduseta sirvimine – Veebikasutajad saavad rakendust kasutada ka siis, kui nad on võrguühenduseta.
2. Kiirus - Vahemällu salvestatud ressursid laaditakse kiiremini
3. Vähendage serveri koormust - Veebibrauser laadib serverist alla ainult värskendatud ressursid.

---

60) Selgitage viit uut sisestustüüpi, mida HTML5 vormide jaoks pakub?

Järgmised on olulised uued andmetüübid, mida HTML5 pakub.

1. kuupäev: See võimaldab kasutajal valida kuupäeva.
2. datetime-local: See sisestustüüp võimaldab kasutajal valida kuupäeva ja kellaaja ilma ajavööndita.
3. kuupäev ja kellaaeg: See sisestustüüp võimaldab kasutajal valida kuupäeva ja kellaaja koos ajavööndiga.
4. kuu: See võimaldab kasutajal valida kuu ja aasta
5. e-post: Need sisestusväljad sisaldasid varem e-posti aadressi.

Need intervjuu küsimused aitavad ka teie viva (orals) puhul. Et luua helge karjäär UI / UX arendaja, peavad kandidaadid katkestama intervjuu, mille käigus neilt küsitakse erinevaid HTML5 intervjuu küsimusi.