Đề Thi FE WED201c - SP26 - FE - RE

admin · 4/5/26

WED201c SP26 FE RE

Câu 1: Choose 1 answer Multiple Choice

What unit is used to fix the size of an element (it will appear exactly this size)?

A. Vmax

B. Vmin

C. %

D. mm

Câu 2: Choose 1 answer Multiple Choice

Which CSS property is used to generate space around an element's content, inside of any defined borders?

A. margin

B. padding

C. float

D. clear

Câu 3: Choose 1 answer Multiple Choice

What unit is used to specify the font size that relative to 1% of viewport's smaller dimension?

A. Rem

B. Vmin

C. %

D. Px

Câu 4: Choose 1 answer Multiple Choice

What CSS3 property creates animation effects without using JavaScript?

A. animate

B. @keyframes

C. motion

D. event

Câu 5: Choose 1 answer Multiple Choice

If you want your navigation bar to remain visible, even when the user scrolls downward, you should use which type of positioning?

A. static

B. absolute

C. relative

D. fixed

Câu 6: Choose 1 answer Multiple Choice

Which CSS property is used to create space between the element's border and inner content?

A. margin

B. padding

C. spacing

D. border-spacing

Câu 7: Choose 1 answer Multiple Choice

Which CSS property is used to set the space between the characters of a text?

A. letter-spacing

B. word-spacing

C. line-height

D. text-indent

Câu 8: Choose 1 answer Multiple Choice

What does the transform: scale(2); property do to an element?

A. Doubles the width only

B. Doubles both width and height

C. Halves the element's size

D. Rotates the element by 2 degrees

Câu 9: Choose 1 answer Multiple Choice

Consider the code:

CSS

html { font-size: 16px; } div { font-size: 3rem; border: 1px solid black; } #mycss { font-size: 2rem; border: 1px solid red; } 
HTML

<p>This is a text</p> <div id="mycss">At here for your code</div> 
What is the right option?

A. The font-size of this document is 16px.

B. The font-size of the div with id="mycss" is 2 x the browser's font size.

C. The rem unit sets the font-size relative to the browsers base font-size, and will not inherit from its parents.

D. All of the others

Câu 10: Choose 1 answer Multiple Choice

If you want your navigation bar to remain visible, even when the user scrolls downward, you should use which type of positioning?

A. static

B. absolute

C. relative

D. fixed

Câu 11: Choose 1 answer Multiple Choice

Which property is used to wrap flex items on a new line?

A. flex-wrap: wrap;

B. wrap: flex;

C. overflow: wrap;

D. display: wrap;

Câu 12: Choose 1 answer Multiple Choice

What is the correct syntax for defining a keyframe animation in CSS?

A. @animation keyframes {}

B. @motion {}

C. @keyframes slide {}

D. @frame key {}

Câu 13: Choose 1 answer Multiple Choice

Consider the below code:

CSS

div { width: 300px; padding: 5px; border: 1px red solid; margin: 0px; } 
Choose the right statement about the total width of a div tag.

A. Total width: 300px

B. Total width: 310px

C. Total width: 312px

D. Total width: 302px

Câu 14: Choose 1 answer Multiple Choice

Which HTML tag is used to define an internal style sheet?

A. <style>

B. <script>

C. <css>

D. <link>

Câu 15: Choose 1 answer Multiple Choice

Which of the following CSS pseudo-classes is used to select an element that is being hovered over by the mouse pointer?

A. hover

B. focus

C. active

D. visited

Câu 16: Choose 1 answer Multiple Choice

Consider the below code:

JavaScript

var x = 5 + 5; var y = "5" + 5; var z = "Hello" + 5; 
Which statement is right about the result of x,y,z?

A. 10, 55, Hello5

B. 55, 10, Hello5

C. Hello5, 10, 55

D. Hello5, 55, 10

Câu 17: Choose 1 answer Multiple Choice

What will happen when the following code runs?

JavaScript

let num = 3; num += 2; ++num; console.log(num); 

A. 6

B. 2

C. 3

D. 5

Câu 18: Choose 1 answer Multiple Choice

