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 4, Problem 3MC
22759-4-3RQ AID: 1825 | 25/05/2018
Program Description Answer
The anchor tag “<a>” is used to create a web link to another page. The user can make an image link using “<img>” tag in addition with this anchor tag.
- Creating image tag “<img>” inside the anchor “<a>” makes a link with an image to their reference “index.html”.
For example:
<a href = “home.html”> <img src= “home.gif”> </a>
The above example shows the “home.gif” image on web browser and the browser loads “home.html” when the user clicks on the image.
Hence, the correct answer is option “B”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Activity 2: HTML Color Table
This Activity's objective is to write the HTML code to display the following table. Feel
free to add more colors.
Den
n
Colour
Show Transcribed Text
1
2
3
4
5
6
7
8
9
10
11
12
13
Salmor
Name
Gold
Some HTML Colors
hexidecimal
Color Table
table, th, td {
border: 1px solid black; }
FA8072
FFD700
RGB value
250-128-114
255-215-0
this is the "index page "code
index .hbs<!DOCTYPE html><html><head><link rel="stylesheet" href="./data/l.css"></head><body><div class="flex"><div class="element-center"><div id="acctBalance"><span class="wrap"></span></a><h1>Total Balance</h1><label id="acctBalanceLbl"></label><input id="txtid" name="txtid" type="text" maxlength="10" placeholder="Accountnumber"><br><br></div><div id="inputs"><h2>Deposit</h2><input type="text" id="userDeposit" required><button id="btnDeposit">Deposit</button><h2>Withdraw</h2><input type="text" id="userWithdraw" required><button id="btnWithdraw">Withdraw</button><label id="usernameLb2"></label>// add label for displaying user name</div></div></div><script type="text/javascript" src="bank_account_script.js"></script><script…
this is the "index page "code
index .hbs<!DOCTYPE html><html><head><link rel="stylesheet" href="./data/l.css"></head><body><div class="flex"><div class="element-center"><div id="acctBalance"><span class="wrap"></span></a><h1>Total Balance</h1><label id="acctBalanceLbl"></label><input id="txtid" name="txtid" type="text" maxlength="10" placeholder="Accountnumber"><br><br></div><div id="inputs"><h2>Deposit</h2><input type="text" id="userDeposit" required><button id="btnDeposit">Deposit</button><h2>Withdraw</h2><input type="text" id="userWithdraw" required><button id="btnWithdraw">Withdraw</button><label id="usernameLb2"></label>// add label for displaying user name</div></div></div><script type="text/javascript" src="bank_account_script.js"></script><script…
Chapter 4 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 4.1 - Prob. 1CPCh. 4.1 - Prob. 2CPCh. 4.1 - Prob. 3CPCh. 4.5 - Prob. 1CPCh. 4.5 - Prob. 2CPCh. 4.5 - Prob. 3CPCh. 4.7 - Prob. 1CPCh. 4.7 - Prob. 2CPCh. 4.7 - Prob. 3CPCh. 4 - Prob. 1MC
Ch. 4 - Prob. 2MCCh. 4 - Prob. 3MCCh. 4 - Prob. 4MCCh. 4 - Prob. 5MCCh. 4 - Prob. 6MCCh. 4 - Prob. 7MCCh. 4 - Prob. 8MCCh. 4 - Prob. 9MCCh. 4 - Prob. 10MCCh. 4 - Prob. 11FIBCh. 4 - Prob. 12FIBCh. 4 - Prob. 13FIBCh. 4 - Prob. 14FIBCh. 4 - Prob. 15FIBCh. 4 - Prob. 1AYKCh. 4 - Prob. 2AYKCh. 4 - Prob. 3AYKCh. 4 - Prob. 1HOECh. 4 - Prob. 2HOECh. 4 - Prob. 3HOECh. 4 - Prob. 4HOECh. 4 - Prob. 5HOECh. 4 - Prob. 6HOECh. 4 - Prob. 7HOECh. 4 - Prob. 8HOECh. 4 - Prob. 9HOECh. 4 - Prob. 10HOECh. 4 - Prob. 1WRCh. 4 - Prob. 2WRCh. 4 - Prob. 1FWD
Knowledge Booster
Similar questions
- Create an HTML page with name yourname&ID.html and include the following: CSCI375 Grades Exam-1 Exam-2| Project Exam-3 | Show the Grades Your Grades: Publishing Date Published on: Change Background Color Instructions for the form: 1. The name or/and id of the third textbox should be named by your first name (for example, name="fadi" id="fadi'). 2. The name or/and id of the fourth textbox should be named by your last www name (for example, name="yamout" id="yamout").arrow_forwardIn 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 secondsarrow_forwardFrame st Application Create an event calendar webpage following the given screen layout: 1. The top frame contains the banner title of the webpage. 2. The month frame contains the list of months within a year. 3. The calendar frame will contain the selected month. 4. The event frame will display the different official even for that date or month. Give me a source Code of the Picture Calender HTML codearrow_forward
- Which code snippet will display an image named myimage.png that will be redirected to index.html when the link is selected. 1) <img href “index.html” src “myimge. Png”> 2) <a href “index.html” src “my imge. Png” /></a> 3) <img href “my image.png”> index,html</a> 4) <a href “my image.png” ><img src “index. html” /></a>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_forwardindex.html: <!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><!--Added main tag--><main><!--Added nav tag--><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…arrow_forward
- You may design any web page of your choosing. You must use the following methods to select elements on your webpage and dynamically change one of their style settings: getElementsByTagName() getElementsByClassName() querySelector() querySelectorAll() You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser. createElement() appendChild() cloneNode() with no children cloned cloneNode() with children cloned insertBefore() You must dynamically remove a node that you added to the original html file. You must dynamically set at least three windows object properties: You must add a button that when clicked calls the window object open function and opens www.amazon.com You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens www.amazon.com You must add another button that when clicked calls the window…arrow_forwardlanguage: HTML Create a responsive webpage for food items. there are three requirements 1: when the user hovers over the item name ('item 1') the details of the item should be displayed. the text should return back to the original (aka from the food description to the food name ) after the mouse pointer moves away 2. When the user clicks 'add to cart' for an item, the 'cart total' is updated, and the button to add the item to the cart is disabled so that it cannot be added twice. 3. the user can input an amount into the 'confirm purchase' section and click the button. If the amount is less than the 'cart total', the following alert should be shown: "payment amount is less than cart total" otherwise: "payment complete"arrow_forwardPart 4: Build a html form with the following elements. The form must be within a table structure. Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *). Number is allowed. The text box must not be empty. • Module code: a text box where the content must start with 3 lower case alphabets and follows by 4 digits. This textbox can be empty. • Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October 2020 Monday 3:35 PM). The content is the current date or today's date which will change every day. • Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The text area cannot be empty. • Find: a text box for the user to key in text he/she wants to find. Replace: a text box for the user to key in the replacement text. If the find text is empty, this element should be disable (i.e. user cannot key in anything here). • Find and Replace: This is a button, when click, it will go to the "Message"…arrow_forward
- 11. Template Creation Create a template to display an HTML page like below. Create a template with 4 columns and 3 rows. You can choose any approach to finish this task. This task only using HTML and CSS, please make sure your code already tested before you submit it. item 1 item 2 item 3 item 4 item 5 item 6 item 7 item 8 item 9 item 10 Body padding is 20px Border color is #e3e3e3 Text color is #727272 Text size is 12px Distance between icon and box is 10px Border radius size is 10px Icon asset image is https://a.m.dana.id/promo/landing-page/default- icon.webparrow_forwardYou are required to design HTML page based on the following descriptions: Insert Heading in the top of your web page with the following requirement Heading: “SWEET SHOP” Size of the heading = “1” Font style= “Online book shops” Insert an image after the heading, and follow the given requirements: NOTE: You can access to the Internet and find image related to the topic. Change the Width of the image to be = “600” and the Height to be = “400” Add an alternative text that identifies the image in your web page. The alternative text should be: “Candy Shop” Add label to the image. “SWEET SHOP, 2015” Change the alignment of the image to be on the “Center” Set border to the image, the thickness of the border should be “20” Add background to you web page. The background should be image. NOTE: You can access to the internet and find an image related to the topic and fit purpose. Insert 3 links base on the following requirements: First: Add…arrow_forwardAdd a change speed button next to the pause button that changes the speed of the slideshow. Existing code: index.html <!DOCTYPE html> <html> <head> <title>Titan Sports Store</title> <link rel="stylesheet" href="./css/style.css" /> <script type="text/javascript" src="./js/library_event.js"></script> <script type="text/javascript" src="./js/library_slide_show.js"></script> <script type="text/javascript" src="./js/slide_show.js"></script> </head> <body> <main> <h1 id="title">Fishing Slide Show</h1> <p><input type="button" id="play_pause" value="Pause" /></p> <p><img src="img/clorox.jpg" id="image" alt=" " /></p> <p><span id="caption">Products</span></p> </main> </body> </html> style.css * { font-family: Arial, Helvetica, sans-serif; margin: 0;…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 LProgramming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage Learning
- Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher: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
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage