Friday, OCT-21, 2022
I have read, understood and will comply with the above instructions
<body> element is to hold all of the document's actual content that is meant to be seen or interacted with by the page's visitor.Answer True - A Correct: Anything between the opening and closing
tags is visible to the user by default.
<head> element is that it contains information that helps the browser understand what the page is about, what it should look like, and any other behind-the-scenes information.Answer True - B Correct: The
element contains information that helps the browser understand what the page is about, None of this content is displayed on the webpage.
header nav ul li {
color: white;
}
<li><header><nav><ul>Answer:
B
Answer: Relative pathing A
Answer: A class can be used multiple times on a page, an id can only be used once. C
Answer: A div is a block element, a span is an inline element. A
* selector in CSS selects all HTML elements and applies a style to them.Answer: True A
alt attribute for images?Answer: To provide context for the image D
class-2 attributeAnswer: Add a space between the class names C
displaystaticabsoluterelativeAnswer: relative D Relative positioning allows you to modify the position of a child element in relation to its parent element.
display: flex;display: flex-box;display: box;display: flex-this-box;Answer: display: flex; A Correct: Yes, this is the correct syntax for creating a flexbox. As flexbox was being tested with browsers, it was first implemented using
display: flexboxthen display: box. When it was finally ready for widespread browser adoption,display: flexwas used so it wouldn’t conflict with the other two previous values.
Answer: A CSS keyword to target an element's state. C Correct: A pseudo-class is a CSS keyword that targets an element's state. For example, the
:hoverpseudo-class targets an element when the user hovers over it with their mouse.
Answer: A row (horizontal), with all of the child elements laid out side by side. A Correct: When we apply
display: flexto an HTML element’s layout, it will automatically try to place all of that element’s child items alongside one another horizontally.
justify-content property in CSS?Answer: To align the content of a flexbox A Correct: The
justify-contentproperty is used to align the content of a flexbox. It can be used to align the content of a flexbox to theleft,right,center, or space between the items.
@media screen and (max-width: 768px) {
h1 {
color: #c0ffee;
}
}
<h1> element will have a color of #c0ffee.#c0ffee.Answer: When viewed on a digital screen and the browser is 768px wide or smaller, the
element will have a color of #c0ffee. A
Correct, This media query selects the screen media type and looks for a browser feature of having a max-width of 768px or less. If it does, the style between the curly braces will be applied
z-index property do?Answer: Changes the stacking order of elements. B Correct: The
z-indexproperty changes the stacking order of elements. Elements with a higherz-indexwill appear on top of elements with a lowerz-index.
Answer: The domain name to an IP address. A Correct: A DNS server's takes in a domain name looks up the IP address associated with it and returns it to the client.
<table><tr><th><td>Answer:
<td>. D Correct: The<td>tag is used to define a new cell in a table.
<link rel="stylesheet" src="style.css">
Answer: True. A Correct: The
<link>tag is used to link to an external CSS file.
Answer: To group elements, or mark up a section of text. C Correct: The
<div>and<span>elements are used to group elements, or mark up a section of text.
Answer: True. A
.error { color: yellow; background-color: red; }#error { background-color: yellow; color: red; }.error { background-color: yellow; color: red; }#error { color: yellow; background-color: red; }Answer:
.error { background-color: yellow; color: red; }. C Correct, the class selector is denoted by a period (.) and the id selector is denoted by a hash (#).
Answer: 32 bits. A Correct: IPv4 uses 32-bit addresses, which are written as four numbers, each ranging from 0 to 255, separated by periods.
<div><span><p><author>Answer:
<author>. D Correct: The<author>tag is not a valid HTML tag.
font-weightfont-stylefont-familyfont-sizeAnswer:
font-family. C Correct: Thefont-familyproperty determines the font (e.g. Arial, Tahoma) a text element is displayed in.
<head> section<body> section<div> sectionAnswer: In the
<head>section. A Correct: An internal style sheet is located in the<head>section of an HTML document.
div { } What kind of simple selector is used in the above snippet?Answer: Element. C Correct: The element selector selects all elements of the specified type.
Answer: TRUE. A Correct: The class selector is denoted by a period (.) and the id selector is denoted by a hash (#). The id selector overrides the class selector.
spacemarginpaddingHTMLAnswer:
margin. B Correct: Themarginproperty is used to create space outside the border of an element.
a:linka:mouseovera:visiteda:hoverAnswer: A hover
a:hover. D Correct: Thea:hoverselector is used to change the style of a link when the mouse cursor is over it.
Answer Inline style > Internal style > External style. A Correct: Inline style > Internal style > External style
flex-directionflex-wrapflex-flowalign-contentAnswer:
flex-direction. A Correct: Theflex-directionproperty defines in which direction the container wants to stack flex items.
Answer: Hyper Text Transfer Protocol. B Correct: HTTP stands for Hyper Text Transfer Protocol.
<link rel="stylesheet" type="text/css" href="mystyle.css"><stylesheet>mystyle.css</stylesheet><style src="mystyle.css"><link rel="style-sheet" type="text/css" href="mystyle.css">Answer:
<link rel="stylesheet" type="text/css" href="mystyle.css">. A Correct: The<link>tag is used to link to external style sheets.
<a src="http://www.w3schools.com">W3Schools.com</a><a name="http://www.w3schools.com">W3Schools.com</a><a href="http://www.w3schools.com">W3Schools.com</a><a url="http://www.w3schools.com">W3Schools.com</a>Answer:
<a href="http://www.w3schools.com">W3Schools.com</a>. C Correct: The<a>tag defines a hyperlink, which is used to link from one page to another.
font-styletext-decorationtext-transformall of the aboveAnswer:
all of the above. D Correct: All of the above are valid CSS properties.
Answer: A forward slash /. A Correct: The forward slash (/) is used to indicate an end tag.
> This is a comment // This is a comment //> This is a commentThis is a commentAnswer: A Correct: HTML comments start with
>and end with.
<input type="textfield"><input type="text"><textfield><textinput type="text">Answer:
<input type="text">. B Correct: The<input>tag is used to create interactive controls for web-based forms in order to accept data from the user.
<checkbox><input type="check"><check><input type="checkbox">Answer:
<input type="checkbox">. D Correct: The<input>tag is used to create interactive controls for web-based forms in order to accept data from the user.
<input type="list"><list><select><input type="dropdown">Answer:
<select>. C Correct: The<select>tag is used to create a drop-down list.
<textarea><input type="textarea"><input type="textbox"><textbox>Answer:
<textarea>. A Correct: The<textarea>tag is used to create a multi-line text input control.
<ol><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>
<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ol>
<ol><li>Item 1</li><li>Item 2</li><li>Item 3</li></ol>
<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>
Answer:
<ol><li>Item 1</li><li>Item 2</li><li>Item 3</li></ol>. C
Correct: The <ol> tag defines an ordered list. Each list item must be placed between an <li> tag. The <li> tag defines a list item.
Answer: False. B Correct: Block elements are normally displayed without starting a new line.
Answer: True. A Correct: A wireframe is a visual guide that represents the skeletal framework of a website.