What is the correct JavaScript syntax to the 2nd paragraph display inline?Humpty Dumptysaton the wall

A. document.getElementsByTagName("p")[1].style.display="inline";

B. document.getElementsByTagName("p")[2].style.display="inline";

C. document.getElementsByName("p")[1].style.display="inline";

D. document.getElementsByName("p")[2].style.display="inline";

Câu 19: Choose 1 answer Multiple Choice

What is the correct syntax to change another source of the 2nd image?<img src="image1.jpg"/><img src="image2.jpg"/><img src="image3.jpg"/>

A. document.getElementsByName("img").src="anotherImage.jpg";

B. document.getElements2ndByName("img").src="anotherImage.jpg";

C. document.getElementsByTagName("img").item(2).src="anotherImage.jpg";

D. document.getElementsByTagName("img")[1].src="anotherImage.jpg";

Câu 20: Choose 1 answer Multiple Choice

Where can you put JavaScript?

A. In the head and body section

B. Just in the <body> section

C. Just in the <head> section

Câu 21: Choose 1 answer Multiple Choice

JavaScript

var str = "Visit w3schools"; var n = str.search(/w3schools/); 
What is the value of the variable n?

A. 6

B. 5

C. 7

D. null

Câu 22: Choose 1 answer Multiple Choice

Which JavaScript loop is best used when you want to execute a block of code a specific number of times?

A. for loop

B. while loop

C. do...while loop

D. switch case loop

Câu 23: Choose 1 answer Multiple Choice

You can call a function without it being defined.

A. True

B. False

Câu 24: Choose 1 answer Multiple Choice

What statement do you use to change className property of a tag with id="demo"?

A. document.getElementById("demo").className=newclass

B. document.getElementById("demo").style.className=newclass

C. document.getElementById("demo").class=newclass

D. document.getElementById("demo").style.class=newclass

Câu 25: Choose 1 answer Multiple Choice

Which of the following JavaScript code creates a function expression?

A. function myFunc() {}

B. const myFunc = function() {}

C. myFunc: function() {}

D. function = myFunc() {}

Câu 26: Choose 1 answer Multiple Choice

Consider the code:

x = 10;

var x;

window.alert(x);Choose the right order of the above codes to display the variable x?

A. 1, 2, 3

B. 2, 1, 3

C. 3, 2, 1

D. 2, 3, 1

Câu 27: Choose 1 answer Multiple Choice

HTML

