Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 6, Problem 1MC
Program Description Answer
The components of the box model from outermost to innermost are margin, border, padding and content.
Hence, the correct option is “A”.
Expert Solution & Answer
Explanation of Solution
Explanation:
Box model:
Each HTML elements is considered as “boxes”. In Cascading Style Sheet, the word box model is used while discussing about design and layout.
It is basically a box, which wraps every element in a document; the components of the box model from outermost to innermost are:
- Margin
- Border
- Padding
- Content
Margin:
Margin is one of the components of box model. It defines an empty space between an element and any adjacent elements.
It is always transparent; hence the page background color or parent element shows in this area.
Border:
The border is an area between the content and the margin areas. The value of the default border is “0” that does not displayed on the page.
- Using “border property”, user can configure an element’s border.
Content:
It is an area, contains a combination of both text and HTML elements such as headings, images, list and so on.
It does not contain any other components like margin, border and padding.
Padding:
The padding is an area between the content and the border areas. The default value of padding is “0”.
Using “padding property”, user can configure an element’s padding.
Explanation for incorrect options:
b)
The given listed components are from innermost to outermost of the box model.
Hence, the option “B” is wrong.
c)
The given listed components are not from the outermost to innermost of the box model. The correct components are margin, border, padding and content.
Hence, the option “C” is wrong.
d)
The given listed components are not from the outermost to innermost of the box model. The correct components are margin, border, padding and content.
Hence, the option “D” is wrong.
Want to see more full solutions like this?
Subscribe now to access step-by-step solutions to millions of textbook problems written by subject matter experts!
Students have asked these similar questions
Your completed assignment should contain all of the following:
■ Your color scheme's name should be set as the table's header. It should have one
or more font styles applied to it to differentiate it from other text in the table.
▪ You should list each color name, with each cell having its color set as its
background color.
■ Include cells that give each color's hex value.
■ Include cells that give each color's rgb value.
▪ Include cells that give each color's hsl value.
▪ Your HTML table should be logically and properly constructed.
Q6/ You have a power point presentation with name of "Petroleum Engineering" consists of 8 slides,
do the following:
a. Insert a new slide between the second and the third slide.
b. Open this power point presentation then save it under a new name of "Chemical
Engineering" on the same location.
c. Delete the fourth slide.
d. Move the third slide to a new location between the seventh slide and the eighth slide.
Please answer:
2,3,4,5,6,7,8,10
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 6.4 - Prob. 1CPCh. 6.4 - Prob. 2CPCh. 6.4 - Prob. 3CPCh. 6.15 - Prob. 1CPCh. 6.15 - Prob. 2CPCh. 6.15 - Prob. 3CPCh. 6 - Prob. 1MCCh. 6 - Prob. 2MCCh. 6 - Prob. 3MCCh. 6 - Which of the following configures a class called...
Ch. 6 - Prob. 5MCCh. 6 - Prob. 6MCCh. 6 - Prob. 7MCCh. 6 - Prob. 8MCCh. 6 - Prob. 9MCCh. 6 - Prob. 11FIBCh. 6 - Prob. 12FIBCh. 6 - The ____________ is always transparent.Ch. 6 - Prob. 14FIBCh. 6 - Prob. 15FIBCh. 6 - Prob. 1AYKCh. 6 - Prob. 2AYKCh. 6 - Prob. 3AYKCh. 6 - Prob. 1HOECh. 6 - Prob. 2HOECh. 6 - Prob. 3HOECh. 6 - Prob. 4HOECh. 6 - Prob. 5HOECh. 6 - Prob. 6HOECh. 6 - Prob. 7HOECh. 6 - Prob. 8HOECh. 6 - Prob. 9HOECh. 6 - Prob. 10HOE
Knowledge Booster
Similar questions
- Create below table and set the background color to 'red' and text color to 'blue'.arrow_forwardQ2: Create table as below and shading the first row. Insert an Octagon and write your name in the center Day/ Sunday Monday Tuesday Wednesday | Computer | Science Friday Period I Period II Period IVv | Period V |Science Computer | Math Math English |Computer | English Computer | Science English Computer | Math Science English Math Math Science English > Create margin at the top & bottom 1.1 inch and right & left 1.5 inch > Create landscape orientation & A4 paper size > Insert Period III column after Period II > Insert Thursday row bellow Wednesday row > Insert page number center align and Arial font > Insert watermark "Hello world" > Table font "Times new roman" and 13 sizearrow_forwardHow do I get my code to match the requirements in the picture? * {box-sizing: border-box;} body {background-color: #3F2860;font-family: Verdana,Arial, sans-serif;color:#3F2860;margin: 0px;padding: 0px;} #wrapper {background-color:#F5F5F5;width:100%;min-width:0px;max-width : 1540px;margin-left : auto;margin-right : auto;margin: 0px;color:#3F2860;padding: 0px;} #main {margin-left:170px;padding-top:1em;padding-right:2em;Padding-left:1em;background-color:#F5F5F5;height: 500px;} h2{margin-top:0px;text-align: center;} p,h3{ text-align: center; } #nav{ float:left;height:500px;width:25%;position:relative;width:160px;padding:1em;} #hero { text-align: left; margin-left: 10%;} #ylp { float: center; background-repeat: no-repeat; background-position: right; height: 300px; width: 90%; margin-left: 1%;} #image {float:left;width:30%;position:relative;} span{ margin-left: 40px; font-size: small;} #des{ float: right; width: 70%; position: relative;} #mathero { height:…arrow_forward
- Create table as below and shading the first row. Insert an Octagon and write your name in the center Day / Sunday Monday Tuesday Wednesday | Computer | Science Friday Period I Period II | Period IV | Period V |Computer English |Computer | Science English Computer| Math Science |English Computer | Math Math Science English Math Math Science |English > Create margin at the top & bottom 1.1 inch and right & left 1.5 inch > Create landscape orientation & A4 paper size > Insert Period II column after Period II > Insert Thursday row bellow Wednesday row > Insert page number center align and Arial font > Insert watermark "Hello world" > Table font "Times new roman" and 13 sizearrow_forwardWhat is the difference between style sheets and themes?arrow_forwardPlease help, I just posted this question and got the wrong answer to it. This assignment is not graded, I just need to understand how to do it. all the information to the problem is in the screenshots and the code that is given is written below. please just follow the technical requirements, Thank you! 12 code files (Your 4 shape headers, your 4 shapeimplementations, Shape header, Shape Implementation, ShapeType header, and the main.cpp files) four files are given to start the assignment and 8 more are needed, 4 shape headers and 4 shape implementations. Problem DescriptionLet us create an interface where a user can select one of four shapes: circle, square, rectangle, or triangle. The user then enters information about the selected shape (for example, radius for circle, width and length for rectangle, etc.). Then the program displays information about the shape (perimeter and area). Use the following equations for calculation of perimeter and area. Circle: P = 2*pi*r, A = pi * r2…arrow_forward
- Match the following flex-flow declarations with the resulting flexboxes given in table 2. Table 2: flexboxes A. flex-flow: row wrap; Figure No Figure B. flex-flow: column 1. 1 2 3 4 5 6 nowrap; C. flex-flow: row wrap- reverse; D. flex-flow: column wrap- 2. 5 6 reverse; 3 4 E. flex-flow: row nowrap; 1. 3. 2 3 4 4. 2 3 4 5 5. 4 1. 3 2.arrow_forwardHow Do I Write My Style Sheet So That It Gracefully Cascades With User S Personal Sheet ?arrow_forwardLook at the code given in table1, Write style rules for displaying the flexboxitems in the order shown in Figure 1. Where thewidth and height of each flexbox item is 50px and40px respectively. Each item has a 1px solid black color border and for the background color, the valueof the color is #4682B4,arrow_forward
- Please help mearrow_forward⦁ Create a new blank spreadsheet⦁ Save the document as Lab 6.0⦁ Merge and center cells A1: I1 ⦁ In cell A1 Type: CIT 105 Lab 6.0⦁ Make the following changes to CIT 105 Lab 6.0 ⦁ Bold CIT 105 Lab 6.0⦁ Change the font size to 16⦁ Change the font color to red⦁ Merge and center cells A2:I2⦁ Make the following changes to A2⦁ Type EARNINGS in cell A2⦁ Bold EARNINGS⦁ In A3 type: Occupation⦁ In B3 type: Median Pay⦁ In F3 type: Income⦁ In I3 type: After Taxes⦁ In A4 type the name of the occupation you hope to obtain (HINT: use the one you researched on Occupation Outlook Handbook) (Data Analyst) ⦁ In B4 enter the median pay for that occupation on the Occupation Outlook Handbook⦁ In F4 enter: Yearly Pay⦁ In F5 enter: Monthly Pay⦁ In F6 enter: 2-WK Pay⦁ In F7 enter: 1-WK Pay⦁ In F8 enter: Daily Pay⦁ In F9 enter: Hourly Pay⦁ Merge and center A11:I11⦁ In A11 enter: Budget⦁ Bold Budget⦁ In A12:A21 create the list…arrow_forwardBelow the main element, add a comment with the text Footer. Below the comment, add a footer element that includes a class attribute with a value to make a fluid jumbotron, center align text, and padding of 5. Nest the following div element within the footer element: <div class="container text-white"> <p>© Copyright 2021. All Rights Reserved.</p> <p><a href="mailto:contact@wildrescues.net" class="text-white">contact@wildrescues.net</a></p> <a href="https://www.facebook.com" target="_blank"><img src="images/facebook-logo.png" alt="white Facebook logo" class="pr-4"></a> <a href="https://twitter.com" target="_blank"><img src="images/twitter-logo.png" alt="white Twitter logo"></a> </div> Need to Add the footer element with the required class selectors. The index.html is: <footer> <!-- Footer --> <footer…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L