Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

HTML & CSS > Quiz frågor 1 > Flashcards

Quiz frågor 1 Flashcards

1
Q

Vilket av de nedanstående alternativen är korrekt när det gäller HTML?
1. HTML är grunden till webbutveckling.
2. HTML står för “Highly Transferable Machine Language”.
3. HTML-dokument beskriver strukturen på en webbsida genom att använda taggar.

A
  1. HTML är grunden till webbutveckling.
  2. HTML-dokument beskriver strukturen på en webbsida genom att använda taggar.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Vilken av följande taggar (kod) används för att skapa en länk i HTML?
1. <>b/ href=”placera din länk till sidan här”&raquo_space;/b> Skriv din text här
2. <a> “placera din länk till sidan här>Skriv din text här<c>
3. <a>Skriv din text här</a>
4. <href></href></c></a>

A
  1. <a>Skriv din text här</a>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Vilken av följande koder används för att sätta bakgrundsfärgen i CSS?
1. color-background: #FFFFFF;
2. background-color: #FFFFFF;
3. <bg-color>#FFFFFF</bg-color> :P

A
  1. color-background: #FFFFFF;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Vilken av följande koder används för att ändra textfärgen till röd i CSS?
1. color: red;
2. font-color: red;
3. text-color: red;
4. font-style: red;

A
  1. color: red;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Vilket element används i HTML för att skapa en länk?
1. <lnk>
2. <link></link>
3. <a>
4. <href></href></a></lnk>

A
  1. <a></a>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Vad används padding för i CSS?
1. Att ändra typsnittet.
2. Att skapa avstånd mellan element.
3. Att skapa inre avstånd inuti ett element.
4. Att definiera bakgrundsfärgen.

A
  1. Att skapa inre avstånd inuti ett element
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Vilken av följande koder används för att ställa in en bakgrundsfärg i CSS?

1.color: red;
2. background: red;
3. bgcolor: red;
4.bg-color: red;

A
  1. background: red;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Vad gör display: grid; i CSS?

  1. Visar en lista vertikalt.
  2. Ställer in teckensnittet till “grid”.
  3. Aktiverar ett rutnätssystem för layouten.
  4. Visar en bild med ett rutnät över.
A
  1. Aktiverar ett rutnätssystem för layouten.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Vilken CSS-egenskap används för att centrera innehåll i en flexbox-kontainer både horisontellt och vertikalt?

  1. align-content: center;
  2. justify-items: center;
  3. align-items: center;
  4. place-items: center;
A
  1. place-items: center;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Vilken av följande koder ställer in kolumnerna till att vara 1fr och 2fr i en grid-container?

  1. grid-template-columns: 1fr 2px;
  2. grid-columns: 1fr 2fr;
  3. grid-template-columns: 1fr 2fr;
  4. grid-column: 1 2;
A
  1. grid-template-columns: 1fr 2fr;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Vad betyder det när en webbsida är “responsiv”?

  1. Den svarar snabbt på användarinteraktioner.
  2. Den anpassar sitt utseende beroende på skärmstorlek.
  3. Den uppdateras automatiskt varje sekund.
  4. Den använder Bootstrap.
A
  1. Den anpassar sitt utseende beroende på skärmstorlek.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Vilken av följande klasser används i Bootstrap för att skapa en responsiv kolumn som tar upp 6 av 12 möjliga kolumner på en stor skärm?

  1. .col-lg-6
  2. .col-6-lg
  3. .large-6
  4. .col-6-12
A
  1. .col-lg-6
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Vad gör flex-wrap: wrap; i en flexbox-container?

  1. Den ser till att innehållet visas i omvänd ordning.
  2. Den tvingar barn-element att inte byta rad.
  3. Den tillåter barn-element att brytas och fylla nästa rad om det behövs.
  4. Den skapar en inneslutande ram runt flexbox-barnen.
A
  1. Den tillåter barn-element att brytas och fylla nästa rad om det behövs.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Hur länkar du till ett externt CSS-dokument i en HTML-fil?

  1. <link></link>
  2. <stylesheet></stylesheet>
  3. <css>

    </css>
  4. <link></link>
A
  1. <link></link>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Vilket HTML-element definierar en rubrik?

  1. <hl>

    </hl>
  2. <header>

    </header>
  3. <h1>

    </h1>
  4. <rubrik>
    </rubrik>
