Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134323534
Author: FELKE-MORRIS
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 11, Problem 2AYK
Program Description Answer
The given HTML code is used to display the flash file named “slideshow.swf”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
JavaScript
The below HTML code sets up a template for a die. By cloring the dots (dot1,..., dot9)with black or white color, we show any of the 6 sides of the die.
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title>
<style type="text/css">
table{
border: 2px solid black; border-radius: 5px;
}
td{
width: 20px; height: 20px; background-color: black; border-radius: 50%;
}
</style></head><body>
<div class="container"><div class="dice">
<table>
<tr><td id="dot1"></td><td id="dot2"></td><td id="dot3"></td></tr>
<tr><td id="dot4"></td><td id="dot5"></td><td id="dot6"></td></tr>…
Build a simple HTML page that will use an image (download from internet) as a link to the a page with the following code. Note that the image should be clickable.
<!DOCTYPE html><html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Text Styling Example</title> <style> .strikethrough { text-decoration: line-through; }
.underline-green { text-decoration: underline; color: green; }
p { margin: 0; padding: 0; }
.pink-text { color: salmon; }
.blue-text { color: dodgerblue; } </style></head>
<body> <p class="pink-text">The following is an example of the <span class="strikethrough">square</span> <span class="underline-green">cube</span> of a number:</p>…
Create a HTML and CSS file of the given picture. Ensure that the interface will satisfy the given picture.Note: Once view button was clicked, another html file will pop up as shown in 2nd picture.
Chapter 11 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 11.3 - Prob. 1CPCh. 11.3 - Prob. 2CPCh. 11.3 - Prob. 3CPCh. 11.7 - Prob. 1CPCh. 11.7 - Prob. 2CPCh. 11.7 - Prob. 3CPCh. 11.11 - Prob. 1CPCh. 11.11 - Prob. 2CPCh. 11.11 - Prob. 3CPCh. 11 - Prob. 1MC
Ch. 11 - Prob. 2MCCh. 11 - Prob. 3MCCh. 11 - Prob. 4MCCh. 11 - Prob. 5MCCh. 11 - Prob. 6MCCh. 11 - Prob. 7MCCh. 11 - Prob. 8MCCh. 11 - A file that contains a Flash animation uses the...Ch. 11 - Prob. 10MCCh. 11 - Prob. 11FIBCh. 11 - Prob. 12FIBCh. 11 - Prob. 13FIBCh. 11 - When displaying a Java applet, the browser invokes...Ch. 11 - Prob. 15FIBCh. 11 - Prob. 16SACh. 11 - Prob. 17SACh. 11 - Prob. 1AYKCh. 11 - Prob. 2AYKCh. 11 - Prob. 3AYKCh. 11 - Prob. 1HOECh. 11 - Prob. 2HOECh. 11 - Prob. 3HOECh. 11 - Prob. 4HOECh. 11 - Prob. 5HOECh. 11 - Prob. 6HOECh. 11 - Prob. 7HOECh. 11 - Prob. 1WRCh. 11 - Prob. 2WRCh. 11 - Prob. 3WRCh. 11 - Prob. 4WRCh. 11 - Prob. 1FWDCh. 11 - Prob. 2FWD
Knowledge Booster
Similar questions
- Write 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_forwardUsing a computer with text editing programs (Notepad, MS Word, etc.), create an HTML document file and write the following code: <HTML> <HEAD> <SCRIPT SRC="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"> </SCRIPT> <SCRIPT> WRITE YOUR JQUERY CODE HERE!!! </SCRIPT> <STYLE> .yellowDiv{ background-color:yellow; margin: 10px 0 0 0; height:50px; } .impPrg{ font-size:16px; font-weight:bold; } </STYLE> </HEAD> <BODY> <H1>Demo: jQuery addClass() method</H1> <BUTTON ID="btnAddDivClass">Add <DIV> class</BUTTON> <BUTTON ID="btnAddPClass">Add <P> class</BUTTON> <DIV ID="myDiv"> <P>This is first paragraph.</P> </DIV> <DIV> <p>This is second paragraph.</P> </DIV> <DIV> <P>This is third paragraph.</P>…arrow_forward18.Code HTML and CSS for the following: Place three images inside the display area of your web page. The dimensions of the images areimgA: height = 20%; width = 100pximgB: height = 150px; width = 250remimgC: height = 180vmin; width = 50% Display imgA and have it positioned 100px from the left of its container and 100vmax from the top.Display imgB and have it positioned 120px from the left of its container and 120em from the bottom.Display imgC and have it positioned 200px from the top of its container and centered horizontally. The order of HTML code for displaying the three images are to be imaA code, then imaB code, and finally imaC code. Make sure imgA is displayed on top of imgC and imgC is on top of imgB. Code all mandatory attributes. Given a choice, always use a property instead of an attribute.arrow_forward
- Write and HTML page to display a simple slot machine: The slot machine has 3 reels. Each reel has the following fruits: Grape Watermelon Orange Peach Lemon Apple Cherry Strawberry Pear Add a <button element with the text "Spin!" on the page When the user clicks the button, pick a random fruit for each reel and display the three fruits in a row as emojis It all three fruits match, output "Winner, winner, chicken dinner!" to a <div> element below the fruitsarrow_forwardOpen your text editor: Please complete this code in HTML create a new file and name it “Lec_Ex4_2.html” create a new file and name it “style_2.css” Type the 8 lines in the html(basic html structure). Add this line to the head section of html: Write these lines in the body of the html: <div id=“title”><h1>Your name</h1></div> <div id=“container1”> . </div> Style it in the CSS: #title{ background-color:blue;} #container1 {background-color:red;} If we don’t specify the width of the div element,it will take up the full width available. We can specify the width and height of the divusing percentages or pixels. Percentages are flexible (changes according tothe screen size), and pixels are fixed. Add the following property to both divs: Width:80%; This is comparing to the full screen For the title div: Padding:2%; For the container div: Height: 400px; Height can also be made with percentages, butpixels are preferred. Your…arrow_forward3- The user wants to insert an image with the filename: UTAS.JPG with a height and width of 50px and an alternate text “Salalah”. When the image is clicked, it will link to the UTAS-Salalah website. Which of the following HTML code is suitable for the given instructions? a. <a href=”https://www.sct.edu.om”><img src=”UTAS.JPG” height”50 px” width ”50 px” alt ”Salalah”></a> b. <a href=”https://www.sct.edu.om”></a><img source=”UTAS.JPG” height=”300 px” width=”300 px” alternate=”Salalah”> c. <a href=”UTAS”><image src=”UTAS.JPG” height width=”50 px” alt=”Salalah”></a> d. <a href=”https://www.sct.edu.om” ><img src=”UTAS.JPG” height=”50 px” width=”50 px” alt=”Salalah”> </a>arrow_forward
- Please fix and improve my HTML and CSS code: First picture is my WRONG output. Second picture is the EXPECTED output. Just use random pictures for photo1. photo2, photo3, photo4, photo1thumb, photo2thumb, photo3thumb, photo4thumb for testing. index.html <!DOCTYPE html><html lang="en"><head><title>Image Gallery</title><meta charset="utf-8"><style> #gallery { position: relative; }#gallery ul { width: 250px; list-style-type: none; }#gallery li { display: inline; float: left; padding: 10px#gallery img { border-style: none; }#gallery a { text-decoration: none; color: #333; font-style: italic; }#gallery span { display: none; }#gallery a:hover span { display: block; position: absolute; top: 10px; left: 300px; text-align: center; } </style></head><body><h1>Image Gallery</h1><div…arrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! TRUE OR FALSE A submit button is not an input element? Embedded php can send its variables to several different html elements on the page? this.innerHTML when employed for accessing an HTML element must be preceded by a getElementById statement which accesses the same element? The paragraph element and span tab elements both can have their inner content be accessed either by their textContent parameter or their innerHTML parameter in javascript?arrow_forwardWrite down complete HTML + CSS + jQuery code to demonstrate following:a) When you double click a button, show 3 boxes with green, red and yellow color with different border styles.b) Demonstrate with complete jQuery code the functionality of text auto completion by showing suggestions for words typed by user in a search bararrow_forward
- Look at following HTML: //code start <ul class="nav"> <li><a href="/item1">Item1</a></li> <li><a href="/item2">Item 2</a></li> <li><a href="/Item3">Item 3</a></li> <li class="nav-right"><a href="/Item4">Item 4</a></li> </ul> //code end How can a CSS rule be applied to every list item that comes after another list item?arrow_forwardWrite HTML5 code that will create the following linked pages. You can use the interface code from the previous exercise.arrow_forwardThe following picture shows a sample webpage, you are required to write the HTML and CSS code to produce this result in the browser.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 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