NikBorn/NikBornemeier_Prework

## NikBornemeier_Prework
On a website, what is the purpose of HTML code? It is the Structure
What is the difference between an element and a tag? the tag can either be the starting or ending tag.  The element is both tags
and everything inbetweeen.
Why do we use attributes in HTML elements? to provide additional information about them.
Describe the purpose of the head, title, and body HTML elements. the head is inforamationa about the website, and also contains the title.
The title is what appears in the tab of the web browser.  The body is everything that is on the webpage.
In your browser (Chrome), how do you view the source of a website? Command/Option/I
List five different HTML elements and what they are used for. For example, <p></p> is a paragraph element, and it is used to represent a paragraph of text.
<h1></h1> is the most important heading category.
<aside></aside> is a portion of a website, usually on one side or the other.
<img> is an image tag, it will contain the source code for the image to be displayed, and an alt tag.
<i></i> indicates text that is in italics.

What are empty elements? An element without a closing tag such as <input>
What is semantic markup? does not effect the structure of the website but provides additional information about it.
Waht are three new semantic elements introduced in HTML 5? Use page 431 in the book to find more about these new elements.
<header></header>
<footer></footer>
<article></article>
[MOD 1 Code Pen](http://codepen.io/MileHighNik/pen/mWwyyo)

There are three main types of lists in HTML: ordered, unordered, and definition. What are their differences? Ordered lists are lists
that are numbered, like a receipe or instructions.  An unordered list is a list that has list items start with a bullet point.
definition lists are a list of terms with their definition.
What is the basic structure of an element used to link to another website? <a href="www.espn.com">ESPN</a> . The part of the element
between the quotation marks is the website, the text between the carrots is the text that will be shown on the website.
What attribute should you include in a link to open a new tab when the link is clicked? target="_blank" inside the opening tag.
How do you link to a specific part of the same page? by adding an id sytax to the end of the website portion of the link.

Add to CodePen
Two lists: ordered and unordered.
A link to your GitHub account.
A link to the Turing website.
With the page you created in CodePen, add to it:
Add a color to the text of all of your headings (using hex codes).
For your h1 heading, add a background color.
Make your headings a serif font, and make the paragraph text a sans-serif font.
Change a snipet of paragraph text to be italic using the font-style property (do not use the <i></i> in this case).
Text boxes for each artist (three artists total).
Labels for each text box.
Dropdowns for the genre of each artist.
Submit button.
Add a border and background color to your headings. Pay attention to the contrast between the text and background colors.
Divide your paragraph text into two vertical columns.

What is the purpose of CSS? Style
What does CSS stand for? cascading style sheets What does cascading mean in this case?
What is the basic structure of a CSS rule?
How do you link a CSS stylesheet to your HTML document?
What is it useful to use external stylesheets as opposed to using interal CSS?
Describe what a color hex code is.
What are the three parts of an HSL color property?
In the world of typeface, what are the three main categories of fonts? What are the differences between them?
When specifiying font-size, what are the main three units used?

If you're using an input element in a form, what attribute controls the behavior of that input?
What element is used to create a dropdown list?
If you're using an input element to send form data to a server, what should the type attribute be set to?
What element is used to group similar form items together?

Describe the differences between border, margin, and padding. Border is the edge of the box, margin is the space between the border
and any outside element, padding is the space between the border and any content inside the box.
For a CSS rule padding: 1px 2px 5px 10px, what sides of the content box does each pixel value correspond to? 1 top 2 right 5 bottom 10 left
Descirbe the different between block-level and inline elements. block level elements span the entire width of the screen.
What is the role of fixed positioning, and why is z-index important in the scenario of using foxed positioning?
What is the difference between a fixed and liquid layout? a fixed layout will not change based on screen size, liquid layous will.

In an image element, why is the alt attribute important? it is what shows if the image will not load and also it is used for screen reading devices.
What determines if an image element is inline or block? display
What are the benefits of jpg or png image file formats? jpg's are used for images png's are used for things like icons.

What is the benefit of specifying the height and width of images in CSS compared to specifying in the HTML? yo can adjust the iamge
size in CSS.
What is an image sprite, and why is it useful? A giant image with all of the images on the website on one file.  It only loads once
when the website is first loaded, making the website run faster.

There are three big data types in JavaScript: numbers, strings, and booleans. Describe what each of them are. numbers are numbers, strings are text and numbers,
booleans are true/false.
What are the three logical operators that JavaScript supports?
What is the naming convention used for variables?
What is the difference between an expression and a statement?
What are a few JavaScript reserved words, and why are they important to avoid using them for variable names?
What is control flow, and why is it useful for programming?

If we have a function defined as function sayHello(){console.log("Hello!")}, what is the difference between entering sayHello and sayHello() in the console?
What is the keyword return used for?
What are function parameters?
What is the naming convention used for function names?
	On a website, what is the purpose of HTML code? It is the Structure
	What is the difference between an element and a tag? the tag can either be the starting or ending tag. The element is both tags
	and everything inbetweeen.
	Why do we use attributes in HTML elements? to provide additional information about them.
	Describe the purpose of the head, title, and body HTML elements. the head is inforamationa about the website, and also contains the title.
	The title is what appears in the tab of the web browser. The body is everything that is on the webpage.
	In your browser (Chrome), how do you view the source of a website? Command/Option/I
	List five different HTML elements and what they are used for. For example, <p></p> is a paragraph element, and it is used to represent a paragraph of text.
	<h1></h1> is the most important heading category.
	<aside></aside> is a portion of a website, usually on one side or the other.
	<img> is an image tag, it will contain the source code for the image to be displayed, and an alt tag.
	<i></i> indicates text that is in italics.

	What are empty elements? An element without a closing tag such as <input>
	What is semantic markup? does not effect the structure of the website but provides additional information about it.
	Waht are three new semantic elements introduced in HTML 5? Use page 431 in the book to find more about these new elements.
	<header></header>
	<footer></footer>
	<article></article>
	[MOD 1 Code Pen](http://codepen.io/MileHighNik/pen/mWwyyo)

	There are three main types of lists in HTML: ordered, unordered, and definition. What are their differences? Ordered lists are lists
	that are numbered, like a receipe or instructions. An unordered list is a list that has list items start with a bullet point.
	definition lists are a list of terms with their definition.
	What is the basic structure of an element used to link to another website? <a href="www.espn.com">ESPN</a> . The part of the element
	between the quotation marks is the website, the text between the carrots is the text that will be shown on the website.
	What attribute should you include in a link to open a new tab when the link is clicked? target="_blank" inside the opening tag.
	How do you link to a specific part of the same page? by adding an id sytax to the end of the website portion of the link.

	Add to CodePen
	Two lists: ordered and unordered.
	A link to your GitHub account.
	A link to the Turing website.
	With the page you created in CodePen, add to it:
	Add a color to the text of all of your headings (using hex codes).
	For your h1 heading, add a background color.
	Make your headings a serif font, and make the paragraph text a sans-serif font.
	Change a snipet of paragraph text to be italic using the font-style property (do not use the <i></i> in this case).
	Text boxes for each artist (three artists total).
	Labels for each text box.
	Dropdowns for the genre of each artist.
	Submit button.
	Add a border and background color to your headings. Pay attention to the contrast between the text and background colors.
	Divide your paragraph text into two vertical columns.

	What is the purpose of CSS? Style
	What does CSS stand for? cascading style sheets What does cascading mean in this case?
	What is the basic structure of a CSS rule?
	How do you link a CSS stylesheet to your HTML document?
	What is it useful to use external stylesheets as opposed to using interal CSS?
	Describe what a color hex code is.
	What are the three parts of an HSL color property?
	In the world of typeface, what are the three main categories of fonts? What are the differences between them?
	When specifiying font-size, what are the main three units used?

	If you're using an input element in a form, what attribute controls the behavior of that input?
	What element is used to create a dropdown list?
	If you're using an input element to send form data to a server, what should the type attribute be set to?
	What element is used to group similar form items together?

	Describe the differences between border, margin, and padding. Border is the edge of the box, margin is the space between the border
	and any outside element, padding is the space between the border and any content inside the box.
	For a CSS rule padding: 1px 2px 5px 10px, what sides of the content box does each pixel value correspond to? 1 top 2 right 5 bottom 10 left
	Descirbe the different between block-level and inline elements. block level elements span the entire width of the screen.
	What is the role of fixed positioning, and why is z-index important in the scenario of using foxed positioning?
	What is the difference between a fixed and liquid layout? a fixed layout will not change based on screen size, liquid layous will.

	In an image element, why is the alt attribute important? it is what shows if the image will not load and also it is used for screen reading devices.
	What determines if an image element is inline or block? display
	What are the benefits of jpg or png image file formats? jpg's are used for images png's are used for things like icons.

	What is the benefit of specifying the height and width of images in CSS compared to specifying in the HTML? yo can adjust the iamge
	size in CSS.
	What is an image sprite, and why is it useful? A giant image with all of the images on the website on one file. It only loads once
	when the website is first loaded, making the website run faster.

	There are three big data types in JavaScript: numbers, strings, and booleans. Describe what each of them are. numbers are numbers, strings are text and numbers,
	booleans are true/false.
	What are the three logical operators that JavaScript supports?
	What is the naming convention used for variables?
	What is the difference between an expression and a statement?
	What are a few JavaScript reserved words, and why are they important to avoid using them for variable names?
	What is control flow, and why is it useful for programming?

	If we have a function defined as function sayHello(){console.log("Hello!")}, what is the difference between entering sayHello and sayHello() in the console?
	What is the keyword return used for?
	What are function parameters?
	What is the naming convention used for function names?