Week 3 - Client-side Technologies (HTML, JavaScript, CSS,
XML) || 100% Errorless Solutions.
True or False? HTML is a programming language. correct answers False. HTML is a markup
language that tells the browser how to arrange elements .
What is an element? correct answers Any individual component of an HTML webpage or
document. Opens and closes with a start and end tag.
What is a tag? correct answers Specifies the beginning and end of an element. Opens with '<'
(start) or '</' (end) and closes with '>'. A start tag and its corresponding end tag will have the
same content in the middle.
Ex.
<myTag>The element text</myTag>
True or False? There is no such thing as a self-closing tag in HTML. correct answers False.
Ex. <self-closing/>
What are attributes? correct answers Qualities attached to an element. Come in name-value pairs.
- Ex. href = "www.google.com"
What is the difference between a block element and an inline element? What are examples of
each? correct answers A block element creates a new line and takes up the entire width of the
page.
- Ex. <p>, <li>, <div>
An inline element does not create a new line and takes up only as much space as necessary.
- Ex. <a>, <span>, <input>
More details and examples: https://www.w3schools.com/htmL/html_blocks.asp
What is the first tag in every HTML5 document? correct answers <!DOCTYPE html>
Which tag in HTML establishes the root element which wraps all content on the page? correct
answers <html>
What are the differences between <head> and <body>? correct answers <head> contains the
metadata of the page, such as the name of the page (<title>), the internal CSS to be used
(<style>), and references to external CSS (<link>). These should not be rendered on the page.
JavaScript code in <head> runs before anything is rendered on the page.
<body> contains the content of the page and should contain all other tags than the ones above.
These should be rendered on the page. JavaScript code in <body> executes as it is read and as
the page is rendered.
, More details: https://stackoverflow.com/questions/6303490/whats-the-difference-between-html-
head-and-body-tags
What is the DOM? correct answers Document Object Model - what an HTML document that is
loaded into the browser becomes. It provides a structured representation of the document as
nodes and objects. Gives a way the structure can be manipulated by programs (e.g. JavaScript) in
order to change style and content.
Also see image.
What is CSS? What are the advantages of using it? correct answers Cascading Style Sheets. It
describes the style of an HTML document and how HTML elements should be displayed.
We use it because it:
-helps HTML display elements.
-makes HTML more accessible, intuitive, and overall user-friendly.
-separates design from development.
What are the three different ways of incorporating CSS into your HTML document? Give
examples. correct answers 1. Inline - inside of an element
- Ex. <h1 style="color:pink">
2. Internally - inside a style tag
- Ex. <style>my css </style>
3. Externally - a link to another CSS file
- Ex. <link rel="stylesheet" href="coolstyle.css">
CSS is applied in the order of specificity. According to that order, which way of implementing
CSS has the highest specificity? correct answers Inline.
More details: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
What are three common ways of selecting elements in CSS? correct answers 1. By ID -
#myClassID{code}
2. By Class - .myClass{code}
3. By Element - elementName{code}
More ways: https://www.w3schools.com/cssref/css_selectors.asp
What is Bootstrap? correct answers A Web design framework made by professional designers
from Twitter that provides ready-made CSS as well as JavaScript components to create
responsive web sites.
What is JavaScript? correct answers A multi-paradigm programming language that allows for
objects and functional programming. Also a client-side programming language, so is able to be
run in a web browser. Used to program behavior of web pages.
XML) || 100% Errorless Solutions.
True or False? HTML is a programming language. correct answers False. HTML is a markup
language that tells the browser how to arrange elements .
What is an element? correct answers Any individual component of an HTML webpage or
document. Opens and closes with a start and end tag.
What is a tag? correct answers Specifies the beginning and end of an element. Opens with '<'
(start) or '</' (end) and closes with '>'. A start tag and its corresponding end tag will have the
same content in the middle.
Ex.
<myTag>The element text</myTag>
True or False? There is no such thing as a self-closing tag in HTML. correct answers False.
Ex. <self-closing/>
What are attributes? correct answers Qualities attached to an element. Come in name-value pairs.
- Ex. href = "www.google.com"
What is the difference between a block element and an inline element? What are examples of
each? correct answers A block element creates a new line and takes up the entire width of the
page.
- Ex. <p>, <li>, <div>
An inline element does not create a new line and takes up only as much space as necessary.
- Ex. <a>, <span>, <input>
More details and examples: https://www.w3schools.com/htmL/html_blocks.asp
What is the first tag in every HTML5 document? correct answers <!DOCTYPE html>
Which tag in HTML establishes the root element which wraps all content on the page? correct
answers <html>
What are the differences between <head> and <body>? correct answers <head> contains the
metadata of the page, such as the name of the page (<title>), the internal CSS to be used
(<style>), and references to external CSS (<link>). These should not be rendered on the page.
JavaScript code in <head> runs before anything is rendered on the page.
<body> contains the content of the page and should contain all other tags than the ones above.
These should be rendered on the page. JavaScript code in <body> executes as it is read and as
the page is rendered.
, More details: https://stackoverflow.com/questions/6303490/whats-the-difference-between-html-
head-and-body-tags
What is the DOM? correct answers Document Object Model - what an HTML document that is
loaded into the browser becomes. It provides a structured representation of the document as
nodes and objects. Gives a way the structure can be manipulated by programs (e.g. JavaScript) in
order to change style and content.
Also see image.
What is CSS? What are the advantages of using it? correct answers Cascading Style Sheets. It
describes the style of an HTML document and how HTML elements should be displayed.
We use it because it:
-helps HTML display elements.
-makes HTML more accessible, intuitive, and overall user-friendly.
-separates design from development.
What are the three different ways of incorporating CSS into your HTML document? Give
examples. correct answers 1. Inline - inside of an element
- Ex. <h1 style="color:pink">
2. Internally - inside a style tag
- Ex. <style>my css </style>
3. Externally - a link to another CSS file
- Ex. <link rel="stylesheet" href="coolstyle.css">
CSS is applied in the order of specificity. According to that order, which way of implementing
CSS has the highest specificity? correct answers Inline.
More details: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
What are three common ways of selecting elements in CSS? correct answers 1. By ID -
#myClassID{code}
2. By Class - .myClass{code}
3. By Element - elementName{code}
More ways: https://www.w3schools.com/cssref/css_selectors.asp
What is Bootstrap? correct answers A Web design framework made by professional designers
from Twitter that provides ready-made CSS as well as JavaScript components to create
responsive web sites.
What is JavaScript? correct answers A multi-paradigm programming language that allows for
objects and functional programming. Also a client-side programming language, so is able to be
run in a web browser. Used to program behavior of web pages.
