SPLETNE TEHNOLOGIJE IN OZNAČEVALNI JEZIKI
Шукаєте відповіді та рішення тестів для SPLETNE TEHNOLOGIJE IN OZNAČEVALNI JEZIKI? Перегляньте нашу велику колекцію перевірених відповідей для SPLETNE TEHNOLOGIJE IN OZNAČEVALNI JEZIKI в estudij.um.si.
Отримайте миттєвий доступ до точних відповідей та детальних пояснень для питань вашого курсу. Наша платформа, створена спільнотою, допомагає студентам досягати успіху!
Povežite ustrezne razrede Bootstrap z elementi HTML tako, da bo vnosno polje na spodnji sliki odzivno (angl. responsive) in skladno z ogrodjem Bootstrap.
<form><label> Opravljene obveznosti: </label>
<div class="Razred 1">
<input class="Razred 2" type="checkbox" name="opravljeneVaje" value="Opravljene vaje" id="opravljeneVaje">
<label class="Razred 3" for="opravljeneVaje">opravljene vaje</label>
</div>
<!-- ... -->
Dopolnite izsek dokumenta HTML, ki ima vključen Bootstrap tako, da zagotovite meni skladen s spodnjo sliko.
<nav class="navbar navbar-expand-lg navbar-light bg-light"><a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#"></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"></a>
</li>
<li class="">
<a class="nav-link" href="#">Hollywood</a>
</li>
</ul>
</div></nav>
Največ koliko stolpcev dovoljuje GRID sistem v Bootstrapu?
Dopolnite dokument HTML, ki ima vključen Bootstrap tako, da uporabite GRID sistem. Mrežo ustrezno razdelite na stolpcih, kot je prikazano na spodnji sliki (obarvan del). Velikost stolpcev naj bo primerna za velike zaslone (992px ali več).
<div class="container"><h1>Grid</h1>
<div class="">
<div class="">
Vsebina A
</div>
<div class="">
Vsebina B
</div>
<div class="">
Vsebina C
</div>
</div>
<div class="">
<div class="">
Vsebina D
</div>
<div class="">
Vsebina E
</div>
</div>
</div>
Dopolnite spodnji CSS stil tako, da bo rezultat v brskalniku enak sliki spodaj.
Dokument HTML
<section class="grid"><article class="element">01</article>
<article class="element">02</article>
<article class="element">03</article>
<article class="element">04</article>
<article class="element">05</article>
<article class="element">06</article>
<article class="element">07</article>
<article class="element">08</article>
<article class="element">09</article>
<article class="element">10</article>
<article class="element">11</article>
<article class="element">12</article>
<article class="element">13</article>
<article class="element">14</article>
<article class="element">15</article>
<article class="element">16</article>
</section>
Dokument CSS
.element:(){
margin-right: 0
;
background: red
;
}
Dopolnite spodnji CSS stil, da bo rezultat v brskalniku enak sliki spodaj. Širina tabele je 3 stolpce.
Dokument HTML
<div class="container"><div class="item1 element">Ena</div>
<div class="item2 element">Dva</div>
<div class="item3 element">Tri</div>
</div>
Dokument CSS
.element{
border: 3px solid red
;
padding: 1em
;
}
.container{
:
grid;
grid
-template: '' '';
}
.item1{
grid
-area:ena;
}
.item2{
grid
-area:dva;
}
.item3{
grid
-area:tri;
}
Kaj je narobe v tej CSS kodi?
h1::first-letter {
font-size: 50;
color: red;
}
Dopolnite spodnji CSS stil, da se bo v brskalniku izpisalo naslednje besedilo:
VAJE-STOJ
Dokument HTML
<!DOCTYPE html><html><head>
<title></title>
</head>
<body>
<div>VAJE</div>
</body></html>
Dokument CSS
div::{
:
;
}
Dopolnite spodnji CSS tako, da bo besedilo velikosti 12 pt, ležeče in črne barve.
p{
font-:
italic;
: black
;
font-: 12pt
;
}
Dopolnite CSS tako, da zagotovite odmik besedila od spodnjega roba (10px), barvo ozadja ter besedila kot je prikazano na spodnji sliki.
Prikaz v brskalniku
Dokument HTML
<header><h1>To je naslov</h1></header>
Dokument CSS
header {
: red;
: blue;
: 10px;
}
Хочете миттєвий доступ до всіх перевірених відповідей на estudij.um.si?
Отримайте необмежений доступ до відповідей на екзаменаційні питання - встановіть розширення Crowdly зараз!