CSS and HTML Fundamentals Quiz

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson
Download our mobile app to listen on the go
Get App

Questions and Answers

What is a property used for positioning elements in CSS?

  • display
  • align
  • position (correct)
  • float

Which value of the position property allows an element to be positioned related to its normal position?

  • fixed
  • relative (correct)
  • sticky
  • absolute

Which CSS property is used to create space between the border and the content within an element?

  • border-spacing
  • padding (correct)
  • margin
  • gap

Which of the following CSS values allows an element to remain in its normal flow but be removed from the layout?

<p>absolute (B)</p> Signup and view all the answers

Which statement about block elements is accurate?

<p>Some elements are inline and some are block. (C)</p> Signup and view all the answers

What is the correct HTML element for emphasizing text?

<p><em> (B)</p> Signup and view all the answers

How do block elements behave in relation to the surrounding elements?

<p>They stack vertically, one below the other. (B)</p> Signup and view all the answers

Which of the following statements about inline elements is true?

<p>They occupy only as much width as necessary. (D)</p> Signup and view all the answers

Which HTML tag is often confused with the tag but serves a different purpose?

<p><strong> (A)</p> Signup and view all the answers

What will be the output of the program when s.foo() is called?

<p>Super (D)</p> Signup and view all the answers

What type of error will occur if the superclass and subclass methods have the same name without overriding?

<p>Compile time error (D)</p> Signup and view all the answers

What is the significance of the method foo() in subclass?

<p>It overrides Super's foo() method (D)</p> Signup and view all the answers

Which of the following statements is true regarding method invocation with Super and Subclass?

<p>It depends on the reference type (B)</p> Signup and view all the answers

What is the relationship between Super and Subclass in OOP terms?

<p>Subclass inherits methods from Super (B)</p> Signup and view all the answers

What will happen if the foo method in Subclass is defined as 'void foo()' instead?

<p>The program will output 'Subclass' (C)</p> Signup and view all the answers

In this program structure, how many methods named foo exist?

<p>Two (C)</p> Signup and view all the answers

What type of inheritance is being demonstrated in this program?

<p>Single inheritance (D)</p> Signup and view all the answers

What will be the output of the program in SqrtExample if a negative value is passed to Math.sqrt?

<p>NaN (D)</p> Signup and view all the answers

In Java, which of the following describes unchecked exceptions?

<p>Exceptions that do not need to be declared in a method or constructor. (A)</p> Signup and view all the answers

When calling Math.sqrt with a negative number, which alternate result could a user mistakenly expect?

<p>The square root of the absolute value. (D)</p> Signup and view all the answers

What is the result of compiling a Java program with a syntax error?

<p>It will generate a compilation error. (B)</p> Signup and view all the answers

Which of the following is a feature of exceptions in Java?

<p>Exceptions can disrupt normal program flow. (D)</p> Signup and view all the answers

What is a potential side effect of using a negative number as input for Math.sqrt?

<p>It leads to NaN, suggesting 'Not a Number'. (A)</p> Signup and view all the answers

Which of the following is not true regarding exceptions in Java?

<p>All exceptions require explicit declaration in Java. (C)</p> Signup and view all the answers

How do you access the value of a global variable declared with let or const?

<p>variableName (A)</p> Signup and view all the answers

Which method is used to attach an event listener to an HTML element in JavaScript?

<p>element.addEventListener() (C)</p> Signup and view all the answers

What is the correct way to call a function named 'myFunction'?

<p>myFunction() (C)</p> Signup and view all the answers

In a mouse event, how can you check which mouse button was clicked?

<p>event.button (A)</p> Signup and view all the answers

What CSS properties would you use to create a fixed-size grid container?

<p>width: 300px; height: 200px; (C)</p> Signup and view all the answers

How do you create a new HTML element using JavaScript?

<p>createElement() (C)</p> Signup and view all the answers

What command is used to create a responsive grid layout using CSS Grid?

<p>grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); (D)</p> Signup and view all the answers

Which of the following is NOT a valid way to define a JavaScript function?

<p>myFunction() =&gt; {} (B)</p> Signup and view all the answers

How do you insert a comment in a CSS file?

<p>/* this is a comment */ (C)</p> Signup and view all the answers

What is the correct CSS property to make each word in a text start with a capital letter?

