HTML/CSS

An illustration of a web developer working on code with HTML and CSS elements around, a vibrant and engaging style

Web Development Quiz

Test your knowledge of HTML and CSS with our comprehensive quiz! This quiz contains 22 questions designed to challenge your understanding of web development concepts and styles. Whether you're a beginner or an experienced developer, this quiz can help reinforce your skills.

  • 22 Multiple choice questions
  • Beginner to advanced level
  • Instant feedback on your answers
22 Questions6 MinutesCreated by CodingMaster103
มƒ แƒแƒ›แƒ”แƒšแƒ˜ div แƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ˜ แƒ›แƒ˜แƒ˜แƒฆแƒ”แƒ‘แƒก แƒคแƒแƒขแƒแƒ–แƒ” แƒœแƒแƒฉแƒ•แƒ”แƒœแƒ”แƒ‘ แƒกแƒขแƒ˜แƒšแƒ”แƒ‘แƒก?
มƒ›แƒฎแƒแƒšแƒแƒ“ แƒžแƒ˜แƒ แƒ•แƒ”แƒšแƒ˜
มƒ›แƒฎแƒแƒšแƒแƒ“ แƒ›แƒ”แƒแƒ แƒ”
มƒ›แƒฎแƒแƒšแƒแƒ“ แƒ›แƒ”แƒกแƒแƒ›แƒ”
มƒ›แƒแƒšแƒแƒ“ แƒžแƒ˜แƒ แƒ•แƒ”แƒšแƒ˜ แƒ“แƒ แƒ›แƒ”แƒแƒ แƒ”
มƒงแƒ•แƒ”แƒšแƒ
มƒ แƒแƒ›แƒ”แƒšแƒ˜ div แƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ˜แƒ แƒ’แƒแƒ›แƒแƒกแƒแƒฎแƒฃแƒšแƒ˜ แƒคแƒแƒขแƒแƒ–แƒ”?
0%
0
 
0%
0
มƒ›แƒ”แƒแƒ แƒ”
0%
0
มƒ›แƒ”แƒกแƒแƒ›แƒ”
มƒ แƒแƒ›แƒ”แƒšแƒ˜ แƒกแƒขแƒ˜แƒšแƒ”แƒ‘แƒ˜ แƒจแƒ”แƒ”แƒกแƒแƒ‘แƒแƒ›แƒ”แƒ‘แƒ แƒคแƒแƒขแƒแƒ–แƒ” แƒœแƒแƒฉแƒ•แƒ”แƒœแƒ”แƒ‘ แƒจแƒ”แƒ“แƒ”แƒ’แƒก?
0%
0
 
0%
0
 
0%
0
 
