Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 2, Problem 11FIB
Program Description Answer
Strong element is used for configuring the text to have strong importance and to display it in a bold font weight.
Hence, the answer is “strong”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
what I have so far
<!DOCTYPE html><html lang="en">
<style>
body{margin: 0;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background-color: #556271;color: white;}h1{color: #fe6a67;text-align: center;font-weight: normal;text-transform: uppercase;border-top: 1px dotted #d4dccd;margin-top: 30px;}h2{font-size: 1em;text-align: center;}
body{margin: 0;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
h1{width: 2px;border-top: 1px dotted;border-top-color: #506D84;}
h2{text-align: center;}
</style>
<head><link rel="stylesheet" href="style.css"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.first>h2, .second>h2, .third>h2 {margin-top: 10px;margin-bottom: 10px;}
.image {width: 200px;}</style></head>
<body><div class="first"><h2>Cursus…
what I have so far
<!DOCTYPE html><html lang="en">
<style>
body{margin: 0;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #556271;color: white;}h1{color: #fe6a67;text-align: center;font-weight: normal;text-transform: uppercase;border-top: 1px dotted #d4dccd; margin-top: 30px;}h2{font-size: 1em;text-align: center; }
body{ margin: 0;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
h1{width: 2px;border-top: 1px dotted; border-top-color: #506D84;}
h2{ text-align: center; }
</style>
<head><link rel="stylesheet" href="style.css"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.first>h2, .second>h2, .third>h2 {margin-top: 10px;margin-bottom: 10px;}
.image {width: 200px;}</style></head>
<body><div…
Question
what I have so far
<!DOCTYPE html>
<html lang="en">
<style>
body{
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #556271;
color: white;
}
h1{
color: #fe6a67;
text-align: center;
font-weight: normal;
text-transform: uppercase;
border-top: 1px dotted #d4dccd;
margin-top: 30px;
}
h2{
font-size: 1em;
text-align: center;
}
body{
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h1{
width: 2px;
border-top: 1px dotted;
border-top-color: #506D84;
}
h2{
text-align: center;
}
</style>
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.first>h2, .second>h2, .third>h2 {
margin-top: 10px;
margin-bottom: 10px;
}
.image {
width: 200px;
}…
Chapter 2 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 2.6 - Prob. 1CPCh. 2.6 - Prob. 2CPCh. 2.6 - Prob. 3CPCh. 2.14 - Prob. 1CPCh. 2.14 - Prob. 2CPCh. 2.14 - Prob. 3CPCh. 2.17 - Prob. 1CPCh. 2.17 - Prob. 2CPCh. 2.17 - Prob. 3CPCh. 2 - Prob. 1MC
Ch. 2 - Prob. 2MCCh. 2 - Prob. 3MCCh. 2 - Prob. 4MCCh. 2 - Prob. 5MCCh. 2 - Prob. 6MCCh. 2 - Prob. 7MCCh. 2 - Prob. 8MCCh. 2 - Prob. 9MCCh. 2 - Prob. 10MCCh. 2 - Prob. 11FIBCh. 2 - ___________ can be used to display characters such...Ch. 2 - Prob. 13FIBCh. 2 - Prob. 14FIBCh. 2 - Prob. 15FIBCh. 2 - Prob. 16SACh. 2 - Prob. 1AYKCh. 2 - Prob. 2AYKCh. 2 - Prob. 3AYKCh. 2 - Prob. 1HOECh. 2 - Prob. 2HOECh. 2 - Prob. 3HOECh. 2 - Prob. 4HOECh. 2 - Prob. 5HOECh. 2 - Prob. 6HOECh. 2 - Prob. 7HOECh. 2 - Prob. 8HOECh. 2 - Prob. 9HOECh. 2 - Prob. 10HOECh. 2 - Prob. 1FWD
Knowledge Booster
Similar questions
- The following style rules should be added to styles.css: The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif The heading "Comparison of Dealer Incentives and Loan Offers" should be 16px font using color #444444 and have centered text Define a container class whose contents is centered, has a 5 pixel margin, and defines a font size of 13px Each offer is defined in a <div> tag with the class offer. Define the offer class such that: Each offer is displayed inline-block, with a fixed width of 400 pixels, a 4 pixel margin, and centered text Each offer has a 1 pixel solid border using color #cccccc with a radius of 1 pixel Each offer uses a shadow defined as: box-shadow: 0px 2px 2px #dddddd, 0px 0px 5px #dddddd; The offer title is defined in a <div> tag with offerTitle class. Define the offerTitle class such that: The title uses 14px bold font with color #ffffff The title's background is colored #00b3b3 The title has no margin and 15…arrow_forward66) Use the GIVEN HTML documents to answer the following questions: <!Doctype html> <html> <head> <title>page Title</title> <style> .box { Width: 5rem; Height: 5rem; Background -color : red; Opacity: 0; Animation: transparency 3s linear 1s infinite alternate - reverse } #keyframe transparency { From Capacity: 0; Capity:1; } </style> </head> <body> <div class “box”></div> </body> </html> What will the animation be rendered using this code? The animation will flow in the reverse direction. The animation will toggle between normal and reverse direction, starting with normal. The animation will flow in the normal direction. The animation will toggle between reverse and normal direction, starting with reverse.arrow_forwardQ.1 (Microsoft) Create the following paragraph and apply the following fromats. ''The brand emerged on the Uganda television market in 2018, it`s located in Mawanda road, Kampala, Uganda and it`s privately owned by bent and nada Anderson'' i. Change the first line to toggle case, front: Times new Roman,front size to 22 and font style bold italic ii. add page number iii. shade the second line with Blue iv. Double space the paragraph v. Strike through the first line vi. Insert a horzontal watermark in your document. vii. Right align all sentences viii. change the paragraph to toggle casearrow_forward
- Copy the code below, and add embedded (internal) styles so that it looks like the image below. You will need the following colours: #E5F4E1 and #017B1B. Use any image you like for dogs.jpg. (you do not need to submit your image, you only need to submit your code). <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 80px; } article { width: 360px; font-family: sans-serif; } </style> </head> <body> <article> <div class="header"> <h2>Amazing facts about dogs</h2> </div> <div> <img src="images/dogs.jpg" alt="dogs"> <p>Did you know that dogs can only see two colours and can smell cancer and diabetes?</p> <p>And they can learn over 100 words and gestures!</p> <a href="dogs.html">More fun facts</a> </div> </article> </body> </html>arrow_forwardPlease show me how to add the following into my code: 1. Make your design responsive. Add the viewport meta tag, make all images flexible, use a fluid layout, and configure media queries with appropriate style rules for mobile and tablet design.arrow_forwardi need help with the LAB CSS and html practice The orange section: has a background color of "orange" is positioned at (110px, 200px) with absolute positioning has a 200 pixel width has a 10 pixel padding The orange-red section: has a background color of "rgb(255, 80, 0)" has white text floats to the right has a 200 pixel width has a 10 pixel padding has a right margin of 40 pixels, a top margin of 20 pixels, and all other margins set to 0arrow_forward
- Provide html and css seperately <!DOCTYPE html> <html lang="en"> <style> body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #556271; color: white; } h1{ color: #fe6a67; text-align: center; font-weight: normal; text-transform: uppercase; border-top: 1px dotted #d4dccd; margin-top: 30px; } h2{ font-size: 1em; text-align: center; } body{ margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } h1{ width: 2px; border-top: 1px dotted; border-top-color: #506D84; } h2{ text-align: center; } </style> <head> <link rel="stylesheet" href="style.css"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .first>h2, .second>h2, .third>h2 { margin-top: 10px; margin-bottom: 10px; } .image { width: 200px; }…arrow_forwardI need help with The following style rules should be added to styles.css: The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif The heading "Comparison of Dealer Incentives and Loan Offers" should be 16px font using color #444444 and have centered text Define a container class whose contents is centered, has a 5 pixel margin, and defines a font size of 13px Each offer is defined in a <div> tag with the class offer. Define the offer class such that: Each offer is displayed inline-block, with a fixed width of 400 pixels, a 4 pixel margin, and centered text Each offer has a 1 pixel solid border using color #cccccc with a radius of 1 pixel Each offer uses a shadow defined as: box-shadow: 0px 2px 2px #dddddd, 0px 0px 5px #dddddd; The offer title is defined in a <div> tag with offerTitle class. Define the offerTitle class such that: The title uses 14px bold font with color #ffffff The title's background is colored #00b3b3 The title has no…arrow_forwardI need to make this code look like the image I am sending. I've attached a photo of the directions and what the outcome should be. <!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <title>Complete a Form</title> <style> * { margin: 0; padding: 0; } body { font: 87.5% Arial, Helvetica, sans-serif; width: 500px; margin: 20px auto; padding: 20px; border: 2px solid blue; } h1 { color: blue; font-size: 140%; } h2 { font-size: 115%; padding: .5em 0; } label { color: blue; float: left; width: 8em; font-weight: bold; text-align: left; } input { width: 15em; margin: 0 0 .5em 1em; } #button, #reset {…arrow_forward
- I am having trouble getting these borders to ling up, specifically my atempts at centering my nav list have warped the layout. Any suggestions would ber welcomed.Without the 'ul' styles the left and right section borders looks as planned. /* HTML Styles */ html { background-color: black; border: 10px solid white; } /* Page Body Styles */ body { font-family: 'Times New Roman', Times, serif; color: white; } /* Body Header Styles */ h1 { width: 1895px; text-align: center; } ul { margin: 10px; width: 900px; } ul li { display: block; width: 120px; float: left; margin-left: 2px; border: 10px solid gray; } ul a { display: block; padding: 3px; text-decoration: none; color: white; text-align: center; } nav a:hover { color: #98ff98; } nav a:visited { color: gray; } /* Article Styles */ /* Section Styles */ section#leftColumn { column-count: 1; float: left; text-align: center; border: 10px solid gray; width:…arrow_forwardi cant seem to find the problem, im only using notepad. i need to recreate this. this is my code. <html><head><meta name="viewport" content="width=device, initial-scale= 1.0"><style type= "text/css">*{margin: 0;padding: 0;font-family: 'Roboto' sans-serif;}body{background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('https://www.fatima.edu.ph/wp-content/uploads/2018/11/OLFU-Quezon-City-Campus-Drone-1024x576.png');background-position: center;background-size: cover;} .container{width: 100%height: 100vh;padding-left: 8%;padding-right: 8%;box-sizing: border-box;} .navbar{height: 12%;display: center;align-items: center;} .logo{width: 30px;cursor: pointer;} nav{flex: 1;text-align: right;} </style></head><body><div class="container"><div class="navbar"><img src="" class="logo" width="90" height="80" <nav><ul> <li><a href="">HHEHE</a></li> <li><a…arrow_forwardUse the given HTML documents to answer the following questions. <doctype html> <Html> <head> <title>Page Title</title> <style> .grid. Container { Display: grid; Grid-gap: 50px 100px ; Grid-template- columns: auto auto auto; Background-color: blue; Padding: 10px; } .grid-box { background-color: red; border: 1 px; padding: 20px; font-size: 30px } </style> </head> <body> <h1>book at my grid:<</h1> <div class “grid-container”> <div class “grid-box”>1</div> <div class “grid-box”>2</div> <div class “grid-box”>3</div> <div class “grid-box”>4</div> <div class “grid-box”>5</div> <div class “grid-box”>6</div> </div> </body> </html> What is the spacing of the grid row gap? 1px 30px 50px 100pxarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
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