Scribd
Upload
16 views

Vti - Education - Test - HTML-CSS-JS

Uploaded by

Đinh Văn Đông
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
16 views

Vti - Education - Test - HTML-CSS-JS

Uploaded by

Đinh Văn Đông
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

VTI - EDUCATION

ĐỀ THI CUỐI KỲ

MÔN: XÂY DỰNG WEBSITE ĐẦU TIÊN CC2


Thời gian làm bài: 120 phút
Hình thức: Trắc nghiệm + Tự luận

Họ tên: .............................................................................................................................
Mã SV: ………………………………………………………………………………….
Mã lớp: ………………………………………………………………………………….
1. Question: What is the correct HTML tag for the largest heading?

○ Answers:
■ a) <h6>
■ b) <h1>
■ c) <header>
■ d) <head>
2. Question: Which attribute is used to define inline styles in HTML?

○ Answers:
■ a) style
■ b) class
■ c) src
■ d) href
3. Question: What is the correct CSS syntax to select an element with the id
"myElement"?

○ Answers:
■ a) .myElement
■ b) #myElement
■ c) myElement
■ d) $myElement
4. Question: True or False: The <article> tag is used to define a container for
navigation links.

○ Answers:
■ a) True
■ b) False
■ c) Maybe
■ d) I don't know
5. Question: What is the correct CSS property to set the background color of an
element?

○ Answers:
■ a) bgcolor
■ b) color
■ c) background-color
■ d) bg-color
6. Question: True or False: The <aside> tag is used to define content aside
from the main content of the page.
○ Answers:
■ a) True
■ b) False
■ c) Sometimes
■ d) I'm not sure
7. Question: What is the correct CSS property to set the font size of an element?

○ Answers:
■ a) font-size
■ b) size
■ c) text-size
■ d) font-style
8. Question: True or False: The <em> tag is used to emphasize text in HTML.

○ Answers:
■ a) True
■ b) False
■ c) It depends
■ d) Maybe
9. Question: What is the correct HTML tag for inserting a line break?

○ Answers:
■ a) <br>
■ b) <break>
■ c) <lb>
■ d) <line>
10. Question: True or False: The CSS margin property is used to control the
spacing between the content and the border of an element.

○ Answers:
■ a) True
■ b) False
■ c) I'm not sure
■ d) Maybe
11. Question: Which of the following CSS selectors has the highest specificity?
a) Class selector (e.g., .my-class)
b) ID selector (e.g., #my-id)
c) Element selector (e.g., p)
d) Inline style (e.g., style="color: red;")

12. Question: What is the CSS property used to create a responsive design for
mobile devices?
a) float
b) display
c) position
d) media queries

13. Question: Which of the following HTML tags is used for semantic emphasis
and not for styling?
a) <strong>
b) <b>
c) <em>
d) <i>

14. Question: What is the CSS property used to create a sliding animation effect?
a) transition
b) animation
c) transform
d) keyframes

15. Question: Which CSS property is used to create a sticky navigation bar?
a) position: absolute;
b) position: fixed;
c) position: relative;
d) position: static;

16. Question: Which HTML tag is used to group table header content in an HTML
table?
a) <thead>
b) <th>
c) <tr>
d) <table>

17. Question: What is the CSS pseudo-class used to select an element when the
mouse is over it?
a) :hover
b) :active
c) :focus
d) :visited
18. Question: Which HTML tag is used to embed an external web page within the
current HTML document?
a) <iframe>
b) <embed>
c) <object>
d) <link>

19. Question: What is the correct way to include an external JavaScript file in an
HTML document?
a) <script src="script.js"></script>
b) <javascript src="script.js"></javascript>
c) <link href="script.js" rel="javascript">
d) <js src="script.js"></js>

20. Question: Which CSS property is used to create a gradient background


effect?
a) background-color
b) background-image
c) background-gradient
d) background

21. Question: Which of the following is an example of an HTML5 semantic


element?
a) <div>
b) <span>
c) <article>
d) <section>

22. Question: In Tailwind CSS, which class is used to create a responsive grid
layout?
a) .flex
b) .container
c) .grid
d) .row

23. Question: Which CSS property is used to control the spacing between lines of
text?
a) text-indent
b) line-height
c) letter-spacing
d) word-spacing

24. Question: In Tailwind CSS, which class is used to apply a margin on all four
sides of an element?
a) .m-auto
b) .m-0
c) .m-4
d) .m-2

25. Question: What is the correct syntax to apply a CSS animation to an element
in Tailwind CSS?
a) animate-spin
b) animate: spin
c) animation: spin
d) animation-spin

26. Question: Which CSS property is used to create a shadow effect behind an
element?
a) box-shadow
b) text-shadow
c) shadow-effect
d) element-shadow

27. Question: In Tailwind CSS, which class is used to vertically center an


element?
a) .flex
b) .items-center
c) .align-middle
d) .v-center

28. Question: What is the correct way to apply a custom color to an element in
Tailwind CSS?
a) .text-red
b) .text-my-color
c) .text-custom
d) .text-color-red

29. Question: Which CSS property is used to control the order of flex items in a
flex container?
a) flex-grow
b) flex-basis
c) flex-wrap
d) order

30. Question: In Tailwind CSS, which class is used to apply a responsive padding
on the top and bottom of an element?
a) .py-4
b) .pb-2
c) .p-6
d) .pt-8

31. Question: Which HTML tag is used to create a numbered list?


a) <ol>
b) <ul>
c) <li>
d) <dl>

32. Question: In CSS, what is the purpose of the z-index property?


a) To control the vertical alignment of elements
b) To control the order of overlapping elements
c) To adjust the size of an element
d) To apply a gradient background to an element

33. Question: In Tailwind CSS, which class is used to apply a background color to
an element?
a) .bg-color
b) .bg
c) .background-color
d) .bg-[color]

34. Question: Which CSS property is used to control the size of an element's
font?
a) font-weight
b) font-size
c) text-size
d) text-weight

35. Question: In HTML, which attribute is used to specify alternate text for an
image?
a) alt
b) src
c) href
d) title

36. Question: In Tailwind CSS, which class is used to apply a responsive margin
on the left side of an element?
a) .ml-auto
b) .ml-0
c) .ml-4
d) .ml-2

37. Question: Which CSS property is used to control the visibility of an element?
a) display
b) visibility
c) opacity
d) position

38. Question: In HTML, which tag is used to define a table row?


a) <table>
b) <tr>
c) <td>
d) <th>

39. Question: In Tailwind CSS, which class is used to apply a responsive padding
on all four sides of an element?
a) .p-auto
b) .p-0
c) .p-4
d) .p-2

40. Question: Which CSS property is used to control the spacing between
elements in a flex container?
a) flex-grow
b) flex-basis
c) flex-wrap
d) justify-content

41. Question: Which HTML tag is used to embed external content, such as a web
page, within another web page?
a) <iframe>
b) <object>
c) <embed>
d) <include>

42. Question: In CSS, which property is used to create a shadow effect around an
element?
a) box-shadow
b) text-shadow
c) shadow-effect
d) element-shadow

43. Question: What does the JavaScript querySelectorAll() method return?


a) The first element that matches a CSS selector
b) A collection of all elements that match a CSS selector
c) The parent element of the specified element
d) The value of the specified CSS property for the selected element

44. Question: In Tailwind CSS, which class is used to make an element take up
the full height of its parent container?
a) .h-auto
b) .h-full
c) .h-fill
d) .h-parent

45. Question: What is the purpose of the localStorage object in JavaScript?


a) To store and retrieve data that persists even after the browser is closed
b) To store and retrieve session-specific data during a user's visit to a website
c) To store and retrieve temporary data that is only valid for the current page
load
d) To store and retrieve data that can be accessed by other websites

46. Question: Which HTML tag is used to group and style a set of navigation
links?
a) <nav>
b) <ul>
c) <menu>
d) <link>
47. Question: In CSS, which property is used to change the spacing between
letters in a text?
a) line-height
b) text-spacing
c) font-spacing
d) letter-spacing

48. Question: What is the purpose of the JavaScript map() method?


a) To iterate over the elements of an array and modify them based on a given
function
b) To filter out specific elements from an array based on a given condition
c) To sort the elements of an array in ascending order
d) To concatenate multiple arrays into a single array

49. Question: In Tailwind CSS, which class is used to create a responsive grid
layout?
a) .grid-container
b) .grid-layout
c) .grid-template
d) .grid

50. Question: Which HTML tag is used to define a table cell that is a header for a
column or row?
a) <td>
b) <th>
c) <tr>
d) <thead>

You might also like