Basics of Web Design: HTML5 & CSS3 (3rd Edition)
3rd Edition
ISBN: 9780133970746
Author: Terry Felke-Morris, Terry Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 2, Problem 7RQ
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 option “C”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
The following style is being used in an HTML document. Which letter will have only a line through it but not be underlined when the style is applied to the HTML below?: *
A) A
B) B
C) C
D) D
<!DOCTYPE html><html>
<head><link rel="stylesheet" href="./styles/colors1.css"><link rel="stylesheet" href="./styles/formatting1.css"><link rel="stylesheet" href="./styles/transitions-animations1.css"></head>
<body><main><nav><a href="index.html">Home</a><a href="contact.html">Contact</a><a href="about.html">About</a></nav><h1>Welcome to my (about me) site</h1><picture><source media="(min-width:650px)" srcset="./images/me3-650.jpg"><source media="(min-width:465px)" srcset="./images/me3-465.jpg"><img src="./images/me3.JPG" alt="ME" style="width:auto;"></picture>
<h3>HI there this is one of my favorite songs down below.</h3><iframe width="420" height="345"src="https://www.bing.com/search?q=Nirvana%20-%20The%20Man%20Who%20Sold%20The…
In html and CSS
Create a mouseOver event function, that will change the colour of an HTML item (ie. a button or a list item) to green, then to black after 5 seconds
Chapter 2 Solutions
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
Knowledge Booster
Similar questions
- <html><head><style>table{width:100%;}#header {background-color:black;color:white;text-align:center;padding:5px;}#nav {line-height:30px;background-color:#eeeeee;height:300px;width:150x;float:left;padding:5px;}#section {width:350px;float:left;padding:10px;}#footer {background-color:black;color:white;clear:both;text-align:center;padding:5px;}</style> </head><body><table><tr><th id="header" colspan="2"><h1>Pet Gallery</h1></th></tr><tr><td id="nav" width=200px><a href="gallery.html">Havanese</a><br>Foxhound<br>Terrier<br></td><td id="section"><h1>Havanese</h1><p>Intelligent, Outgoing, Funny</p><p>Havanese, the only dog breed native to Cuba, are cheerful little dogs with a spring in their step and a gleam in their big, brown eyes. These vivacious and sociable companions are becoming especially popular with American city…arrow_forward<!DOCTYPE html><html> <head><title>HomePage</title><link rel="stylesheet" href="colors.css"> <link rel="stylesheet" href="formatting.css"> <link rel="stylesheet" href="transitions-animations.css"></head> <body><main><nav><a href="index.html">Home</a><a href="contact.html">Contact</a><a href="about.html">About</a></nav><h1>Welcome to my about me site homepage.</h1><picture><source media="(min-width:650px)" srcset="./images/me-650.jpg"><source media="(min-width:465px)" srcset="./images/me3-465.jpg"><img src="./images/me3.JPG" alt="ME Jen" style="width:auto;"></picture> <h3>HI there this is one of my favorite songs down below.</h3><iframe width="420" height="345"src="https://www.bing.com/search?q=Nirvana%20-%20The%20Man%20Who%20Sold%20The…arrow_forward<style>body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius: 4px; } a { text-decoration: none; color:rgb(153,51,153); } a:hover{ background-color: #fff; } a:focus{ background-color: #fff; } a:visited{ color: hsl(300, 13%, 51%); } a:active{ color:#ff00ff; } h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153); } h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); background-color:hsl(0, 14%, 95%); opacity:0.5; } dt { font-weight: bold; } strong { font-style: italic; } ul { list-style-type: none; margin: 0; padding: 0; } #info p {…arrow_forward
- <!doctype html><html><head><meta charset="UTF-8"><title>Flexbox Product Listing Exercise</title> <style>html { box-sizing: border-box;}*, *:before, *:after { box-sizing: inherit;}body { font-family: Georgia, serif; line-height: 1.5em;}h1 { font-size: 4em; font-weight: normal;}h2 { font-size: 1.2em; margin-top: 0;}#menu { border: 3px solid #783F27; }section { background: #F6F3ED; margin: 10px; padding: 20px; border: 1px dotted maroon; width: 240px; display:flex; flex-direction:column;}.title { background-color: #783F27; color: #F9AB33; line-height: 4em;}.price { font-weight: bold; background: #F9AB33; padding: 5px; width: 100%; text-align: center; margin-top:auto;}</style> </head> <body><div id="menu"><section class="title"><h1>Bistro Items To Go</h1></section> <section class="dish"><h2>1<br>Black bean purses</h2><p class="info">Spicy black bean…arrow_forward<!doctype html><html><head><meta charset="UTF-8"><title>Flexbox Product Listing Exercise</title> <style>html { box-sizing: border-box;}*, *:before, *:after { box-sizing: inherit;}body { font-family: Georgia, serif; line-height: 1.5em;}h1 { font-size: 4em; font-weight: normal;}h2 { font-size: 1.2em; margin-top: 0;}#menu { border: 3px solid #783F27; }section { background: #F6F3ED; margin: 10px; padding: 20px; border: 1px dotted maroon; width: 240px;}.title { background-color: #783F27; color: #F9AB33; line-height: 4em;}.price { font-weight: bold; background: #F9AB33; padding: 5px; width: 100%; text-align: center;}</style> </head> <body><div id="menu"><section class="title"><h1>Bistro Items To Go</h1></section> <section class="dish"><h2>1<br>Black bean purses</h2><p class="info">Spicy black bean and a blend of Mexican cheeses wrapped in sheets of…arrow_forward<style>body { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius: 4px; } a { text-decoration: none; color:rgb(153,51,153); } a:hover{ background-color: #fff; } a:focus{ background-color: #fff; } a:visited{ color: hsl(300, 13%, 51%); } a:active{ color:#ff00ff; } h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153); } h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); background-color:hsl(0, 14%, 95%); opacity:0.5; } dt { font-weight: bold; } strong { font-style: italic; } ul { list-style-type: none; margin: 0; padding: 0; } #info p {…arrow_forward
- body {font-family: Georgia, serif;font-size: 100%;line-height: 175%;margin: 0 15% 0;background-color:rgb(210,220,157);}header {margin-top: 0;padding: 3em 1em 2em 1em;text-align: center;border-radius:4px;background-color:hsl(0, 14%, 95%);opacity:0.5;}a {text-decoration: none;color:rgb(153,51,153);}a:visited{color: hsl(300, 13%, 51%);}a:hover{background-color: #fff;}a:focus{background-color: #fff;}a:active{color:#ff00ff;}h1 {font: bold 1.5em Georgia, serif;text-shadow: 0.1em 0.1em 0.2em gray;color: rgb(153,51,153);}h2 {font-size: 1em;text-transform: uppercase;letter-spacing: 0.5em;text-align: center;color:rgb(204,102,0);}dt {font-weight: bold;}strong {font-style: italic;}ul {list-style-type: none;margin: 0;padding: 0;}#info p {font-style: italic;}.price {font-family: Georgia, serif;font-style: italic;}p.warning,sup {font-size: small;}.label {font-weight: bold;font-variant: small-caps;font-style: normal;}h2 + p {text-align: center;font-style: italic;}arrow_forwardThe HTML tag that will view the text in the table cell as centered and bold is: a. b. c. d.arrow_forwardYou can choose any topic to develop a front-end of a website using HTML, CSS, JavaScript (no framework is allowed)Instructions to design your front-end :i) A Registration and a Login form with JavaScript Validationii) Drop-down Navigation Bariii) Home Page should have - (header, Navigation bar, body with a side bar, footer)iv) You have to design minimum 5 Pages without Home, Registration and Login Pagearrow_forward
- <!doctype html><html><head><meta charset="UTF-8"><title>Black Goose Bakery Grid</title><link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Expanded" rel="stylesheet"><style> html { box-sizing: border-box;}* { box-sizing: inherit;}body { font-family: Georgia, serif; font-size: 100%; background-color: white; margin: 0;} /* GRID STYLES START HERE */#layout { margin-left: 5%; margin-right: 5%; } /* VISUAL STYLES START HERE */ /* link styles */a:link, a:visited { color: #DC6903; }a:focus, a:hover, a:active { color: #F9AB33; } a { text-decoration: none; border-bottom: 1px dotted; padding-bottom: .2em;} /* nav styles */nav, footer { font-family: verdana, sans-serif; background-color: #783F27;}nav ul li a:link, nav ul li a:visited { color: #F9AB33;}nav ul li a:focus, nav ul li a:hover, nav ul li a:active { color: #fff;}nav ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content:…arrow_forward<!doctype html><html><head><meta charset="UTF-8"><title>Black Goose Bakery Grid</title><link href="https://fonts.googleapis.com/css?family=Stint+Ultra+Expanded" rel="stylesheet"><style> html { box-sizing: border-box;}* { box-sizing: inherit;}body { font-family: Georgia, serif; font-size: 100%; background-color: white; margin: 0;} /* GRID STYLES START HERE */#layout { margin-left: 5%; margin-right: 5%; /* display as grid */ display: grid;/* 5 grid rows heights */grid-template-rows: 3em 20px [main-start] 150px 300px 5em [main-end];grid-template-columns: [main-start] 1fr [main-end] repeat(3, 20px 150px);} /* VISUAL STYLES START HERE */ /* link styles */a:link, a:visited { color: #DC6903; }a:focus, a:hover, a:active { color: #F9AB33; } a { text-decoration: none; border-bottom: 1px dotted; padding-bottom: .2em;} /* nav styles */nav, footer { font-family: verdana, sans-serif; background-color: #783F27;}nav ul li…arrow_forwardBy referring to the specifications given below, use HTML code and JavaScript to create the form as shown in Figure 6. WEBINAR REGISTRATION FORM Name : Contact Number : Email : Webinar Title : Select Webinar Date : dd/mm/yyyy Time : 10am - 12pm O 2pm - 4pm Number of participants : 1 Total Registration Fees(RM) : 0.00 O Add me to your mailing list for upcoming webinars. Submit Cancel Figure 6 Specifications: Create the form by assigning suitable id and name. Add a legend containing the text "WEBINAR REGISTRATION FORM" and use inline style to design the legend. Use to arrange the form elements. Create different form elements/controls with proper data for their attributes such as name, id, value and type. There is no need to create element for each form element. Set Webinar Title as a selection list that consists of 4 options: Select Webinar, Web for Beginners (RM100), Web for Intermediate (RM200) and Web for Advanced (RM300). Set Number of participants as a spinner control with range…arrow_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 Learning
COMPREHENSIVE 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