<body> <p id="demo"></p> <script> if (Math.random() < 0.5) { text = "<a href='
You do not have permission to view link Đăng nhập hoặc Đăng ký.
'>Visit W3Schools</a>"; } else { text = "<a href='
You do not have permission to view link Đăng nhập hoặc Đăng ký.
'>Visit WWF</a>"; } document.getElementById("demo").innerHTML = text; </script> </body> 
What is the output?

A. write a link to either VisitW3Schools or to VisitWWF

B. write a link to VisitW3Schools

C. write a link to VisitWWF

D. All of the others

Câu 28: Choose 1 answer Multiple Choice

Which JavaScript method is commonly used to validate if a user's input in a form is a valid email address?

A. Testing input with regex.

B. form.validateEmail();

C. input.checkType("email");

D. input.match(/@/);

Câu 29: Choose 1 answer Multiple Choice

Which of the following is true about the typeof operator in JavaScript?

A. The typeof is a unary operator that is placed before its single operand, which can be of any type.

B. Its value is a string indicating the data type of the operand.

C. The typeof operator is followed by its operand

D. All of the others

Câu 30: Choose 1 answer Multiple Choice

What does this JavaScript function do?

JavaScript

function validateForm() { let x = document.forms["myForm"]["email"].value; if (x == "") { alert("Email must be filled out"); return false; } } 

A. Submits a form to the database

B. Sends email to user

C. Validates that email is not empty

D. Disables all inputs

Câu 31: Choose 1 answer Multiple Choice

What does the CSS 'min-width' media query condition ensure in responsive design?

A. Styles are applied only to screens that are smaller than the specified width

B. Styles apply to screens larger than or equal to the specified width

C. Styles apply to screens with a fixed width

D. Styles apply only to desktop devices

Câu 32: Choose 1 answer Multiple Choice

Bootstrap is a framework for back-end web development.

A. True

B. False

Câu 33: Choose 1 answer Multiple Choice

What does the CSS property display: flex; do?

A. Makes the element completely invisible on the page

B. Aligns multiple elements horizontally in a single line

C. Creates a flexible layout for child elements

D. Centers an element on the page

E. Converts the element into an inline-level block container

Câu 34: Choose 1 answer Multiple Choice

How would you apply styles only to screens with a maximum width of 600px?

A. @media screen max-width:600px {}

B. @media screen and (max-width: 600px) {}

C. @media (screen) max-width 600px {}

D. @media (max-width: 600px, screen)

Câu 35: Choose 1 answer Multiple Choice

Choose the right statement about the code below:

CSS

@media only screen and (max-width: 768px) { [class*="col-"] { width: 100%; } } 

A. When the screen (browser window) gets smaller than 768px, each column should have a width of 100%

B. When the screen (browser window) gets greater than 768px, each column should have a width of 100%

C. Each column should have a width of 100% for any screen wide

D. When the screen (browser window) or mobile gets smaller than 768px, each column should have a width of 100%

Câu 36: Choose 1 answer Multiple Choice

Consider the following CSS rules:

CSS

@media all and (min-width: 500px) { div { width: 25%; } } div { width: 80%; } 
What is the width of any div elements on a 750px screen?

A. 80%

B. 75%

C. 100%

D. 25%

Câu 37: Choose 1 answer Multiple Choice

When testing a responsive website, which tool is most effective for quickly simulating various screen sizes and devices?

A. Using browser developer tools to toggle device modes and adjust screen size

B. Relying on real device testing for each screen size individually

C. Viewing the site on a single device and adjusting the CSS for that specific resolution

D. Using a single fixed screen size and adjusting layout elements to fit

Câu 38: Choose 1 answer Multiple Choice

What way is the best choice if you want to scale down if the image has to, but never scale up to be larger than its original size?

A. Using the max-width property and set up the code "max-width: 100%"

B. Using the width property and set up the code "width: 100%"

C. Using the min-width property and set up the code "min-width: 100%"

D. Using the random-width property and set up the code "random-width: 100%"

Câu 39: Choose 1 answer Multiple Choice

Consider two statements:Statement 1: You only can insert one "responsive breakpoint" in your stylesheet.Statement 2: Insert one breakpoint for testing the viewport size which is from 768px and down. You have to do: @media only screen and (max-width: 768px){}Choose the right option:

A. Statement 1 is true, statement 2 is true

B. Statement 1 is false, statement 2 is false

C. Statement 1 is true, statement 2 is false

D. Statement 1 is false, statement 2 is true

Câu 40: Choose 1 answer Multiple Choice

Consider two statements:Statement 1: Responsive web design is a setup of the same HTML code to all devices and CSS is used to alter the rendering of the page on the device.Statement 2: The meta viewport tag gives the browser instructions on how to adjust the dimensions and scaling of the page to the width of the device.Choose the right option.

A. Statement 1 is true, statement 2 is true

B. Statement 1 is false, statement 2 is false

C. Statement 1 is true, statement 2 is false

D. Statement 1 is false, statement 2 is true

Câu 41: Choose 1 answer Multiple Choice

Consider the following CSS rules:

CSS

div { width: 80%; } @media all and (max-width: 767px) { div { width: 25%; } } 
What is the width of any div elements on a 500px screen?

A. 80%

B. 75%

C. 100%

D. 25%

Câu 42: Choose 1 answer Multiple Choice

In responsive design, which measurement unit allows a fluid element to adjust based on the screen size?

A. em

B. px

C. vh

D. rem

Câu 43: Choose 1 answer Multiple Choice

In Bootstrap 3, a standard navigation bar is created with:

A. <nav class="navbar navbar-default">

B. <nav class="nav navbar">

C. <nav class="navigationbar navbar-default">

D. <nav class="navbar default-navbar">

Câu 44: Choose 1 answer Multiple Choice

What does this JavaScript code do?

JavaScript

window.addEventListener("resize", function() { alert("Resized!"); }); 

A. Alerts when user clicks

B. Alerts when input changes

C. Alerts when window is resized

D. Does nothing

Câu 45: Choose 1 answer Multiple Choice

Which of the following is NOT a characteristic of responsive design?

A. Content adjusts to different screen sizes

B. Layouts are fixed and do not change based on the device

C. Media queries are used to apply different styles at different screen sizes

D. Images and elements scale based on the viewport size

Câu 46: Choose 1 answer Multiple Choice

Which attribute specifies the URL where the form data will be submitted and processed?

A. Encode

B. Method

C. Action

D. Post

Câu 47: Choose 1 answer Multiple Choice

______ is used to create rules about the color, font, and layout of our pages

A. CSS

B. HTML

C. JS

D. FONT

Câu 48: Choose 1 answer Multiple Choice

What does WAN stand for?

A. Wide Area Network

B. World Area Network

C. Word Area Network

D. All of the others

Câu 49: Choose 1 answer Multiple Choice

What should target="_blank" do when included in a link tag?

A. Opens the link in a new tab or window

B. Opens the link in a tab called "_blank"

C. This is not a valid expression.

Câu 50: Choose 1 answer Multiple Choice

What is the purpose of the Document Object Model (DOM)?

A. To define the structure of a web page as a tree of objects.

B. To style the elements of a web page.

C. To create interactive animations.

D. To store data on the client side.

Câu 51: Choose 1 answer Multiple Choice

URL stands for

A. Unordered Resource Location

B. Universal Relation Locator

C. Uniform Resource Locator

D. None of the others

Câu 52: Choose 1 answer Multiple Choice

Every well-formed HTML document should include

A. doctype, head, body

B. doctype, header, body

C. header, nav, footer

Câu 53: Choose 1 answer Multiple Choice

The Internet is a type of

A. Hypertext Network

B. Local Area Network

C. Wide Area Network

Câu 54: Choose 1 answer Multiple Choice

Consider the code:

<form><input type="[missing code]" value="Send"/></form>

What option do you choose to send form data to a form-handler?

A. button

B. submit

C. sendButton

D. actionButton

Câu 55: Choose 1 answer Multiple Choice

A <div> block is an inline-level element

A. True

B. False

Câu 56: Choose 1 answer Multiple Choice

What does the DOM represent?

A. The logical structure of an HTML document

B. A programming language

C. Only used in CSS

D. Unrelated to JavaScript

Câu 57: Choose 1 answer Multiple Choice

What are the elements to help organize the data and structure of a table?

A. <caption>, <head>, <body>, <foot>

B. <caption>, <thead>, <tbody>, <foot>

C. <caption>, <thead>, <tbody>, <tfoot>

D. <caption>, <thead>, <body>, <foot>

Câu 58: Choose 1 answer Multiple Choice

Which code will properly insert headings along each row?

A. <table><tr><th>Name</th><th>Age</th><th>Team</th></tr><tr><td>Colleen</td><td>26</td><td>Browns</td></tr></table>

B. <table><tr><th>Name</th><td>Colleen</td></tr><tr><th>Age</th><td>26</td></tr><tr><th>Team</th><td>Browns</td></tr></table>

C. <table><tr><td>Name</td><td>Age</td><td>Team</td></tr><tr><th>Colleen</th><th>26</th><th>Browns</th></tr></table>

Câu 59: Choose 1 answer Multiple Choice

A basic functionality of browsers is to translate HTML documents into viewable webpages.

A. True

B. False

Câu 60: Choose 1 answer Multiple Choice

Which tag represents a line break (new line)?

A. <ln>

B. 

C. <break>

D. <line>

Đề Thi FE WED201c - SP26 - FE - RE

admin

Member

Đính kèm

Đề Thi FE WED201c - SP26 - FE - RE

adminadmin is verified member.

Member

Đính kèm

admin