HTML and CSS Exam with 100% Correct Answers 2023

HTML and CSS Exam with 100% Correct Answers 2023 What does html stand for? - Correct answer-Hyper Text Markup Language Provide an example of an an HTML 5 tag and the purpose of the tag - Correct answer- footer/footer , it simplified div id= "footer" which most coders were using anyways, and it provided a specific close tag What is the purpose of an HTML comment? - Correct answer-For the coder to be able to write notes to themselves of other coders explaining their code. The browser does not show these comments to the viewer of the site. Before CSS how were HTML tags formatted? Where was the formatting applied? - Correct answer-HTML tags were formatted using attributes which were placed in the open tag EX: p color="red"text/p In what section do you "build" your divs (apply html)? - Correct answer-body /body What do you include in the html tag to let the browser know that you are writing in version 5 of HTML? - Correct answer-!DOCTYPE html What is the tag for an image? - Correct answer-img What is the tag for a link? - Correct answer-a /a What three tags are required in every .html document? - Correct answer-html, head, and body. Show a start tag and end tag in html (use paragraph for an example) - Correct answer- p and /p span class="green" Text Here /span is a rule for: - Correct answer-Text h1, a, or nav (header, footer) represents a rule for (an): - Correct answer-Already pre defined tag on the web (web knows them) span class="green"Text Here/span is a rule which can be applied how many times? - Correct answer-Unlimited div id="text" Links /div is a rule which can be applied how many times? - Correct answer-Once div id="text"Hello World/div is a rule for (a)... - Correct answer-div/box Provide the CSS for moving the div "image" away from the div "content" by 20 pixels THEN, move the text away from the edge of the "content" div by 15 pixels. Place these rules all within in the "content" tag. - Correct answer-#content { margin-top: 20px; } #content p { padding: 15 px; } Prove the correct way to format a div with the id "text", making it 300px wide and 400px tall with an orange background - Correct answer-#text { width: 300px; height: 400px background-color: orange; } div id="text"pbHello World/b My name is Mrs.Cullen/p/div Looking at the tags above which tag is the parent and which are the child tags. - Correct answerParent Tag= #text Child tags= p b If you have three divs which you want to be place next to each other and each div has a left and a right margin of 6% provide the max width of each div (the width must be the same for all divs.) - Correct answer-Each div would have a width of 21% What does CSS stand for and what are the three different types? - Correct answerCascading Style Sheets 1. Inline (listen to first, ex: p color="red"HI!/p 2. Internal (listen to second, ex: style type="text/css" p { color: purple; } /style 3. External (list to third, list the rules in another file, ex: p {color: green;} 4. Browser default (list to fourth, the rules from the Web) Order in which the browser will listen to it: (Closest to the tag) List the four layers of the box model (from inside to out) - Correct answer-Content, padding, border, and margin When you want to move a div what rule do you apply? - Correct answer-margin (space on the outside of the div) By default divs are trained to pile on top of each other especially if they are 100% in width. If you have two divs that you want to sit next to each other that in total equals less than 100% of the body what rule would we apply to the smaller divs? - Correct answer-Float: left or Float: Right Once you insert smaller divs into your page (less than 100% width) the larger divs stop stacking appropriately. What rule do we apply to the larger divs to make the larger divs acknowledge the smaller divs.? - Correct answer-Clear: both; What is the name of the stylesheet which we apply to our page to make our page to make our page ignore all the default CSS rules which are applied by all browsers? - Correct