HTML, CSS, and Javascript for Web Developers Practice Exam
Call Kai
Learn
Practice Test
Spaced Repetition
Match
Flashcards
Knowt Play1/54
Earn XP
Description and Tags
Flashcards covering the fundamentals of HTML, CSS, and Javascript for web development based on lecture notes and exam prep questions.
Name | Mastery | Learn | Test | Matching | Spaced | Call with Kai |
|---|
No analytics yet
Send a link to your students to track their progress
55 Terms
In order to install Browser Sync, what must be installed first?
NodeJs
What is the core purpose of HTML that distinguishes it from a pure text file?
To communicate the structure of the content
Is the W3C (World Wide Web Consortium) the only organization that dictates how browsers should implement HTML5?
False
How does WHATWG approach the versioning of HTML?
They do not version HTML; for them, it is not HTML5, it's just HTML.
What is the only requirement for an HTML5 element?
It must have an opening tag.
List three valid ways to specify an HTML5 document declaration.
<!DOCTYPEhtml>, <!doctypehtml>, and <!DocTyPehtML>
What happens if a developer does not specify the HTML5 declaration in a document?
The page will be interpreted in quirks mode
True or False: Browsers always interpret HTML sequentially from top to bottom.
True
Do meta tags communicate information about the browser to the web server?
False
What does 'Quirks Mode' signify in a web browser?
The browser assumes the page does not follow modern HTML/CSS standards and uses legacy behavior for rendering.
How many lines of text will be shown in the browser for the snippet provided (from 'Dear all' to 'Definitely not Yaakov')?
4
Why is the snippet 'I love
A block-level element (<div>) is nested inside an inline-level element (<span>).
What is one primary purpose of HTML Character Entity References?
To allow the browser to display characters that would otherwise be interpreted as HTML code.
Using only HTML, how can you ensure three words always appear together on one line regardless of word-wrapping?
Place the entity reference after the first and second words with no spaces between words and the entity.
How do you force a browser to open a link in a new window or tab?
Include the target=b′lank′ attribute within the <a> tag.
True or False: Using an ID attribute on an element, such as
True
Is it considered good practice to use width and height attributes on an 'img' tag even if they are not required?
True
What is the definition of a stylesheet?
A collection of CSS rules
True or False: CSS rules are restricted to only one property/value pair.
False
True or False: A CSS rule can only be applied to one selector at a time.
False
How much horizontal space does a block-level element attempt to occupy by default?
As much horizontal space as its containing element will allow.
What is the primary benefit of placing CSS styles in an external file?
It allows the same styles to be shared across multiple HTML pages.
Are pixels classified as absolute or relative units of measurement?
Absolute
If the body font-size is set to 30px and a div inside it is set to 3em, what is the resulting pixel size of the div text?
90px
Calculate the rendered width (including padding and border) of a div with: padding 10px, margin 10px, width 100px, and border 10px.
140px
What is the rendered width of the same div (padding 10px, margin 10px, width 100px, border 10px) if box-sizing is set to border-box?
100px
True or False: A right margin of one element touching a left margin of another results in a combined margin equal to the sum of both.
False
What is the resulting margin between two divs where the top div has margin-bottom: 10px and the bottom div has margin-top: 20px?
20px
What is the result of using 'background-color: blue;' followed by the shorthand 'background: url('mypicture.jpg');' on the same element?
Just the image will be seen.
Does floating an element remove it from the regular document flow?
True
What does the CSS rule 'section { clear: right; }' dictate?
It signifies that none of the section elements should allow anything to float to the right of them.
Does setting 'position: relative;' on an element take it out of the regular document flow?
False
True or False: By default, ALL HTML elements have their position property set to static.
False
Will the styles within '@media (min-width: 768px) and (max-width: 991px)' apply if the browser window is exactly 991px wide?
False
True or False: The standard approach to media queries involves providing base styling and then adding/changing them within each query.
False
How many columns are typically used in responsive framework grid layouts?
12
In a 12-grid layout, what is the width percentage of a single cell?
8.33% (100/12)
What is the function of the meta tag with 'name="viewport"' and 'initial-scale=1'?
It tells the browser to treat the device width as the real screen width and sets the zoom level to 100%, preventing automatic zooming.
What does the Bootstrap class 'col-md-6' represent?
The element stretches to 50% of the screen width and collapses/stacks below the 'md' (medium) transition width.
Is the Bootstrap Grid required to be defined inside a parent with the class 'container' or 'container-fluid'?
True
True or False: In a website project, you should move to coding HTML/CSS immediately and then show the views to the client for approval.
False
How does the 'container-fluid' class behave regarding browser width?
It stretches to the full width of the browser window (minus margins) and adjusts dynamically as the window width changes.
In a Bootstrap collapse component, what must the 'id' of the menu div match to be triggered by a button with 'data-target="#collapsable-nav"'?
collapsable-nav
If a Bootstrap row contains three divs with the class 'col-md-4 col-sm-6', how many columns will be produced on a 1,000px wide screen?
3
What Bootstrap class is used to show an element only when the browser width is below 768px (extra small)?
visible-xs
True or False: Javascript is always executed sequentially.
True
Is the tag '
No, it is missing a closing tag, which must always be present.
What is a Javascript object?
A collection of name/value pairs.
What is the primary difference between the strict equality operator (===) and the regular equality operator (==)?
Strict equality checks if the types are the same first; if not, it returns false without trying to coerce the values.
How many times will 'Hello' be logged if the condition is: '( (null) || (console.log("Hello")) || x > 5 )' where x is 10 and the block also contains console.log("Hello")?
2
Is defining a variable as an Object Literal generally faster and easier than using 'new Object()'?
True
What is the result of a Javascript closure where a multiplier of 10 is passed to a function that later multiplies its input by that value, and the input provided is 10?
100
True or False: Javascript doesn't allow anything to be passed by reference.
False
What is the value of 'y' if 'var x = 5; var y = x; x = 10;' is executed?
5
In Javascript, if 'Max' is passed as the name to a Dog constructor and bark is added to Dog.prototype, what is the output of max.bark()?
Max likes barking! Bark!