https://codepen.io/WillieRiis/pen/OrwXzp
On a website, what is the purpose of HTML code?
to format and display the contents of a webpage
What is the difference between an element and a tag?
an html tag is just the opening and closing things you see, an html element has those tags with content in them
Why do we use attributes in HTML elements?
to change the function of an element type
Describe the purpose of the head, title, and body HTML elements.
the head is a container for all of the head elements, the title tag defines the title of the html document, the body element contains the entire content of a webpage
In your browser (Chrome), how do you view the source of a website?
right click and scroll down to "View Page Source"
List five different HTML elements and what they are used for. For example,
indicates a heading on the page anchor creates a link on the page to a different page or to another point on the page paragraph
indicates a paragraph of text on a page unordered list
- representing a list that is used with bullet points
ordered list
- representing a list that is used with numbers
What are empty elements?
html elements that have no content like
What is semantic markup?
something that introduces meaning to the webpage
What are three new semantic elements introduced in HTML 5?
#2
There are three main types of lists in HTML: ordered, unordered, and definition. What are their differences?
ordered lists are used to display things in a certain order, unordered lists are used to group related items in no specific order, and definition lists are used to display name/value pairs such as terms and definitons.
What is the basic structure of an element used to link to another website?
What attribute should you include in a link to open a new tab when the link is clicked?
How do you link to a specific part of the same page?
What is the purpose of CSS? provide Web developers with a standard way to define, apply, and manage sets of style characteristics. What does CSS stand for? What does cascading mean in this case? cascading style sheets, cascading refers to how property values are applied in the context of the parent/child hierarchy of the Web document. Child elements either inherit or override property values bound to their parent elements. What is the basic structure of a CSS rule?
How do you link a CSS stylesheet to your HTML document?
. When is it useful to use external stylesheets as opposed to using interal CSS? when you have to apply the changed style to multiple pages instead of just one Describe what a color hex code is. the composition of a certain color in a specific color space, usually RGB What are the three parts of an HSL color property? hue, saturation and lightness 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? em, ex, percentages
#3================================
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. A margin is the space outside something, whereas padding is the space inside something. the border is the thing around the element For a CSS rule padding: 1px 2px 5px 10px, what sides of the content box does each pixel value correspond to? it goes in a clockwise order so 1px is for the top, 2px is for the right, 5 px is for the bottom and 10px is for the left Describe the different between block-level and inline elements. block level elements will always go to the next line on a webpage but an inline element will fall on the same line as the previous element What is the role of fixed positioning, and why is z-index important in the scenario of using fixed positioning? it always stays in the same place even if the page is scrolled. it can control the importance of each of your stacked elements What is the difference between a fixed and liquid layout? a fixed layout uses the measurements in pixels and the liquid layout will use percentages or em's #4============ In an image element, why is the alt attribute important? it provides soemthing for people to see if the picture hasn't loaded yet or it provides a description of the image for people using the page readers What determines if an image element is inline or block? an image is an inline element but it still has block features like a height at width so it it actually represented as an inline-block What are the benefits of jpg or png image file formats? a jpg will take only what is needed and will scrap everything that isn't. the gif is similar to the jpg in that it has 256 indexed colors but it retains everything, even the stuff that isn't needed and it can be animated What is the benefit of specifying the height and width of images in CSS compared to specifying in the HTML? if you specify it in the css it will apply to all images across all of your pages that are linked to that css document What is an image sprite, and why is it useful? they combine multiple images into a single image for websites and instead of sending each individual image, they send the composite which makes it so the number of HTTP requests is reduced. #5=================== How do you declare a variable? What does the equals sign really mean in JavaScript? What is it called in JavaScript? declare a by using "var", you assign a value to it by using one equals sign There are three big data types in JavaScript: numbers, strings, and booleans. Describe what each of them are. in javascript, Number is a numeric data type in the double-precision 64-bit floating point format. javascript strings store a series of characters. A string can be any text inside double or single quotes: var carname = "Volvo XC60". booleans represent two values, either "true" or "false". If value parameter is omitted or is 0, -0, null, false, NaN, undefined, or the empty string (""), the object has an initial value of false. What are the six rules for naming variables? What are a few JavaScript reserved words that you should avoid using for variable names? All variable names must begin with a letter of the alphabet, an underscore. After the first initial letter, variable names may also contain letters and the digits 0 to 9. No spaces or special characters are allowed. The name can be of any length. Uppercase characters are distinct from lowercase characters. Using ALL uppercase letters are primarily used to identify constant variables. You cannot use a reserved word for a variable name. How can an array be useful when dealing with multiple related values? How do you access/change a value in an array? What is the difference between an expression and a statement? An expression evaluates to a value. A statement does something. Statements represent an action or command What are three types of operators and how are they used? unary, binary, and logical operators #6========================= 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 difference between function parameters and arguments? A parameter is a variable in a method definition. When a method is called, the arguments are the data you pass into the method's parameters. Parameter is variable in the declaration of function. Argument is the actual value of this variable that gets passed to function. What is the keyword return used for? In JavaScript, return statements cease execution in a function and return a value to the caller How are local variables better than global variables? Are there instances you can think of where you might want to use a variable that is globally scoped over local? local variables will only apply to the one function. If you wanted to apply something to all of your functions, global variables would be the way to go