SPLETNE TEHNOLOGIJE IN OZNAČEVALNI JEZIKI
Looking for SPLETNE TEHNOLOGIJE IN OZNAČEVALNI JEZIKI test answers and solutions? Browse our comprehensive collection of verified answers for SPLETNE TEHNOLOGIJE IN OZNAČEVALNI JEZIKI at estudij.um.si.
Get instant access to accurate answers and detailed explanations for your course questions. Our community-driven platform helps students succeed!
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;
}
Want instant access to all verified answers on estudij.um.si?
Get Unlimited Answers To Exam Questions - Install Crowdly Extension Now!