มƒ แƒแƒ›แƒ”แƒšแƒ˜ แƒ“แƒแƒแƒšแƒแƒ’แƒ”แƒ‘แƒก Title แƒ“แƒ Not Title แƒขแƒ”แƒฅแƒกแƒขแƒ”แƒ‘แƒก แƒ˜แƒกแƒ”, แƒ แƒแƒ’แƒแƒ แƒช แƒคแƒแƒขแƒแƒ–แƒ”แƒ แƒœแƒแƒฉแƒ•แƒ”แƒœแƒ”แƒ‘แƒ˜?
Justify-content: space-between;
Justify-content: space-around;
Justify-content: center;
มƒฉแƒแƒ›แƒแƒ—แƒ•แƒšแƒ˜แƒšแƒ—แƒแƒ’แƒแƒœ แƒ แƒแƒ›แƒ”แƒšแƒ˜ แƒ’แƒแƒ›แƒแƒ˜แƒงแƒ”แƒœแƒ”แƒ‘แƒ, แƒฆแƒ˜แƒšแƒแƒ™แƒ–แƒ” แƒ›แƒแƒฃแƒกแƒ˜แƒก แƒ’แƒแƒ“แƒแƒขแƒแƒ แƒ”แƒ‘แƒ˜แƒกแƒแƒก แƒฆแƒ˜แƒšแƒแƒ™แƒ˜แƒก แƒคแƒ”แƒ แƒ˜แƒก แƒจแƒ”แƒกแƒแƒชแƒ•แƒšแƒ”แƒšแƒแƒ“?
@keyframes button
@media button
Button:hover
มƒฉแƒแƒ›แƒแƒ—แƒ•แƒšแƒ˜แƒšแƒ—แƒแƒ’แƒแƒœ แƒ แƒแƒ›แƒ”แƒšแƒ˜แƒ แƒกแƒฌแƒแƒ แƒ˜?
Border: 10px black
Border: 10px, solid, black
Border: "10px solid black"
Border: 10px solid black
Margin แƒ’แƒแƒœแƒกแƒแƒ–แƒฆแƒ•แƒ แƒแƒ•แƒก:
มƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ˜แƒก แƒ“แƒแƒจแƒแƒ แƒ”แƒ‘แƒแƒก แƒ›แƒ”แƒ–แƒแƒ‘แƒ”แƒšแƒ˜ แƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ˜แƒกแƒ’แƒแƒœ
มƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ˜แƒก แƒจแƒ˜แƒ’แƒœแƒ˜แƒ“แƒแƒœ แƒ™แƒแƒœแƒขแƒ”แƒœแƒขแƒ˜แƒก แƒ™แƒ˜แƒ“แƒ”แƒ”แƒ‘แƒ˜แƒ“แƒแƒœ แƒ“แƒแƒจแƒแƒ แƒ”แƒ‘แƒแƒก
มƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ˜แƒก แƒกแƒ˜แƒ’แƒแƒœแƒ”แƒก
Color แƒ’แƒแƒœแƒกแƒแƒ–แƒฆแƒ•แƒ แƒแƒ•แƒก:
มƒคแƒแƒœแƒ˜แƒก แƒคแƒ”แƒ แƒก
มƒขแƒ”แƒฅแƒกแƒขแƒ˜แƒก แƒคแƒ”แƒ แƒก
Padding-แƒ˜แƒก แƒ›แƒ˜แƒœแƒ˜แƒญแƒ”แƒ‘แƒ˜แƒกแƒแƒก แƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ˜(แƒ แƒแƒ›แƒ”แƒšแƒกแƒแƒช padding แƒ›แƒ˜แƒ”แƒœแƒ˜แƒญแƒ):
มƒจแƒแƒ แƒ“แƒ”แƒ‘แƒ แƒ›แƒ”แƒ–แƒแƒ‘แƒ”แƒš แƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ”แƒ‘แƒก
มƒจแƒแƒ แƒ“แƒ”แƒ‘แƒ แƒ›แƒจแƒแƒ‘แƒ”แƒš แƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ”แƒ‘แƒก
มƒแƒจแƒแƒ แƒ”แƒ‘แƒก แƒ—แƒแƒ•แƒ˜แƒก แƒ™แƒแƒœแƒขแƒ”แƒœแƒขแƒก แƒ—แƒแƒ•แƒ˜แƒกแƒ˜แƒ•แƒ” แƒ™แƒ˜แƒ“แƒ”แƒ”แƒ‘แƒ˜แƒ“แƒแƒœ
มƒ แƒแƒ›แƒ”แƒšแƒ˜ แƒกแƒขแƒ˜แƒšแƒ”แƒ‘แƒ˜แƒก แƒกแƒแƒจแƒฃแƒแƒšแƒ”แƒ‘แƒ˜แƒ— แƒจแƒ”แƒ˜แƒซแƒšแƒ”แƒ‘แƒ แƒ’แƒแƒฎแƒ“แƒ”แƒก แƒกแƒ”แƒฅแƒชแƒ˜แƒ 600 แƒžแƒ˜แƒฅแƒกแƒ”แƒšแƒ–แƒ” แƒ›แƒ”แƒขแƒ˜ แƒกแƒ˜แƒ’แƒแƒœแƒ”แƒจแƒ˜?
Width: 100vw แƒ“แƒ max-width:500px
Width: 100% แƒ“แƒ max-width:550px
Width: 1000px แƒ“แƒ max-width: 500px
Width: 100vw แƒ“แƒ min-width: 600px
มƒฉแƒแƒ›แƒแƒ—แƒ•แƒšแƒ˜แƒšแƒ—แƒแƒ’แƒแƒœ แƒ แƒแƒ›แƒ”แƒšแƒ˜แƒก แƒกแƒแƒจแƒฃแƒแƒšแƒ”แƒ‘แƒ˜แƒ— แƒจแƒ”แƒ˜แƒซแƒšแƒ”แƒ‘แƒ แƒแƒ แƒ˜ แƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ˜แƒก แƒ”แƒ แƒ—แƒ›แƒแƒœแƒ”แƒ—แƒ˜แƒก แƒ’แƒแƒกแƒฌแƒ•แƒ แƒ˜แƒ•, แƒฐแƒแƒ แƒ˜แƒ–แƒแƒœแƒขแƒแƒšแƒฃแƒ แƒแƒ“ แƒ›แƒแƒ—แƒแƒ•แƒกแƒ”แƒ‘แƒ?
Display: inline-block
Display: inline
Display: flex
Display: grid, grid-column: 50% 50%
มƒฉแƒแƒ›แƒแƒ—แƒ•แƒšแƒ˜แƒšแƒ—แƒแƒ’แƒแƒœ แƒงแƒ•แƒ”แƒšแƒ
มƒ—แƒฃ แƒ”แƒ™แƒ แƒแƒœแƒ˜แƒก แƒ–แƒแƒ›แƒ 2000 แƒžแƒ˜แƒฅแƒกแƒ”แƒšแƒ˜แƒ, แƒฉแƒแƒ›แƒแƒ—แƒ•แƒšแƒ˜แƒšแƒ—แƒแƒ’แƒแƒœ แƒ แƒแƒ›แƒšแƒ˜แƒก แƒกแƒแƒจแƒฃแƒแƒšแƒ”แƒ‘แƒ˜แƒ— แƒ›แƒ˜แƒ˜แƒฆแƒ”แƒ‘แƒก body-แƒจแƒ˜ แƒฉแƒแƒกแƒ›แƒฃแƒšแƒ˜ แƒ™แƒแƒœแƒขแƒ”แƒ˜แƒœแƒ”แƒ แƒ˜ แƒ–แƒฃแƒกแƒขแƒแƒ“ 500px แƒกแƒ˜แƒ’แƒแƒœแƒ”แƒก?
Width: 50%
Width: 40vw
Width: 100vw, max-width: 600px
Width: 10%, min-width: 500px
มƒ—แƒฃ แƒ›แƒ˜แƒœแƒ“แƒ, แƒ แƒแƒ› grid-แƒจแƒ˜ แƒฉแƒแƒกแƒ›แƒฃแƒšแƒ˜ แƒžแƒ˜แƒ แƒ•แƒ”แƒšแƒ˜ item-แƒ˜แƒก แƒกแƒ˜แƒ’แƒแƒœแƒ”, แƒ˜แƒงแƒแƒก 4-แƒฏแƒ”แƒ  แƒ›แƒ”แƒขแƒ˜ แƒ›แƒ”แƒแƒ แƒ” item-แƒ˜แƒก แƒกแƒ˜แƒ’แƒแƒœแƒ”แƒ–แƒ”, grid แƒจแƒ”แƒ˜แƒซแƒšแƒ”แƒ‘แƒ แƒ“แƒแƒ•แƒงแƒ:
5 แƒขแƒแƒš row-แƒ“
4 แƒขแƒแƒš column-แƒแƒ“
10 แƒขแƒแƒš row-แƒ“
5 แƒขแƒแƒš column-แƒแƒ“
มƒ”แƒ™แƒ แƒแƒœแƒ˜แƒก แƒ“แƒแƒžแƒแƒขแƒแƒ แƒแƒ•แƒ”แƒ‘แƒ˜แƒกแƒแƒก แƒ แƒแƒชแƒ แƒ™แƒแƒœแƒขแƒ”แƒœแƒขแƒ˜ แƒกแƒ˜แƒ’แƒแƒœแƒ”แƒจแƒ˜ แƒ•แƒ”แƒฆแƒแƒ  แƒ”แƒขแƒ”แƒ•แƒ, grid แƒ™แƒแƒœแƒขแƒ”แƒ˜แƒœแƒ”แƒ แƒจแƒ˜ แƒ›แƒแƒ—แƒแƒ•แƒกแƒ”แƒ‘แƒฃแƒšแƒ˜ item-แƒ”แƒ‘แƒ˜ แƒจแƒ”แƒ›แƒ“แƒ”แƒ’ แƒฎแƒแƒ–แƒ–แƒ” แƒฉแƒแƒ›แƒแƒ˜แƒงแƒ แƒ”แƒ‘แƒ แƒจแƒ”แƒ›แƒ“แƒ”แƒ’แƒ˜ แƒ™แƒแƒ“แƒ˜แƒก แƒ’แƒแƒ›แƒ:
Grid-column: repeat( auto-fill, 200px)
Grid-column: repeat( 4, 200px)
Grid-column: repeat( 10, 1fr)
Display: flex-แƒ˜แƒก แƒ’แƒแƒ›แƒแƒงแƒ”แƒœแƒ”แƒ‘แƒ˜แƒกแƒแƒก, แƒ—แƒฃ แƒ›แƒจแƒแƒ‘แƒ”แƒš แƒ™แƒแƒœแƒขแƒ”แƒ˜แƒœแƒ”แƒ แƒจแƒ˜ แƒ•แƒ”แƒฆแƒแƒ  แƒ”แƒขแƒ”แƒ•แƒ แƒ™แƒแƒœแƒขแƒ”แƒœแƒขแƒ˜, แƒแƒฎแƒแƒš แƒฎแƒแƒ–แƒ–แƒ” แƒฉแƒแƒ›แƒแƒ˜แƒงแƒ แƒ”แƒ‘แƒ:
Flex-direction: column-แƒ˜แƒก แƒ“แƒแƒฎแƒ›แƒแƒ แƒ”แƒ‘แƒ˜แƒ—
Justify-content: space-around แƒ“แƒแƒฎแƒ›แƒแƒ แƒ”แƒ‘แƒ˜แƒ—
Flex-wrap: no-wrap แƒ“แƒแƒฎแƒ›แƒแƒ แƒ”แƒ‘แƒ˜แƒ—
Flex-wrap: wrap แƒ“แƒแƒฎแƒ›แƒแƒ แƒ”แƒ‘แƒ˜แƒ—
มƒ แƒแƒ›แƒ”แƒšแƒ˜แƒ แƒกแƒขแƒ แƒฃแƒฅแƒขแƒฃแƒ แƒฃแƒšแƒแƒ“ แƒกแƒฌแƒแƒ แƒแƒ“ แƒแƒ’แƒ”แƒ‘แƒฃแƒšแƒ˜:
0%
0
 
