(Prelims) Web Systems and Technologies Mocktest BSIT 604

33 views • 99 questions • 29 d ago

Question list

It is the standard markup language for creating Web pages, no matter how simple or complex. It allows a web author to arrange and define how content should be displayed.

HyperText Markup Language (HTML)

The “HyperText” in HTML refers to what?

It refers to how links on the Web let users move from one document to another.

Who created HTML in 1993?

Tim Berners-Lee

What is the and latest version of HTML?

HTML5

This manages the specifications of what is in HTML and what is not.

World Wide Web Consortium (W3C)

It is a text file created in any text editor containing textual content, elements, attributes, and tags such as <html>, <head>, <title>, and <body>.

HTML Document

It is the component of an HTML document containing formats, instructions, and semantic meaning

HTML Element

This is the basic unit of text in an HTML document

Paragraph <p></p>

What is the output of this program? <p> Hello <strong> World! </strong> <br> Welcome! </p>

Hello World! Welcome!

This element is used to add a line break to the HTML code and creates another blank line.

<br>

It is used to modify or define an HTML element. It is placed within an element's opening tag, which can contain multiple attributes separated by a space. It is also known as the name=value pair, as it provides additional styling to the element.

HTML Attribute

What is the correct syntax of an HTML Attribute?

<p class=”important”> Hello World! </p>

These keywords define how web browsers will format and display the content on an HTML file.

HTML Tags

Which syntax is correct HTML tags?

<p> Hello World! </p>

These are titles or subtitles that can be displayed on a webpage.

Headings

Which is the correct syntax of a Heading?

<h1> Heading 1 </h1>

This attribute that specifies the URL of the webpage the link goes to.

Links

Which is the correct syntax of a HTML link?

<a href=https://www.google.com.ph> Google </a>

It is an alternative way to interact with the server and collect user inputs.

Form

Which is the correct syntax for HTML Forms?

It consists of table cells that allow web developers to organize and arrange data into rows and columns

HTML Table

"the top row of a table that acts as a title for the type of information in each column." Which Table element is being described?

Table Header <th>

"Used to indicate the number of rows displayed in a table." Which Table element is being described?

Table Row <tr>

"Holds the data displayed in a table. The data must match the position of the header it corresponds to." Which Table element is being described?

Table Data <td>

"It is used to join two or more columns in a table" Which Table element is being described?

Colspan

"It is used to join two or more rows in a table" Which Table element is being described?

Rowspan

"This attribute is used to separate the table cells." Which Table element is being described?

Border

"are used to group the header, footer, and body content in a table." Which Table element is being described?

Which syntax creates a correct HTML table?

<table border="5px"> <tr> <th>Firstname</th> <th>Lastname</th> </tr> <tr> <td>Aryan</td> <td>Gupta</td> </tr> <tr> <td>John</td> <td>Reece</td> </tr> <tr> <td>Samntha</td> <td>Grooves</td> </tr> </table>

"And short for Document Type Definition that tells the browser or any software reading the HTML document what type of document is about to be processed. The HTML document will not work without this element." Which HTML Structure element is being described?

<!DOCTYPE>

"also referred to as “root element.” It is the container for all other HTML elements except for <!DOCTYPE>." Which HTML Structure element is being described?

<html>

"shows extra information about an element." Which HTML Structure element is being described?

<title>

"the container for metadata (data about data) which is placed between the <html> and the <body> tags." Which HTML Structure element is being described?

<head>

"Used to specify the page description, author of the document, character coding, and other metadata" Which HTML Structure element is being described?

<meta>

"defines the content in an HTML document displayed in the browser." Which HTML Structure element is being described?

<body>

"Defines the connection between the current document and an external source." Which HTML Structure element is being described?

<link>

"used to embed a client-side script (JavaScript) that either contains scripting statements or points to an external script file through the src attribute" Which HTML Structure element is being described?

It is a way to embed an image or an animated image, such as GIF, on an HTML webpage.

Image

Which is the correct syntax for importing an image in HTML?

It is a way to group a set of related items in HTML.

List

Which is the correct syntax for an Unordered List in HTML?

<ul> <li>Eggs</li> <li>Alcohol</li> <li>Snacks</li> </ul>

What is the syntax of an Ordered List?

<ol> <li>January</li> <li>February</li> <li>March</li> </ol>

What is the correct syntax of a Description List?

<dl> <dt>January</dt> <dd>- the first month</dd> <dt>February</dt> <dd>- the second month</dd> </dl>

This tag is used to color or mark up a part of a text or document.

<span>

Which is the correct syntax for HTML span tag?

<p>My mother has <span style="color:blue">blue</span> eyes.</p>