<p>text-transform: capitalize (B)</p> Signup and view all the answers

Which property is used to make the text bold in CSS?

<p>font-weight:bold; (C)</p> Signup and view all the answers

Which method is used to remove an HTML element from the DOM using JavaScript?

<p>element.remove() (D)</p> Signup and view all the answers

How do you correctly select all p elements that are descendants of a div element?

<p>div p (B)</p> Signup and view all the answers

Which selector is used to target all paragraphs inside an element with the class 'main'?

<p>.main p { } (C)</p> Signup and view all the answers

What is the correct way to select an element with the id 'demo' in CSS?

<p>#demo (C)</p> Signup and view all the answers

What method can be employed to select elements based on their position in the document using JavaScript?

<p>document.querySelectorAll() (B)</p> Signup and view all the answers

Flashcards

Absolute Positioning (CSS)

In CSS, absolute positioning allows an element to be positioned relative to its containing block, ignoring its normal layout flow.

Relative Positioning (CSS)

Relative positioning in CSS allows an element to be moved relative to its normal position within its container.

Position Property (CSS)

The CSS 'position' property controls how an element is positioned within its container.

CSS Layouting

The CSS 'position' property is used to control the layout and placement of elements on a webpage.

Signup and view all the flashcards

Positioning an Element (CSS)

The CSS property 'position' allows you to control the position of an element in its container.

Signup and view all the flashcards

What HTML element represents a paragraph?

In HTML,

(paragraph) is used to define text that starts on a new line.

Signup and view all the flashcards

What HTML element makes text bold?

In HTML, (bold) is used to display text in bold.

Signup and view all the flashcards

Which HTML element adds italic formatting to text?

In HTML, (italic) is used to display text in italics.

Signup and view all the flashcards

What HTML element represents emphasized text?

In HTML, (emphasis) is used to define text that has special importance.

Signup and view all the flashcards

Which HTML element creates a line break?

In HTML,
(break) defines a line break. It separates text content to display on the next line.

Signup and view all the flashcards

Compile-time error

A compile-time error occurs during the compilation phase of a program, preventing the code from being translated into executable instructions. It is typically caused by syntax errors, type mismatches, or other violations of the programming language's rules.

Signup and view all the flashcards

Runtime error

An error that occurs during the execution of a program. It is typically caused by unexpected input, incorrect logic, or resource limitations.

Signup and view all the flashcards

Logical error

A programming error that does not cause the program to crash but produces unexpected or incorrect results. It is often difficult to detect and debug because the program appears to be running normally.

Signup and view all the flashcards

NaN (Not a Number)

A special numerical value representing an undefined or unrepresentable value in a program, such as the result of dividing by zero or taking the square root of a negative number.

Signup and view all the flashcards

Math.sqrt()

A method in the Java Math class that calculates the square root of a given double value.

Signup and view all the flashcards

Unchecked exception

An exception that is not checked by the compiler. It is typically caused by runtime errors such as incorrect input, resource exhaustion, or unexpected program behavior.

Signup and view all the flashcards

Checked exception

A group of exceptions that are checked by the compiler. They are usually caused by detectable errors such as file not found or network connection issues.

Signup and view all the flashcards

Overflow error

A special value in Java representing a number that is too large to be stored in a given data type. It occurs when a calculation results in a value exceeding the maximum limit of the data type.

Signup and view all the flashcards

Super s = new Subclass();

A variable of type 'Super' is declared and initialized with an object of type 'Subclass'. This means that the object 's' can access methods and properties of its assigned class 'Subclass' as well as those of its parent class 'Super'.

Signup and view all the flashcards

s.foo();

The method 'foo()' in the 'Super' class is overridden by a static method 'foo()' in the 'Subclass' class. However, since 's' is an instance of 'Subclass', the overridden version will be invoked through 's.foo()'.

Signup and view all the flashcards

Output of the Program

In this scenario, 's' is a 'Super' variable pointing to a 'Subclass' object. Therefore, when 's.foo()' is called, the overridden 'foo()' method in the 'Subclass' class is executed and "Subclass" is printed.

Signup and view all the flashcards

class Super { void foo() { System.out.println("Super"); }}

The 'Super' class describes a simple class with a method 'foo()' that prints "Super".

