Preverjanje: ustna vprašanja

Minimalni nivo HTML

1. Opiši osnovni postopek izdelave prve HTML strani!
2. Ali je treba po spremembi kode v urejevalniku datoteko shraniti, preden spremembe preverimo v brskalniku?
3. Ali se spremembe v kodi HTML samodejno pokažejo tudi v že odprtem brskalniku?
4. Kakšna je razlika med urejevalnikom in brskalnikom pri izdelavi spletne strani?
5. Zapiši primer osnovnega ogrodja dokumenta HTML!
6. Kaj storijo brskalniki, ko pri obdelavi HTML naletijo na del kode, ki ga ne razumejo?
7. Zapiši primer elementa prvega naslova in odstavka v dokumentu HTML!
8. Zakaj ni priporočljivo zapisati vse HTML kode v eno samo vrstico?
9. Zapiši primer ustrezne končnice datoteke za spletno stran HTML!
10. Kako HTML kodo zapišemo, da je bolj pregledna?
11. Kaj brskalnik naredi z izvorno kodo HTML, ko odpremo datoteko?
12. Zakaj je pri pisanju HTML koristno uporabljati barvanje kode?
13. Kako preverimo pravilnost napisane kode HTML?
14. Kako opisujemo HTML elemente?
15. Kakšna je razlika med praznim elementom in elementom v paru?
16. Kje v elementu HTML zapišemo atribute?
17. Zakaj je priporočljivo vrednosti atributov zapisovati v narekovajih?
18. Zapiši primer elementa HTML, ki nastopa v paru!
19. Zapiši primer praznega elementa HTML!
20. Kaj pomeni oznaka <meta charset="utf-8">?
21. Kaj pomeni gnezdenje oznak v HTML?
22. Kaj je HTML ogrodje?
23. Na kaj moramo paziti pri gnezdenju oznak?
24. Kateri trije osnovni deli sestavljajo sodobno ogrodje dokumenta HTML?
25. Kaj so prazni elementi v HTML?
26. Kaj opišemo v glavi dokumenta HTML?
27. Kako v HTML delujejo logični oziroma boolean atributi?
28. Kaj določimo z oznako <title>?
29. Zakaj je pri sodobni praksi priporočljivo vrednosti atributov pisati v narekovajih?
30. Kaj opišemo v telesu dokumenta HTML?
31. Zapiši primer pravilno vgnezdenih oznak HTML!
32. Zapiši primer osnovnega ogrodja HTML5!
33. Zapiši primer praznega elementa HTML!
34. Zapiši primer oznake za določitev kodiranja znakov v sodobnem dokumentu HTML!
35. Zapiši primer začetka korenskega elementa dokumenta HTML z določenim jezikom!
36. Zapiši primer elementa <option> z logičnim atributom selected!
37. Zakaj je pri spletnih straneh priporočljivo uporabljati kodiranje utf-8?
38. Kje v dokumentu HTML določimo kodiranje znakov?
39. Kako v dokumentu HTML zapišemo sodobno oznako za kodiranje utf-8?
40. Zakaj nekaterih znakov v HTML ne pišemo vedno neposredno?
41. Kako v HTML zapišemo znak <?
42. Kako v HTML zapišemo znak &?
43. Kako lahko v HTML zapišemo emoji?
44. Kakšna je razlika med navadnim besedilom v datoteki HTML in prikazom tega besedila v brskalniku?
45. Za kaj uporabljamo elemente <h1> do <h6>?
46. Kateri element uporabljamo za običajen odstavek besedila?
47. Kaj je značilno za element <pre>?
48. Zakaj uporabljamo element <br>?
49. Kaj je trdi presledek in kako ga zapišemo v HTML?
50. Zapiši primer elementa za običajen odstavek!
51. Zapiši primer kemičnega zapisa vode z uporabo podpisanega besedila!
52. Zapiši primer matematičnega zapisa z nadpisanim besedilom!
53. Kako v HTML zapišemo komentar?
54. Ali se komentarji v HTML prikažejo v običajnem prikazu spletne strani?
55. Za kaj uporabljamo komentarje v dokumentu HTML?
56. Kaj je značilno za večvrstični komentar v HTML?
57. Zapiši primer večvrstičnega komentarja v HTML!
58. S katerim elementom v HTML naredimo povezavo?
59. Kateri atribut določa cilj povezave?
60. Kakšna je razlika med relativno in absolutno povezavo?
61. Kako naredimo povezavo na določen element v istem dokumentu?
62. Kako naredimo povezavo za e-pošto?
63. Kako naredimo povezavo za telefon?
64. Kaj določa atribut target pri povezavi?
65. Kaj pomeni rel="noopener" pri povezavi z target="_blank"?
66. Zapiši primer povezave na spletno stran!
67. Zapiši primer relativne povezave na datoteko index.html v isti mapi!
68. Zapiši primer povezave na element z identifikatorjem podnaslov v isti datoteki!
69. Zapiši primer povezave za e-pošto!
70. Zapiši primer povezave za telefon!
71. Zapiši primer povezave, ki se odpre v novem zavihku in uporablja noopener!
72. S katerim elementom v HTML vključimo sliko?
73. Kateri atribut elementa <img> določa pot do slike?
74. Zakaj je pri sliki pomemben atribut alt?
75. Kaj pri elementu <img> določata atributa width in height?
76. Kakšna je razlika med atributoma alt in title pri elementu <img>?
77. Kaj omogoča element <picture>?
78. Zapiši primer slike v HTML!
79. Zapiši primer slike z atributoma width in height!
80. Zapiši primer slike, ki je hkrati povezava!
81. Katere tri osnovne vrste seznamov poznamo v HTML?
82. Kateri element uporabimo za neurejen seznam?
83. Kateri element uporabimo za urejen seznam?
84. S katerim elementom zapišemo posamezno točko neurejenega ali urejenega seznama?
85. Katere elemente uporabljamo pri opisnem seznamu?
86. Kaj določa atribut start pri elementu <ol>?
87. Kaj pomeni atribut reversed pri elementu <ol>?
88. Kaj omogoča atribut type pri elementu <ol>?
89. Zapiši primer neurejenega seznama!
90. Zapiši primer urejenega seznama!
91. Zapiši primer opisnega seznama!
92. Zapiši primer urejenega seznama z atributom start!
93. Za kaj uporabljamo tabele v HTML?
94. Kateri element določimo za celotno tabelo?
95. S katerim elementom zapišemo vrstico tabele?
96. Kakšna je razlika med elementoma <td> in <th>?
97. Za kaj uporabljamo element <caption>?
98. Katere elemente pri večjih tabelah uporabljamo za skupine vrstic v tabeli?
99. Kaj pomeni atribut colspan?
100. Kaj pomeni atribut rowspan?
101. Zapiši primer preproste tabele z eno vrstico naslovov in eno vrstico podatkov!
102. Zapiši primer tabele z elementom <caption>!
103. Zapiši primer celice, ki se razteza čez tri stolpce!
104. Zapiši primer celice, ki se razteza čez dve vrstici!
105. Zapiši HTML kodo tabele, ki ima v prvi vrstici eno naslovno celico, spojeno čez tri stolpce, v drugi vrstici pa tri navadne celice z besedili 1. celica, 2. celica in 3. celica!
106. Čemu so namenjeni obrazci v HTML?
107. Zapiši HTML kodo tabele z dvema vrsticama in tremi stolpci, kjer je v prvi vrstici prva celica spojena čez dva stolpca z besedilom Zgornji del, tretja celica pa vsebuje besedilo Desno. V drugi vrstici naj bodo dve celici z besediloma Levo spodaj in Sredina spodaj, tretja pa Desno spodaj!
108. S katerim elementom določimo obrazec?
109. Zapiši HTML kodo tabele s tremi vrsticami in tremi stolpci, kjer je v prvi vrstici prva celica spojena čez dve vrstici z besedilom Leva celica. V prvi vrstici naj bosta še celici Zgoraj 1 in Zgoraj 2, v drugi vrstici pa celici Sredina 1 in Sredina 2. Tretja vrstica naj vsebuje tri navadne celice z besedili Spodaj 1, Spodaj 2 in Spodaj 3!
110. Kaj določa atribut action pri elementu <form>?
111. Zapiši HTML kodo tabele, kjer je v prvi vrstici prva celica spojena čez dve vrstici z besedilom Skupaj, druga celica v prvi vrstici pa je spojena čez dva stolpca z besedilom Naslov desno. V drugi vrstici naj bosta še dve navadni celici z besediloma Podatek 1 in Podatek 2!
112. Kaj določa atribut method pri elementu <form>?
113. Zapiši HTML kodo tabele s tremi vrsticami in štirimi stolpci, kjer je v prvi vrstici prva celica spojena čez dve vrstici z besedilom Levo, druga celica pa spojena čez tri stolpce z besedilom Glava. V drugi vrstici naj bodo tri navadne celice z besedili A, B in C. V tretji vrstici naj bodo štiri navadne celice z besedili 1, 2, 3 in 4!
114. Kateri vrednosti atributa method uporabljamo najpogosteje?
115. Zapiši HTML kodo tabele s tremi vrsticami in štirimi stolpci, kjer je v prvi vrstici prva celica spojena čez dva stolpca z besedilom Zgornji levi del, tretja celica spojena čez dve vrstici z besedilom Desni stolpec, četrta celica pa vsebuje X. V drugi vrstici naj bosta dve navadni celici z besediloma A in B, v tretji vrstici pa štiri navadne celice z besedili 1, 2, 3 in 4!
116. Kakšna je osnovna razlika med get in post?
117. Zapiši HTML kodo tabele s štirimi vrsticami in štirimi stolpci, kjer je v prvi vrstici prva celica spojena čez štiri stolpce z besedilom Naslov tabele. V drugi vrstici naj bo prva celica spojena čez dve vrstici z besedilom Levi blok, druga celica naj vsebuje A, tretja B, četrta C. V tretji vrstici naj bodo tri navadne celice z besedili D, E in F. V četrti vrstici naj bodo štiri navadne celice z besedili 1, 2, 3 in 4!
118. Kateri je najpogosteje uporabljen element za vnos podatkov v obrazec?
119. Zapiši HTML kodo tabele s tremi vrsticami in petimi stolpci, kjer je v prvi vrstici prva celica spojena čez dve vrstici z besedilom Levo, druga celica spojena čez štiri stolpce z besedilom Glava desno. V drugi vrstici naj bodo štiri navadne celice z besedili A, B, C in D. V tretji vrstici naj bo prva celica spojena čez dva stolpca z besedilom Spodaj levo, za njo pa tri navadne celice z besedili 1, 2 in 3!
120. Kaj določimo z atributom type pri elementu <input>?
121. Za kakšen vnos uporabljamo polje text?
122. Za kakšen vnos uporabljamo polje password?
123. Kdaj uporabimo elemente radio?
124. Kaj mora biti enako pri vseh izbirnih gumbih iste skupine?
125. Kdaj uporabimo potrditvena polja checkbox?
126. Čemu služi element submit?
127. Čemu služi element reset?
128. Čemu služi element button?
129. Čemu služi element <label>?
130. Čemu služi element <textarea>?
131. Čemu služi element <select>?
132. S katerim elementom določimo posamezno možnost v spustnem seznamu?
133. Čemu služi element <fieldset>?
134. Čemu služi element <legend>?
135. Zapiši osnovni primer obrazca z atributoma action in method!
136. Zapiši primer polja za vnos kratkega besedila!
137. Zapiši primer polja za vnos gesla!
138. Zapiši primer izbirnega gumba!
139. Zapiši primer potrditvenega polja!
140. Zapiši primer oznake <label>, povezane s poljem za vnos!
141. Zapiši primer elementa <textarea>!
142. Zapiši primer elementa <select> z dvema možnostma!
143. Zakaj so barve pomemben del videza spletne strani?
144. Kje na sodobnih spletnih straneh praviloma določamo barve?
145. Kakšna je vloga HTML pri uporabi barv na spletni strani?
146. Kakšna je vloga CSS pri uporabi barv na spletni strani?
147. Zakaj barv praviloma ne določamo neposredno v HTML?
148. Na kaj moramo paziti pri uporabi barv v spletnih straneh?
149. Kaj pomeni, da je element v HTML semantičen?
150. Katera elementa sta značilen primer nesemantičnih elementov?
151. Naštej vsaj štiri pomembne semantične elemente HTML5!
152. Kdaj uporabimo element <article>?
153. Kdaj uporabimo element <section>?
154. Zapiši primer elementov <figure> in <figcaption>!
155. Zapiši primer elementov <details> in <summary>!
156. Zapiši primer elementa <time> z atributom datetime!
157. Kakšna je vloga elementa <nav>?
158. Kakšna je vloga elementa <main>?
159. Zakaj je semantična zgradba strani pomembna?
160. Kdaj uporabimo element <aside>?
161. Kaj opisujemo v glavi HTML dokumenta?
162. Med katerima oznakama je zapisana glava HTML dokumenta?
163. Kaj določa oznaka <title>?
164. Kaj določimo z oznako <meta>?
165. Čemu služi oznaka <style> v glavi dokumenta?
166. Čemu služi oznaka <link>?
167. Čemu služi oznaka <script>?
168. Čemu služi oznaka <base>?
169. Zakaj oznako <base> uporabljamo previdno?
170. Zapiši primer oznake <title> v glavi dokumenta!
171. Zapiši del HTML kode, ki strani določi kodiranje utf-8!
172. Zapiši primer povezave do zunanje slogovne datoteke z oznako <link>!
173. Zapiši primer povezave do favicona z oznako <link>!
174. Kje v HTML dokumentu zapisujemo oznako <meta>?
175. Kaj določamo z oznako <meta>?
176. Katera meta oznaka določa kodiranje znakov dokumenta?
177. Kaj določa meta podatek description?
178. Kaj določa meta podatek author?
179. Čemu služi meta oznaka viewport?
180. Čemu služi meta oznaka refresh?
181. Katera atributa pogosto uporabljamo pri meta oznakah?
182. Zapiši meta oznako za kodiranje utf-8!
183. Zapiši meta oznako za opis strani!
184. Zapiši meta oznako viewport za mobilne naprave!
185. Zapiši meta oznako za avtorja dokumenta!
186. Zapiši meta oznako za samodejno osvežitev strani po 10 sekundah!
187. Kakšen pomen imata oznaki <div> in <span>?
188. Kdaj običajno uporabimo oznako <div>?
189. Kdaj običajno uporabimo oznako <span>?
190. Kakšna je glavna razlika med oznakama <div> in <span>?
191. Kaj pomeni, da je element bločni?
192. Kaj pomeni, da je element vrstični?
193. Zapiši primer oznake <div> z dvema odstavkoma!
194. Zapiši primer oznake <span> znotraj stavka!
195. Zapiši primer uporabe obeh oznak <div> in <span>!
196. Kaj pomeni logično oziroma pomensko oblikovanje besedila v HTML?
197. Zakaj so oznake za logično oblikovanje besedila koristne?
198. Kakšna je razlika med oznakama <em> in <strong>?
199. Za kaj uporabimo oznaki <sub> in <sup>?
200. Za kaj uporabimo oznako <abbr>?
201. Za kaj uporabimo oznake <code>, <kbd>, <samp> in <var>?
202. Kakšna je razlika med oznakama <q> in <blockquote>?
203. Za kaj uporabimo oznako <mark>?
204. Za kaj uporabimo oznako <time>?
205. Zapiši primer uporabe oznake <em>!
206. Zapiši primer uporabe oznake <strong>!
207. Zapiši primer uporabe oznake <abbr> z atributom title!
208. Zapiši primer uporabe oznake <time> z atributom datetime!
209. Kako naredimo sliko aktivno oziroma povezano?
210. Kaj je pomembno pri uporabi slike kot povezave?
211. Kaj je slikovni zemljevid?
212. S katerima oznakama določimo slikovni zemljevid?
213. Čemu služi atribut usemap?
214. Kaj določa atribut shape pri elementu <area>?
215. Kaj določa atribut coords pri elementu <area>?
216. Kaj določa atribut href pri elementu <area>?
217. Zakaj je pri elementu <area> pomemben atribut alt?
218. Zapiši primer slike, ki deluje kot povezava!
219. Zapiši osnovni primer slikovnega zemljevida!
220. Zapiši primer elementa <area> s pravokotnim območjem!
221. Zapiši primer elementa <area> s krožnim območjem!