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 4, Problem 1AYK
Explanation of Solution
The given HTML code shows a web page with image, navigation and paragraph elements.
Given code:
<!--HTML Tag-->
<!DOCTYPE html>
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Predict the Result</title>
<!--Meta Tag-->
<meta charset="utf-8">
<!--Close Tag-->
</head>
<!--Body Tag-->
<body>
<!--Header Tag with attributes-->
<header> <img src="logo.gif" alt="CircleSoft Design" height="100"
width="1000">
<!--Close Tag-->
</header>
<!--Navigation Tag-->
<nav> Home <a href="about.html">About</a>
<!--Anchor Tag-->
<a href="services.html">Services</a>
<!--Close Tag-->
</nav>
<!--Main Tag-->
<main>
<!--Paragraph Tag-->
<p>Our professional staff takes pride in its working relationship with our clients by offering personalized services that take their needs into account, develop their target areas, and
incorporate these items into a website that works...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Web Development:
Identify ten (10) HTML tags that are valid only for HTML5. Use the HTML below and demonstrate the use of these tags in a valid and semantically verified way:
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1><p style="text-align:left;">My App</p></h1> <p style="text-align:right;"> <a href="url">signup</a> <a href="url">Login</a> </p>
<table>
<tr>
<th><img src="1.jpg" width="200" height="80"></th>
<th> <h2> App Tagline</h2>
<ul>
Description of feature
<li> Description-1</li>
<li> Description-2</li>
<li> Description-3</li>
Description of feature
<li> Description-1</li>
<li> Description-2</li>…
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>…
I need login page code in Html and css with validation code in javascript only make simple as much as.
Chapter 4 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
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
- HTML Display the x, y and sum in the webpage after input of x and y....___ <!DOCTYPE html> <html lang="en"> <head> <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> SIMPLE CALCULATOR </title> </head> <body> <script> var num1 = prompt("X: "); var num2 = prompt("Y: "); var sum = x + y; </script> </body> </html>arrow_forwardDevelop an HTML Page content, a table consists of two columns and two rows with the flowing format: Text red color. Background green color. Border 3. Title “my new table format”. Fount-family “Caliri”.arrow_forwardQ3. Predict the Result.Draw and write a brief description of the web page that will be created with the followingHTML code:<!DOCTYPE html><html lang="en"><head><title>Predict the Result</title><meta charset="utf-8"></head><body><h1>Contact Us</h1><form action="myscript.php"><fieldset><legend>Complete the form and a consultant will contactyou.</legend>E-mail: <input type="text" name="email" id="email" size="40"><br>Please indicate which services you are interested in:< br><select name="inquiry" id="inquiry" size="1"><option value="development">Web Development</option><option value="redesign">Web Redesign</option><option value="maintain">Web Maintenance</option><option value="info">General Information</option></select><br><input type="submit"></fieldset></form><nav><a…arrow_forward
- i am working on Old masters code 1-3 but i keep getting an error on my this is for HTML using notepad++ my code: <!doctype html><html lang="en"><head><!--New Perspectives on HTML5 and CSS3, 8th EditionTutorial 1Coding Challenge 3 --><meta charset="utf-8"><title>Coding Challenge 1-3</title><link href="code1-3_styles.css" rel="stylesheet"/></head> <body><h1>Drawing from the Old Masters</h1> <section> <img src="drawing01.png" alt="Leonardo da Vinci"/> <footer>The Battle of Anghieari <br />— Leonardo da Vinci</footer> </section> <section> <img src="drawing02.png" alt="Jacopo da Pontormo"/> <footer>Study of a Youth <br />— Jacopo da Pontormo</footer> </section><section> <img src="drawing03.png" alt="Raphael"/> <footer>The Nativity <br />—…arrow_forward1. Write HTML code to create a web page of blue color and display links in red color. 2. Write HTML code to create a WebPages that contains an Image at its center. 3. Create a web page with appropriate content and insert an image towards the left hand side of the page when user clicks on the image. It should open another web page.arrow_forwardCreate a HTML with CSS for an Electronically Voting Platform, make it like a facebook profile page that contains the following contents: Profile Photo Bio/Slogan Full Name Student No. Gender Degree Program Year Level Official School Email Address Mobile Numberarrow_forward
- <DOCTYPE><html><heal><tite><meta>head><body> <p>Chapter 1, Analyze, Correct, Improve<dr> <P>HTML stands for Hyperlink Makes Learning fun.<p><p>You use presentation software to create HTML pages.</p<PHTML9 is the latest version of HTML.</p>HTML is rendered within the desktop of an operating system.</BODY>arrow_forwardCreate an HTML that does the following. For the last bullet Subject code: "ITE212", Subject description: "Web Systems and Technologies" and section: "ACT1"arrow_forwardWrite a simple html5 Landing Page for a website with a login session Using HTML, CSS and JavaScript. Construct a simple code of a blog and include inline CSS to style the interface of the blog Explain Dreamweaver? Explain the use of this html tags <!DOCTYPE Html> <meta> <chart> <lang> Charset <title> <body> <h1> <p>arrow_forward
- Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and code a web form that include the following requirements: Three inputs: First name, Last name, Email with appropriate labels and placeholder text; A drop-down list containing the following options: Student, Faculty; Two radio buttons containing the following options: Full-time, Part-time; Controls labeled "Send Registration" and "Clear All Fields". When the Send Registration control is clicked on, the user input will be sent to https://learndigital.dev/DGL103/dgl103-form.php for processing. When Clear All Fields is clicked, any data that was entered into the form is cleared. Make sure that all the data is sent securely. Add internal CSS (and extra HTML if you need to) so that your page looks like the image below. DON'T include more CSS than you need to: The form is 400px wide; The form is centred on the page and has a top margin of 40px; The text, email and select type inputs take up 100% of their…arrow_forwardConstruct an HTML page that contains a four-level nesting list. One item on each level. The first level shows the text “Question 3” and is unordered. The inner 3 levels will be ordered with lowercase letters. Use the three attached images as the content (list item) of each of the inner three levels of the list. Hello, I was hoping someone could help me by providing an example of code with the part about ordering with lowercase lettering, thank you.arrow_forward1. NO JAVASCRIPT full CSS and HTML ONY 2. If possible put semantic elements and text links 3. Pictures should only be shown when the button show is pressed, if not they should go back to the default picture 4. Use arial for the button 5. Center the images and texts 6. AGAIN NO JAVA SCRIPT AND IT IS HTML 5arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Fundamentals of Information SystemsComputer ScienceISBN:9781305082168Author:Ralph Stair, George ReynoldsPublisher:Cengage Learning
Fundamentals of Information Systems
Computer Science
ISBN:9781305082168
Author:Ralph Stair, George Reynolds
Publisher:Cengage Learning