Signup and view all the flashcards

class Subclass extends Super { static void foo() { System.out.println("Subclass"); }}

The 'Subclass' class extends the 'Super' class, inheriting its features and possibly overriding existing methods.

Signup and view all the flashcards

static void foo() { System.out.println("Subclass"); }

The 'foo()' method is overridden in the 'Subclass' class, providing a new implementation that prints "Subclass".

Signup and view all the flashcards

package com.journaldev.java; public class Test { public static void main(String[] args) { Super s = new Subclass(); s.foo(); }}

This code snippet represents a Java program with a 'Main' method that creates an instance of 'Subclass' and calls the 'foo()' method. The program demonstrates the concept of inheritance and method overriding.

Signup and view all the flashcards

package com.journaldev.java; public class Test { ... }

This line defines a class named 'Test' within the 'com.journaldev.java' package. It contains the main method that serves as the starting point for program execution.

Signup and view all the flashcards

How to declare variables in JavaScript?

The let or const keyword declares variables in JavaScript. It is used to create variables that exist within their scope, unlike the var keyword which creates global variables by default.

Signup and view all the flashcards

Accessing Global Variables

To access Global variables declared with let or const , you simply use the variable name directly.

Signup and view all the flashcards

How to add event listeners

The .addEventListener() method is the standard way to attach a listener to an event on an HTML element. It takes an event type and a function to be executed when an event occurs.

Signup and view all the flashcards

Calling a Function

To call a function named myFunction, simply write its name followed by parentheses: myFunction(). This executes the code inside the function.

Signup and view all the flashcards

Which mouse button was clicked?

To check which mouse button was clicked in a mouse event, access the event.button property. It will return a number: 0 for the left button, 1 for the middle, and 2 for the right button.

Signup and view all the flashcards

Creating a Fixed-Size Grid Container

To create a fixed-size grid container in CSS Grid, use the width and height properties to explicitly define the container's dimensions. For example, width: 300px; height: 200px; creates a 300 pixels wide by 200 pixels high grid.

Signup and view all the flashcards

Creating a New HTML Element

To create a new HTML element using JavaScript, use the createElement() method. You provide the element's tag name as the argument.

Signup and view all the flashcards

Creating a Responsive Grid Layout

To establish a responsive grid layout, define the grid's structure using CSS Grid properties and leverage media queries. For example, you can use grid-template-columns and media queries to adjust the layout based on screen size.

Signup and view all the flashcards

How to comment in CSS