0%
0
 
มƒกแƒ”แƒ›แƒแƒœแƒขแƒ˜แƒ™แƒฃแƒ แƒ˜ แƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ”แƒ‘แƒ˜แƒ:
Div, nav, section, header
Header, section, footer, span
Div, span, a
Aside, header, footer, section
มƒคแƒแƒšแƒ“แƒ”แƒ แƒจแƒ˜ แƒ›แƒแƒฅแƒ•แƒก 3 แƒคแƒแƒ˜แƒšแƒ˜( index.html, style.css, main.js ) แƒ“แƒ 1 folder, แƒ แƒแƒ›แƒ”แƒšแƒจแƒ˜แƒช แƒคแƒแƒขแƒแƒ”แƒ‘แƒ˜แƒ แƒ›แƒแƒ—แƒแƒ•แƒกแƒ”แƒ‘แƒฃแƒšแƒ˜ ( Images). html-แƒ˜แƒ“แƒแƒœ แƒคแƒแƒขแƒแƒก แƒกแƒฌแƒแƒ แƒแƒ“ แƒ›แƒ˜แƒฌแƒ•แƒ“แƒแƒ›แƒ˜แƒก แƒ’แƒ–แƒแƒ:
Src="/Images/แƒคแƒแƒขแƒแƒกแƒกแƒแƒฎแƒ”แƒšแƒ˜"
Src="../Images/แƒคแƒแƒขแƒแƒกแƒกแƒแƒฎแƒ”แƒšแƒ˜"
Src="./Images/แƒคแƒแƒขแƒแƒกแƒกแƒแƒฎแƒ”แƒšแƒ˜"
Src="แƒคแƒแƒขแƒแƒกแƒกแƒแƒฎแƒ”แƒšแƒ˜"
มƒแƒœแƒ˜แƒ›แƒแƒชแƒ˜แƒ˜แƒก แƒฎแƒแƒœแƒ’แƒ แƒซแƒšแƒ˜แƒ•แƒแƒ‘แƒแƒ:
10 แƒฌแƒแƒ›แƒ˜
6 แƒฌแƒแƒ›แƒ˜
4 แƒฌแƒแƒ›แƒ˜
มƒแƒœแƒ˜แƒ›แƒแƒชแƒ˜แƒ แƒ˜แƒฌแƒงแƒ”แƒ‘แƒ แƒกแƒแƒ˜แƒขแƒ˜แƒก แƒฉแƒแƒขแƒ•แƒ˜แƒ แƒ—แƒ•แƒ˜แƒ“แƒแƒœ X แƒฌแƒแƒ›แƒจแƒ˜. แƒ˜แƒžแƒแƒ•แƒ”แƒ— X ( แƒฉแƒแƒฌแƒ”แƒ แƒ”แƒ— แƒ แƒ˜แƒชแƒฎแƒ•แƒแƒ“)
มƒ“แƒ˜แƒ• แƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ˜ แƒšแƒฃแƒ แƒฏแƒ˜ แƒคแƒ”แƒ แƒ˜แƒก แƒžแƒ˜แƒ แƒ•แƒ”แƒšแƒแƒ“ แƒ’แƒแƒฎแƒ“แƒ”แƒ‘แƒ แƒกแƒแƒ˜แƒขแƒ˜แƒก แƒฉแƒแƒขแƒ•แƒ˜แƒ แƒ—แƒ•แƒ˜แƒ“แƒแƒœ x แƒฌแƒแƒ›แƒ–แƒ”, แƒฎแƒแƒšแƒ แƒ‘แƒแƒšแƒแƒฏแƒ”แƒ  y แƒฌแƒแƒ›แƒ–แƒ”. แƒ แƒแƒ›แƒ”แƒšแƒ˜แƒ แƒกแƒฌแƒแƒ แƒ˜ แƒžแƒแƒกแƒฃแƒฎแƒ˜?
X=10, y=20
X=6, y=18
X=10, y=22
X=10, y=30
มƒกแƒแƒ˜แƒขแƒ˜แƒก แƒฉแƒแƒขแƒ•แƒ˜แƒ แƒ—แƒ•แƒ˜แƒ“แƒแƒœ 40 แƒฌแƒแƒ›แƒ˜แƒก แƒจแƒ”แƒ›แƒ“แƒ”แƒ’, div-แƒ”แƒšแƒ”แƒ›แƒ”แƒœแƒขแƒ˜แƒก แƒคแƒ”แƒ แƒ˜ แƒ˜แƒฅแƒœแƒ”แƒ‘แƒ:
มƒฌแƒ˜แƒ—แƒ”แƒšแƒ˜
มƒ›แƒฌแƒ•แƒแƒœแƒ”
มƒšแƒฃแƒ แƒฏแƒ˜
มƒจแƒแƒ•แƒ˜
{"name":"HTML\/CSS", "url":"https://www.quiz-maker.com/QPREVIEW","txt":"Test your knowledge of HTML and CSS with our comprehensive quiz! This quiz contains 22 questions designed to challenge your understanding of web development concepts and styles. Whether you're a beginner or an experienced developer, this quiz can help reinforce your skills.22 Multiple choice questionsBeginner to advanced levelInstant feedback on your answers","img":"https:/images/course7.png"}
Powered by: Quiz Maker