Hejsan

A vibrant illustration of a computer screen displaying HTML and CSS code with colorful graphics representing web design elements and a pen hovering above, suggesting brainstorming and creativity.

HTML & CSS Knowledge Quiz

Test your understanding of HTML and CSS with this comprehensive quiz designed for beginners and advanced users alike. Dive into various topics such as structure, styling, and semantic markup.

What you can expect:

28 multiple-choice questions
Covers essential HTML and CSS concepts
Perfect for self-assessment and improvement

28 Questions7 MinutesCreated by CodingWizard472

Vilka av följande element måste finnas på I ett html-dokument?

html, header, body, nav

head, body, h1

Html, head, title, body

Till vad används meta-taggar?

Beskriva ett html-element

Beskriva html-dokumentets egenskaper

Strukturera innehållet html-dokumentet

Vilket sätt är korrekt för att infoga en stilmall (CSS) I html?

1. <"link rel"=""stylesheet"" href="main.css">

2. <"a href"="main.css" type="stylesheet">

3, <"style" link="main.css">

Boxmodellen består till stor del av fyra delar, vilka är dessa?

Margin, Border, Padding och Content

Outline, Border, Margin och Content

Margin.content,height,width

Vad gör följande html tagg,

"Beskriver att Hans Rosendahl skrivit html-dokumentet"

"Skriver ut en text på sidan som säger att Hans Rosendahl skrivit texten"

"Skriver ut en rubrik på sidan med innehållet Hans Rosendahl"

Om vi anger att ett element ska använda sig av "box-sizing: border-box" Vad innebär det?

Att bordern på elementet har en fast bredd

Att padding och border inkluderas I den total bredden av elementet

Att padding och margin inte inkluderas I den totala bredden av elementet

Vilket är INTE en del av gestaltlagarna?

Närhetslagen

Slutenhets- eller konturlagen

Likhetslagen

Omformslagen

Flex-direction: row; flex-wrap: wrap;

Alla element placeras på samma rad och radbryter när det behövs

Alla element blir positionerade under varandra

Alla element blir på samma linje

Hur definerar vi ett id I CSS?

Med ett #-tecken innan id't

Med ett .-tecken innan id't

Med ett &-tecken innan id't

Vilken färg kommer länken ha enligt följande Html/css struktur. HTML: Länk CSS: .external-link { color: brown; } a.external-link { color: green; } a { color: red; }

Brun

Grön

Röd

Vad innebär värdet flex-grow:1; för ett flex item element?

Att elementat tar upp 100% av breden

Att elementat tar upp så mycket plats som finns tillhängligt

Att breden på elementat kan misnka men inte öka

Hur anger du att ett element ska vara en flex container

Display:flex

Flex-item:true

Align-item:flexbox

Du vill skapa en länk till http://google.com, vilken kod är korrekt?

<a src.=”http://www.google.com/”>google.com</a>

<a link.=”http://www.google.com/”>google.com</a>

Hur definierar vi en klass I css

Med en .- tecken innan klassnamnet

Med ett $ tecken innan klassnamnet

Med ett # tecken innan klassnamnet

Vilken av följande kodrader är inte en giltig css-selector?

Div> p.todo {}

Li p.todo{}

P:first-child/p.todo{}

Varför bör inte inline-styles användas I html

Det blir svårt att förvalta och förandra stilarna

Det är större risk att man anger fel stilar

Det blir svårt att se vart stilen sätts

vad innebär det att skriva semantiskt korrekt html?

Att koden är indenterad på ett bra sätt

Att koden är strukturerad och lättläst

Att rätt element andvänds för sitt syfte

Hejsan

HTML & CSS Knowledge Quiz

<h1.>

More Surveys