In CSS, you can add comments using the double slash (//) at the beginning of the comment, and it goes until the end of the line.

Signup and view all the flashcards

Capitalize each word in CSS

The text-transform: capitalize; property is used in CSS to make the first letter of each word within an element uppercase.

Signup and view all the flashcards

Make text bold in CSS

To apply bold text formatting to an element in CSS, you use the font-weight: bold; property.

Signup and view all the flashcards

Remove element from DOM (JavaScript)

The element.remove() method in JavaScript is used to remove an HTML element from the Document Object Model (DOM).

Signup and view all the flashcards

Select all p elements inside a div

In CSS selectors, the space between two elements represents a descendant selector. This means you are selecting all elements of the second type that are descendants of the first element. So, div p selects all paragraph (p) elements that are inside a div element.

Signup and view all the flashcards

Select paragraphs inside an element with class 'main'

To select all paragraphs (p) inside an element with the class 'main', you use the class selector (.main) followed by a space and the tag 'p'. This selector selects all 'p' elements that are direct or indirect descendants of the element with the class 'main'.

Signup and view all the flashcards

Select element by ID

In CSS, you can select an element with a specific ID by using the '#' symbol followed by the ID name. So, to select an element with the ID 'demo', you would use the selector '#demo'.

Signup and view all the flashcards

Select elements by position (JavaScript)

JavaScript uses indexing to select elements based on their position in the document. You can access the first element with index 0, the second with index 1, and so on.

Signup and view all the flashcards

Study Notes

Question 1

  • Properties used for laying out elements in CSS
    • position

Question 2

  • <iframe> tag
    • Used to display one web page inside another web page.
    • True

Question 3

  • Block elements
    • Normally displayed without starting a new line.
    • False

Question 4

  • HTML element for emphasized text
    • <em>

Question 5

  • Java program output
    • Compile time error

Question 6

  • Java program output
    • NaN

Question 7

  • Unchecked exceptions in Java
    • RuntimeException, ClassCastException, NullPointerException

Question 8

  • Java statements
    • JRE is required to run java programs.
    • JDK is required to compile java programs.
    • JVM is responsible for converting Byte code to the machine-specific code.
    • JRE does not contain JVM.

Question 9

  • Java output
    • false

Question 10

  • Java output
    • Compile-time error

Question 11

  • Interfaces implemented by String class
    • Cloneable, Comparable, Serializable

Question 12

  • String concatenation output
    • Java12Quiz7

Question 13

  • Java output
    • Compile Time Error

Question 14

  • Java String properties
    • String class is defined in java.lang package.
    • String is immutable in Java.
    • String is case sensitive in Java.
    • String is thread-safe in Java.
    • You cannot extend the String class

Question 15

  • CSS selector for elements with class "example"
    • .example {}

Question 16

  • CSS selector for elements with class names "one" and "two"
    • .one.two {}

Question 17

  • CSS to add background color to all

    elements
    • h1 {background-color:#FFFFFF;}

Question 18

  • CSS to align grid items horizontally
    • justify-content

Question 19

  • CSS to center grid items horizontally and vertically
    • place-content: center center;

Question 20

  • CSS to create a border with specified border widths
    • border-width: 10px 1px 5px 20px;

Question 21

  • CSS for underline on hyperlinks
    • a {text-decoration:none;}

Question 22

  • CSS for grouping selectors
    • Separate selectors by comma

Question 23

  • CSS to hide an element on smaller screens
    • display: none;

Question 24

  • CSS to make a grid item span multiple columns
    • grid-column: span 2;

Question 25

  • CSS for creating list with squares
    • list-style-type: square;

Question 26

  • CSS to select the elements with title attribute
    • [title] {}

Question 27

  • JavaScript to select the first matching element with tag name
    • document.querySelector('tag')

Question 28

  • JavaScript to select all <p> elements in a webpage:
    • p {}

Question 29

  • CSS to create gaps between grid items
    • gap: 10px;

Question 30

  • CSS abbreviation
    • Cascading Style Sheets

Question 31

  • HSL color model
    • Hue Saturation Lightness

Question 32

  • MySQL command to create primary key
    • ADD PRIMARY KEY (column_name)

Question 33

  • MySQL command to change user password
    • ALTER USER user@host PASSWORD = 'new_password'

Question 34

  • MySQL command to delete all records from a table
    • DELETE FROM table_name

Question 35

  • MySQL command to create a copy of an existing table
    • CREATE TABLE new_table_name LIKE old_table_name

Question 36

  • MySQL command to change column value
    • UPDATE

Question 37

  • MySQL LEFT JOIN command
    • Returns all rows from the left table and matched rows from the right.

Question 38

  • MySQL COMMIT command purpose
    • Commits the transaction to the database

Question 39

  • MySQL LIKE command purpose
    • Compares a value to similar values using wildcard operators

Question 40

  • MySQL command to delete a database
    • DROP DATABASE database_name

Question 41

  • MySQL ORDER BY command purpose
    • Sorts the results in ascending order

Question 42

  • Time complexity of linear search
    • O(n)

Question 43

  • Data structure with no specific order
    • Set

Question 44

  • Time complexity of Bubble sort
    • O(n^2)

Question 45

  • Which is not a linear data structure?
    • None of above

Question 46

  • Complexity theory does not include
    • Null case

Question 47

  • Data structure that uses LIFO
    • Stack

Question 48

  • In-order traversal of binary search tree

Question 49

  • Data structure for storing elements in non-contiguous memory
    • Linked list

Question 50

  • Data structure for efficient search, insert, and delete in sorted order
    • Binary search tree

Question 51

  • Algorithm for finding shortest path in weighted graph
    • Dijkstra's algorithm

Question 52

  • JavaScript property for elements that stay in the same place when the page is scrolled
    • fixed

Question 53

  • HTML tag for headings
    • Heading

Question 54

  • JavaScript to create a global variable in a function
    • Use the window keyword

Question 55

  • JavaScript to open a link in a new tab
    • <a href="url" target="_blank"></a>

Question 56

  • How to optimize images for better web performance
    • Compressing images and using appropriate file formats

Question 57

  • How to prevent creating global variables in Javascript
    • Use the let or const keyword

Question 58

  • How to access value of a global variable
    • variableName

Question 59

  • How to attach an event listener to an HTML element?
    • element.addEventListener()

Question 60

  • How to call a function named "myFunction":
    • myFunction()

Question 61

  • How to check which mouse button was clicked in a mouse event?
    • event.button

Question 62

  • How to create a fixed size container
    • Width: 300px; Height:200px;

Question 63

  • JavaScript to create new HTML elements
    • createElement()

Question 64

  • How do you create a responsive grid layout using CSS Grid?
    • Use percentage values for grid columns and use media queries to adjust grid properties based on screen size

Question 65

  • Syntax for declaring a function
    • function myFunction() {}

Question 66

  • Syntax to declare a JavaScript variable
    • var carName;

Question 67

  • Arrow function syntax
    • const myFunction=()=>{}

Question 68

  • CSS Grid Container
    • display: grid;

Question 69

  • How to handle errors in a Promise
    • Using a .catch() block

Question 70

  • Comment syntax in CSS
    • /* this is a comment */

Question 71

  • Capitalizing each word in a text:
    • text-transform: capitalize

Question 72

  • CSS syntax for making text bold
    • font-weight:bold;

Question 73

  • JavaScript to remove HTML elements
    • element.remove()

Question 74

  • JavaScript select all p elements inside div element
    • div p {}

Question 75

  • Selector for selecting all p elements inside main class element
    • .main p { } or -p.main {}

Question 76

  • Selector for element with id "demo"
    • #demo

Question 77

  • JavaScript to find elements by their position in the document
    • document.querySelectorAll(':nth-child(n)')

Question 78

  • JavaScript to select elements with class "test"
    • .test {}

Question 79

  • JavaScript to select multiple elements with class name
    • getElementsByClassName()

Question 80

  • JavaScript to select last matching element using CSS selector
    • document.querySelectorAll("selector")[document.querySelectorAll("selector").length-1]

Question 81

  • JavaScript for loop start
    • for (let i = 0; i <= 5; i++)

Question 82

  • JavaScript while loop
    • while (i <= 10)

Question 83

  • Difference between server-side and client-side programming
    • Client-side executes in the user's browser; Server-side handles tasks on the server.

Question 84

  • Promise.reject() method
    • Creates a rejected promise with a specified reason

Question 85

  • Number of HTML5 attributes
    • None

Question 86

  • Comment multi-line in JavaScript
    • /* comment */

Question 87

  • Making if statement where the variable is not equal to 5
    • if (i != 5)

Question 88

  • If statement in Javascript
    • if (i == 5)

Question 89

  • CSS selector for direct children of <ul>
    • ul > li {}

Question 90

  • JavaScript selector for all elements with a title attribute
    • [title] {}

Question 91

  • JavaScript selector for first element with tag name
    • document.querySelector('tag')

Question 92

  • HTML tag for largest heading
    • <h1>

Question 93

  • HTML tag for emphasizing important text
    • <strong>

Question 94

  • HTML tag for unordered list
    • <ul>

Question 95

  • HTML tag for creating numbered list
    • <ol>

Question 96

  • HTML for responsive viewport
    • <meta name="viewport" content="width=device-width, initial-scale=1">

Question 97

  • Number of heading tags in HTML5
    • 6

Question 98

  • HTML element for storing metadata
    • <head>

Question 99

  • Default position of an HTML element
    • static

Question 100

  • Abbreviation for HTML
    • Hyper Text Markup Language

Question 101

  • Correct HTML tag for creating hyperlink
    • <a href="url">text</a>

Question 102

  • HTML element for making a text area
    • <textarea>

Question 103

  • When is callback function typically executed in async operation?
    • After the current task is completed and event loop is free.

Question 104

  • HTML element to define aside content
    • <aside>

Question 105

  • Web development language for dynamic content
    • JavaScript

Question 106

  • Inline elements in JavaScript
    • True

Question 107

  • HTML element to put JavaScript code
    • <script>

Question 108

  • JavaScript comment
  • //This is a comment

Question 109

  • Calling functions in Javascript
    • functionName()

Question 110

  • Concatenate two strings in Javascript
    • str1 + str2

Question 111

  • Declaring a JavaScript Function
    • function myFunction() {}

Question 112

  • Declaring a function expression in JavaScript
    • var myFunction = function() {};

Question 113

  • Writing "Hello, World!" to alert box
    • alert("Hello, world!");

Question 114

  • DOM abbreviation
    • Document Object Model

Question 115

  • JavaScript function definition
    • a reusable block of code

Question 116

  • Purpose of document object in Javascript
    • Manipulate the structure of HTML

Question 117

  • Java program output
    • 400.0: 100.0

Question 118

  • Java access modifier concept

Question 119

  • Concept that uses access modifiers to protect variables in a class

Question 120

  • Output of the JavaScript code (matches 1)
    • Match 1

Question 121

  • JavaScript code output
    • 54321

Question 122

  • Inserting code in a Java program

Question 123

  • Java code to print 54321
    • x--;inserted at line 7

Question 124

  • Java Code Output
    • 5 4 3 2 1 0

Question 125

  • Method to find 'a' position in "banana":
    • s.indexOf('a');

Question 126

  • Java code output
    • 100

Question 127

  • Java version for Spring Boot 3
    • Java 17

Question 128

  • Difference between PUT and PATCH in REST API
    • PUT fully updates an existing resource; PATCH modifies specified fields.

Question 129

  • @Autowired annotation in Spring Boot
    • Automatically wires beans into properties, constructors, and methods

Question 130

  • @EnableAutoConfiguration annotation purpose

Question 131

  • Default scope of Spring Bean
    • Singleton

Question 132

  • Purpose of Spring JDBC module:
    • Data access framework for databases

Question 133

  • Ways to inject Spring Beans
    • Field-based, Setter-based, Constructor-based

Question 134

  • Defining a derived query in Spring Data JPA
    • Method in the repository with a defined naming convention

Question 135

  • Which is not a valid cascade type in JPA:
  • MERGE

Question 136

  • @RestController Annotation Combination
    • @Controller and @ResponseBody annotations

Question 137

  • Stack order of element
    • z-index

Question 138

  • HTML purpose
    • HTML describes the structure of a webpage

Question 139

  • Regex * character
    • Matches zero or more occurrences of the preceding character

Question 140

  • CSS fr unit
    • Fractional

Question 141

  • CSS max-width property
    • Limits the width of an element to a specific value

Question 142

  • CSS :hover pseudo-class
    • Styles an element on hovering over it

Question 143

  • Callback hell in async javascript
    • Nested callbacks

Question 144

  • CSS universal selector
    • *

Question 145

  • CSS viewport width unit
    • vw

Question 146

  • Regex \s character class
    • Matches any whitespace character

Question 147

  • Regex ^ character
    • Matches the beginning of a line

Question 148

  • Regex | character
    • Logical OR

Question 149

  • JavaScript selectors purpose
    • Select and manipulate HTML elements in the DOM

Question 150

  • CSS media queries purpose
    • Styles based on device characteristics

Question 151

  • What is a Promise in Javascript?
    • Representation of a value that may be available now, later, or never.

Question 152

  • SQL Injection
    • Malicious SQL queries injected in input fields

Question 153

  • What is a web browser cache?
    • Stores previously downloaded resources, decreasing need to re-download.

Question 154

  • Browser Rendering Optimization
    • Minimizing DOM manipulations and efficient CSS.

Question 155

  • CSS Grid Purpose
    • Web page content organization and structure

Question 156

  • What is JavaScript primarily used for

Question 157

  • What is Responsive Web Design?
    • Adapts to various screen sizes

Question 158

  • CSS for Bold <p> elements
    • p {font-weight: bold;}

Question 159

  • HTML line break element
    • <br>

Question 160

  • HTML audio element
    • <audio>

Question 161

  • HTML Video Element
    • <video>

Question 162

  • HTML background color
    • <body style="background-color: yellow;">

Question 163

  • HTML background image
  • <body style="background-image:url(background.gif)">

Question 164

  • HTML image tag
    • <img src="image.gif" alt="MyImage">

Question 165

  • HTML checkbox
    • <input type="checkbox">

Question 166

  • HTML dropdown list
    • <select>

Question 167

  • HTML text input field
    • <input type="text">

Question 168

  • HTML external style sheet
  • <link rel="stylesheet" type="text/css" href="mystyle.css">

Question 169

  • Javascript change content of HTML element
  • document.getElementById("demo").innerHTML = "Hello World!"

Question 170

  • Javascript external script reference
    • <script src="xxx.js">

Question 171

  • Javascript array
    • const colors = ["red", "green", "blue"];

Question 172

  • Critical rendering path - purpose
    • Browser steps for loading and rendering a web page

Question 173

  • Javascript let/const difference
    • let variables can be reassigned, const cannot.

Question 174

  • Font size of the <h1> tag

Question 175

  • Global object in Javascript
    • window

Question 176

  • Synchronous vs Asynchronous javascript
    • Synchronous code executes sequentially, Asynchronous allows tasks to overlap

Question 177

  • Purpose of databases in web development

Question 178

  • Primary purpose of HTML

Question 179

  • Purpose of server-side scripting languages

Question 180

  • Purpose of CSS selectors

Question 181

  • Purpose of lazy loading in web development
    • Delays loading of images until needed

Question 182

  • Purpose of parameters in a function
    • Accept input values

Question 183

  • Purpose of <meta charset="UTF-8"> tag
    • Sets character encoding

Question 184

  • Purpose of the @media rule in CSS
    • Applies styles based on conditions (e.g., screen size).

Question 185

  • Purpose of the addEventListener method
    • Attaches an event handler to an element

Question 186

  • Purpose of the DNS (Domain Name System)

Question 187

  • Flex-direction property purpose
    • Defines the main axis direction in a flex container

Question 188

  • Flexbox layout in responsive design
    • Aligns elements horizontally and vertically

Question 189

  • Purpose of grid-area property
    • Defines the columns and rows a grid item spans in CSS Grid

Question 190

  • Purpose of grid-auto-flow property
    • Defines the flow of items in grid containers

Question 191

  • Purpose of grid-column-gap property
    • Defines the space/gap between grid columns

Question 192

  • Purpose of grid-template-rows property
    • Specifying the layout for grid rows

Question 193

  • Purpose of the <head> element
    • Holds metadata about the document

Question 194

  • Purpose of the <figure> element
    • Embedding images like images, videos

Question 195

  • Purpose of the <form> element
    • Creates a container for form elements

Question 196

  • Purpose of the <form> element
    • Creates a container for input elements

Question 197

  • ID selector purpose
    • Targets specific elements with a unique ID

Question 198

  • JavaScript JSON.parse() function purpose
    • Parses JSON strings into JavaScript objects

Question 199

  • CSS minmax() function
    • Sets minimum and maximum values for grid items

Question 200

  • querySelectorAll() method
    • Selects all elements matching a CSS selector

Question 201

  • CSS rem unit in responsive design
    • Relative to the root element's font size

Question 202

  • JavaScript setAttribute() purpose
    • Adds attributes to HTML elements

Question 203

  • JavaScript setTimeout() function purpose
    • Delays the execution of a function for a set amount of time

Question 204

  • JavaScript window.alert() method purpose
    • Displays an alert box with a message

Question 205

  • Purpose of window.location in Javascript
    • Navigating to new webpages

Question 206

  • JavaScript window.setTimeout() method
    • Delays a function's execution by a specified time

Question 207

  • Return type of a Javascript function without explicit return
    • undefined

Question 208

  • Role of a web server
    • Serving web pages to clients

Question 209

  • Purpose of DOCTYPE in HTML
    • Defines the document type

Question 210

  • HTML META tag with attribute charset="UTF-8" purpose
    • Defines the character set

Question 211

  • Scope of a variable declared within a function in JavaScript
    • Function scope

Question 212

  • JavaScript keyword to declare a variable
    • var

Question 213

  • Language to define web page behavior
    • JavaScript

Question 214

  • CSS position with relative value
    • Adjusted away from normal position, other objects are not adjusted according to the gap

Question 215

  • HTML external stylesheet reference location
    • <head> section

Question 216

  • Correct location to insert Javascript?
    • <head> and <body>

Question 217

  • HTML input element attribute for placeholders
    • placeholder

Question 218

  • HTML attribute for unique identifiers
    • id

Question 219

  • Character used for closing an HTML tag
    • /

Question 220

  • CSS property to handle text size

Question 221

  • CSS property to make images and videos responsive
    • max-width

Question 222

  • CSS property to change text color
    • color

Question 223

  • CSS property for element stacking order
    • z-index

Question 224

  • CSS property for controlling grid lines visibility
    • grid: (e.g., 1px solid black;)

Question 225

  • CSS property for creating flexible layouts

Question 226

  • CSS property to set the number of columns

Question 227

  • Correct DOCTYPE declaration for HTML5
    • <!DOCTYPE html>

Question 228

  • HTML element to group related content
    • <section>

Question 229

  • Javascript mouseover event trigger
    • Mouseover

Question 230

  • Javascript element triggering click event

Question 231

  • Javascript keyboard event for key press
    • keyDown

Question 232

  • Javascript function for selecting element by ID
    • getElementById()

Question 233

  • HTML attribute for inline styling
    • style

Question 234

  • Html attribute for alternative image text
    • alt

Question 235

  • HTML tag for navigation links
    • <nav>

Question 236

  • HTML element for defining document title
    • <title>

Question 237

  • HTML element for document footer

Question 238

  • HTML element to create a header for a document or section
    • <header>

Question 239

  • HTML element to create a hyperlink
    • <a>

Question 240

  • HTML tag for internal style sheet

Question 241

  • HTTP method for requesting data from a server

Question 242

  • Input type for a slider control

Question 243

  • Example of a popular SQL database
    • MySQL

Question 244

  • Correct CSS syntax
    • body {color: black;}

Question 245

  • Method to read and render HTML pages

Question 246

  • Browser Console logging function

Question 247

  • Language used for styling

Question 248

  • Javascript method for catching errors in a promise

Question 249

  • Method to change content of an HTML element

Question 250

  • Javascript method for opening a new window

Question 251

  • Javascript method for selecting elements by index

Question 252

  • Method for selecting elements with CSS selector

Question 253

  • JavaScript object for browser window actions
    • window

Question 254

  • Attributes to create a link in HTML elements

Question 255

  • Regex for end of line
    • $

Question 256

  • Popular server side programming language

Question 257

  • Potential drawback of asynchronous code in Javascript

Question 258

  • Valid way to represent a color using hexadecimal in HTML

Question 259

  • Invalid JavaScript variable name

Question 260

  • HTML <table> elements

Question 261

  • Organization for World Wide Web standards

Question 262

  • PHP function for regex match and replace

Question 263

  • PHP function for Regex match with subpatterns and return matches

Question 264

  • Programming language for server-side scripting

Question 265

  • Programming language for styling webpages
    • CSS

Question 266

  • Property to align flex items
    • justify-content

Question 267

  • Property to change background color
    • background-color

Question 268

  • Property to change font of an element
    • font-family

Question 269

  • Property to change left margin

Question 270

  • Property to control order of grid items

Question 271

  • Property for obtaining the current URL in Javascript
    • window.location.href

Question 272

  • Property to get input field value
    • value

Question 273

  • Protocol for data transfer over World Wide Web
    • HTTP

Question 274

  • Selector for all elements of a specific type

Question 275

  • CSS selector specific attribute with a value
    • element[attribute=value]

Question 276

  • HTML tag for table header - <th>

Question 277

  • HTML tag for external JavaScript
    • <script>

Question 278

  • Database technology for non-relational/flexible unstructured data
    • NoSQL

Question 279

  • Unit for responsive font sizes
    • em

Question 280

  • CSS property to make columns equal width
    • 1fr

Question 281

  • Element similar to <b>
    • <strong>

Question 282

  • Element similar to <i>
    • <em>

Question 283

  • Organization creating web standards
    • W3C

Question 284

  • Why is HTTPS important?
    • Secure and encrypted connection between client and server

Question 285

  • Importance of website accessibility
    • Better user experience for people with disabilities

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

WEB programmming Past Paper PDF

More Like This

Mastering Absolute Positioning
5 questions
CSS Positioning and Layouts Quiz
6 questions
CSS Positioning Types Quiz
24 questions

CSS Positioning Types Quiz

AccommodativeFantasticArt avatar
AccommodativeFantasticArt
HTML & CSS Advanced Positioning
30 questions
Use Quizgecko on...
Browser
Browser