Navigation uses the ) _________ tag to define a set of navigation links. The tag is only used for major blocks of navigation links and not all links in an HTML document. It represents a page section with links to other web pages or parts within the same webpage.

<nav>

Which is the correct syntax for HTML <nav>

<nav> <a href=”#”> Home </a> <br> <a href=”#”> About Me </a> </nav>

These are used to gather text information from users and are defined by the <input> tag, which displays a type attribute such as the text, radio, checkbox, and button. Note that the default width of any input field is up to 20 characters.

Input and Control Functions

Which is the correct syntax of a Label?

A Text Field displays a single-line text input field for text input and uses what tag?

<input type="text "> tag

Which is the correct syntax for Text box?

The Radio button allows users to select one of the available options and uses what HTML tag?

<input type="radio"> tag

Which is the correct syntax for HTML radio button?

The Checkbox allows users to select as many options as possible out of the available options. What is the correct syntax for creating one?

What format does <input type="date"> have?

has a format of mm-dd-yyyy

What format does <input type="time"> have?

has a format of hh:mm

What format does <input type="month”> have?

has a format of yyyy-mm

What format does <input type="week"> have?

has a format of Week#-yyyy

A button is used to create a button with different functions and is also defined by what HTML tags?

<input> and <button> tags

What is the output of this program? <button type="submit"> <img src="Thumbnail.png" alt="buttonpng" width="180" height="100" > </button>

An image that's clickable

Which is the correct syntax for a button that resets the user’s input.

A submit button allows users to submit any data entered in the input field. What is the correct syntax for a submit button?

An audio is defined using the <audio> tag and uses the <source> element for the audio source file. The control attribute is used to add audio controls such as play, pause, and volume. What is the correct syntax of creating an Audio

What is the correct syntax in displaying a video with a thumbnail in HTML?

It enables to draw graphics such as paths, boxes, circles, text, and adding images.

Canvas

What is the correct syntax of a canvas in HTML?

What does CSS Stand for?

Cascading Style Sheet

What is CSS current Version?

CSS3

It describes how a webpage should look in terms of colors, fonts, and spacing among others. It can make the website look whatever the designer wants.

CSS

It is used to change the look and user experience of a webpage by targeting HTML elements and applying different styles such as formatting the text, changing the font, or arranging the layout

CSS

Which statement BEST DESCRIBES the "Cascading" part in Cascading Style Sheets?

The styles are applied in the order they are encountered by the browser, from the top of the style sheet to the bottom.

p { font-size: 30px; color: orange; } Which is the selector in this CSS?

p { font-size: 30px; color: orange; } Which is the property in this CSS?

font-size, color

p { font-size: 30px; color: orange; } Which is the value in this CSS?

30, orange

It refers to when the CSS ruleset is inside the HTML document.

Internal Style Sheet

It refers to when the CSS ruleset is on a separate file.

External Style Sheet

What is the correct syntax in using an External Style Sheet

This CSS property is used to define the font.

font-family

This process happens when the font to be used listed first and followed by others in the order they are to be used.

Font stack

Which is the correct syntax for a Font Stack?

p { font-family: Times New Roman, "Cambria", serif; }

Text can be resized using what CSS property?

font-size

What measurements are used in Sizing text?

px and %

This property allows the application of different boldness to text?

font-weight

This property italicizes text

font-style

This property allows emphasis lines to text.

text-decoration

This property aligns the text horizontally.

text-align

This color method in CSS is a A comma-separated list of the amount of red, green, and blue in a color, ranging from 0 to 255.

RGB

This color method in CSS is a A six-character code that defines the RGB in a color preceded by a #.

Hexadecimal (hex) values

This color method in CSS is a set of predefined names for colors. The easier method to use.

Color names

What is the correct syntax for adding a custom image as a background in CSS?

body{ background-image:url('assets/background.jpg'); }

This refers to how CSS sees every HTML element as if it is in its own box. This “box” consists of borders, paddings, margins, and content.

Box Model

By default, this process occurs when a browser loads a webpage, the boxes flow on the page sequence as it encounters them in the code.

Normal Flow

This can be put on all four sides or put individually on any side. This can also be modified using colors, styles, width, radius, margin, and padding.

Border

This is the property that adds spacing around the content

Margin

This is the property that adds spacing within the elements or white space inside the container

Padding

This Border Style is a three-dimensional border that looks like it is carved into the page

Groove

This Border Style is a three-dimensional border that is opposite of the groove style

Ridge

This Border Style makes content in the border look like it is coming inside of the canvas.

Inset

This Border Style makes content in the border look like it is coming outside of the canvas.

Outset

The Contemporary World Mock test (Prelims)

Xai Alexandrei Delos Reyes · 58 questions · 2 y ago

The Contemporary World Mock test (Prelims)