A
  1. <h1>
    </h1>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

I vilket HTML-element lägger vi JavaScript? (Bonusfråga)

  1. <javascript>

    </javascript>
  2. <scripting>

    </scripting>
  3. <script>

</script>
  4. <js>
    </js>
A 
  1. <script>

</script>
17
Q

Vilken egenskap används för att sätta textens färg i CSS?

  1. text-color
  2. color
  3. font-color
  4. text-style
18
Q

Vilken av dessa värden är inte en giltig display-egenskap?

  1. block
  2. flex
  3. grid
  4. circle
19
Q

Hur definierar du en klass i CSS?

  1. # myClass
  2. .myClass
  3. myClass{}
  4. *myClass
20
Q

Vad gör egenskapen justify-content i en flexbox?

  1. Justerar positionen av flex-barn vertikalt.
  2. Bestämmer om barnen kan byta rad.
  3. Justerar positionen av flex-barn horisontellt.
  4. Definierar ordningen av flex-barn.
A
  1. Justerar positionen av flex-barn horisontellt.
21
Q

Vilket av följande värden för flex-direction gör att flex-barn arrangeras i kolumner?

  1. row
  2. row-reverse
  3. column-reverse
  4. column
22
Q

Vilken Git funktion används för att jämföra innehållet i 2st repositories

  1. push
  2. fetch
  3. pull
  4. commit
23
Q

Vilken kombination av 2 djur är GitHub’s mascot

  1. Katt och hund
  2. Hund och bäver
  3. Bäver och bläckfisk
  4. Bläckfisk och katt
A
  1. Bläckfisk och katt
24
Q

Vilket attribut i HTML används för att ange alternativ text för bilder?

  1. source
  2. description
  3. alt
  4. imgtext
25
Q

Vilken egenskap används för att definiera fontens storlek i CSS?

  1. font-size
  2. font-style
  3. text-size
  4. text-style
26
Q

Vad gör grid-gap i CSS Grid?

  1. Definierar utrymmet mellan rutnätets kolumner och rader.
  2. Skapar en kant runt hela rutnätet.
  3. Bestämmer antalet kolumner i rutnätet.
  4. Definierar en bakgrundsfärg för rutnätet.
A
  1. Definierar utrymmet mellan rutnätets kolumner och rader.
27
Q

Vilken egenskap i CSS används för att definiera elementets yttre avstånd?

  1. padding
  2. border
  3. margin
  4. space
28
Q

Vilken av dessa är inte en Bootstrap-färgklass?

  1. .text-success
  2. .bg-danger
  3. .text-alert
  4. .bg-info
A
  1. .text-alert
29
Q

Vilken av dessa är en korrekt syntax för att kommentera ut flera rader i CSS?

  1. // this is a comment //
  2. /* this is a comment */
  3. – this is a comment –
  4. <!-- this is a comment -->
A
  1. /* this is a comment */
30
Q

Vilket element i HTML används för att infoga en extern CSS-fil?

  1. <style>
    </style>
    2. 

  2. <stylesheet>

    </stylesheet>
    3. 

  3. <link></link>
    4. 

  4. <css>
    </css>
    5. 






















A













  1. <link></link>















31










Q















Hur gör man en rundad kant på ett element med CSS?


    

  1. border-curve: 5px;1
    2. 

  2. border-radius: 5px;
    3. 

  3. round-border: 5px;
    4. 

  4. curve-edge: 5px;
    5. 






















A













  1. border-radius: 5px;















32










Q















Vilken egenskap används för att sätta bakgrundsbild på ett element i CSS?


    

  1. background-color
    2. 

  2. background-image
    3. 

  3. background-src
    4. 

  4. background-file
    5. 






















A













  1. background-image















33










Q















I vilken ordning följer standardflödet för flex-objekt i en flexbox?


    

  1. Vertikalt, från topp till botten
    2. 

  2. Horisontellt, från höger till vänster
    3. 

  3. Horisontellt, från vänster till höger
    4. 

  4. Vertikalt, från botten till topp
    5. 






















A













  1. Horisontellt, från vänster till höger






























HTML & CSS (2 decks)


























Brainscape helps you reach your goals faster, through stronger study habits.


© 2025 Bold Learning Solutions. Terms and Conditions