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 15FIB
Program Description Answer
“em” element is used for configuring the text that has to be emphasized and displayed in an italic font style.
Hence, the correct answer is “em”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
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;
}…
When you have written enhanced email links what testing should you do?
How can you avoid having a link to a new window open in a hidden window? Provide two techniques
For the following line of HTML what is the significance of each of the different font-family values?<p style = “font-family: Verdana, Palantino, Courier, serif”>
Write the HTML code that will produce the following:
Describe two techniques to reduce the size of images in your web site.
Why should you add height and width attributes to the img tag?
my code
# Initialize the required CS credits earned
earned_credit_hours = 0
# Print the header
print("--------------------------------")
print(" UIC CS Track")
print("--------------------------------\n")
# QUESTION 1: Are you a CS major?
major_answer = input("QUESTION 1\nAre you a CS major? (Yes or No): ").upper()
if major_answer == "YES":
# QUESTION 2: Have you taken ENGR100?
engr100_answer = input("\nQUESTION 2\nHave you taken ENGR100? (Yes or No): ").upper()
# QUESTION 3: Have you taken CS111 and CS112?
cs111_answer = input("\nQUESTION 3\nHave you taken CS111? (Yes or No): ").upper()
# Check if CS111 is taken
if cs111_answer == "YES":
earned_credit_hours += 3
print("\nQUESTION 4")
cs141_answer = input("Have you taken CS141? (Yes or No): ").upper()
if cs141_answer == "YES":
earned_credit_hours += 3
print("\nQUESTION 5")
cs151_answer = input("Have you taken CS151?…
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
- <!DOCTYPE html><html lang="en"><head><title>Page Title</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><style>body { font-family: Arial, Helvetica, sans-serif;}</style></head><body> <h1>My Website</h1><p>A website created by me.</p> </body></html>arrow_forwardWrite an HTML file that creates the following web page. Body: font-family should be Arial First h1: font-family should be Times color should be blueviolet text-transform should be upperletter text-align should be center Second h1: font-family should be sans-serif font-size should be 2em color should be brown text-decoration should be overline In the first paragraph: The “ Web Design” must have a font-size of 2em and it should be strong In the second paragraph: The “development software.” must have letter spaces like 0.5em and it should be strongarrow_forwardwhat 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…arrow_forward
- 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…arrow_forwardHello, I am trying to get the 1s in the image attached to change them into a,b,and c respectively. Please correct my code where necessary. <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head> <body> <ol> <li> Question 3 <ol> <li><img src="exam.gif" alt="Image 1" width="200" height="150"></li> <ol> <li><img src="OIP.jpg" alt="Image 2" width="200" height="150"></li> <ol> <li><img src="Successful.jpg" alt="Image 3" width="200" height="150"></li> </ol> </ol> </ol> </li> </ol></body> </html>arrow_forward<!DOCTYPE html><html lang="en"> below is box-styles.css <style> @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap'); body { font-size: 62.5%; margin: 0;} h1 {font-size:4em;text-align: center;font-family: 'Rubik Mono One', sans-serif;} h3 {font-size: 2em;} p {font-size: 1.5em;} h3, p { margin:0; } .title-padding { padding: 5% 10%; } .body-padding { padding-left: inherit; padding-right: inherit; padding-top: 7%; } .light-shadow { box-shadow: transparent; } .max-width { max-width: 50em;} /* .full-width { } */ .center-element { margin-top:8em; margin-left:inherit; margin-right: inherit; text-align: center; } .round-borders { border:1px solid black; border-radius: 0.25em; font-size: 2em; } .bb { box-sizing: content-box; width:100%; padding: inherit; margin: inherit; } .cb { box-sizing: content-box; } </style>above is the box-styles.css <head> <meta…arrow_forward
- Use the give code to answer the following questions: <style> Body { Font-size: 10px Line-height: 1.5rem; } .parent { Font-size: 2rem; Line-height: 1.5cm; Width: 22cm } .child { Display: block; Float: left; Width: 10cm; Font-size: 10px; Line-height: 1.5rem Background -color: yellow; What is the width of the .child element? 150 px 200px 300px 440pxarrow_forwardQ.1 ( Microsoft word) creat the following paragrap and apply the following formats.''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'' 1.1. Change the first line to toggle case, front; Times new Roman, font size to 22 and front stle bold italic 1.2. Add page numbers 1.3. Shade the second line with blue 1.4. Double space the paragraph 1.5.Strike through the first line 1.6. Insert a horizontal watermark in your document. 1.7. Right align all sentences 1.8. Change the paragraph to toggle casearrow_forwardHTML BASED QUESTION After the user enters the phone number, pop up a Good Luck alert message ➢ use onblur and name your function goodLuck() ❖ Add an empty paragraph just below the name field. After the user enters the name, populate the new paragraph with the text “Have we met before, ?” ❖ Add an empty paragraph just below the select field. After selecting a favorite dish, change the background color of the select paragraph and the new paragraph to a new color, and add text to the new paragraph that says “Good choice”. ❖ Add an empty paragraph just below the restaurant rating field. When the user selects 4 or below, add text to the new paragraph that says “Are you sure?”; when the user selects 6 or above, use the text “Great”. ❖ When the user clicks Reset, show an alert that says “Get it right this time!” and change the background of the page to a bright color. ❖ Add an empty paragraph just below the Submit button area. When the user clicks Submit, first check that the phone number is…arrow_forward
- How do I add an img with html and css and how do I bring the menu logo on the left on the "menu" textCODE: ---------------------- CSS nav { width: 100%; margin: 0 auto; background: rgb(255, 255, 255); padding: 15px 0; box-shadow: 0px 5px 0px #000000; } nav ul { list-style: none; text-align: center; } nav ul li { display: inline-block; } nav ul li a { display: block; padding: 15px; text-decoration: none; color: rgb(0, 0, 0); font-weight: 800; text-transform: uppercase; margin: 0 10px; } nav ul li a, nav ul li a:after, nav ul li a:before { transition: all .5s; } nav ul li a:hover { color: rgb(255, 0, 0); } /* stroke */ nav.stroke ul li a, nav.fill ul li a { position: relative; } nav.stroke ul li a:after, nav.fill ul li a:after { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: rgb(255, 0, 0);…arrow_forwardImprove my HTML and CSS Code to look like the picture: <!DOCTYPE html><html lang="en"><head> <title>Trillium Media Design</title><meta charset="utf-8"> <style> body { background-color: #e6e6fa; color: #191970; font-family: Arial, Verdana, sans-serif; } h1 { background-color: #191970; color: #e6e6fa; line-height: 200%; font-family: Georgia, "Times New Roman", serif; text-indent: 1em; text-shadow: 3px 3px 5px #CCCCCC; } h2 { background-color: #aeaed4; color: #191970; } font-family: Georgia, "Times New Roman", serif; text-align: center; } nav { font-weight: bold; font-size: 1.25em; word-spacing: 1em; } p { font-size: .90em; text-indent: 3em; } ul { font-weight: bold; } </style> </head> <body> <header> <h1>Trillium Media Design</h1> </header><nav> <a…arrow_forwardC++ Question Hello, Please create the correct code for the attached picture. Please create the code based on the given requirements. Please make sure it is working. Thank you!arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
COMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning