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
Vilka avgör vad HTML-standarden ska innehålla?
Microsoft
Facebook
W3C
Apple
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"
Vilket av följande attribut är vanligt på en img-tag?
"src"
"charset"
"type"
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
Vad är inte en giltig enhet I CSS?
Procent
Px
Grp
Rem
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
Vad står HTML för?
Handle Text Match Language
Hyper Text Markup Language
Hard To Manage Language
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
Hur använder vi oss av en attributselektor I CSS?
[attribut] : {}
"attribut" : {}
(attribut) : {}
Hur många nivåer finns det på rubriker I html?
3
10
6
Vilket av ett id och en klass I css har högst prioritet?
Id
Klass
Vilket är inte ett giltig värde för flex-direction?
Row
Row-reverse
Row-single
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
Vad är en giltig html-tag?

<h1.>

<rubrik>
<subjekt>
Du vill skapa en länk till http://google.com, vilken kod är korrekt?
<a href.=”http://www.google.com/”>
<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
Vad är ett giltigt värde för align-items
Center
Column-start
Row-end
Vilket av följande är inte ett giltigt html-element
<"head3">
<"meta">
<"form">
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
{"name":"Hejsan", "url":"https://www.quiz-maker.com/QPREVIEW","txt":"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 questionsCovers essential HTML and CSS conceptsPerfect for self-assessment and improvement","img":"https:/images/course8.png"}
Powered by: Quiz Maker