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 1AYK
Explanation of Solution
Given Code:
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Predict the Result</title>
<meta charset="utf-8">
<!--Close Tag-->
</head>
<!--Alignment for Body Tag-->
<body>
<!--Alignment for Header Tag-->
<header><h1><i>Favorite Sites</i></h1></header>
<!--Alignment for Main Tag-->
<main>
<!--Alignment for Ordered List Tag-->
<ol>
<li><a href="http://facebook...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
<!DOCTYPE html><html><head><title>Contact me</title></head><body><!--Added main tag--><main><!--Added nav tag--> <nav> <a href="home.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Contact ME</h1><span>photo of me Joe Mc</span>
<picture> <source media="(min-width:650px)" srcset="me1-650.jpg"> <source media="(min-width:465px)" srcset="me1-465.jpg"> <img src="me1.jpg" alt="lake" style="width:auto;"> </picture>
<p>You can contact me through : </p><div>
<ul> <li>Email - 332boyman@gmail.com</li> <li>Phone - (802)3730290</li></ul>
<footer> <p>Author: Josiah McSweeney<br><!--Added footer tag--><footer> <p>Copyright Reserved</p> </div>…
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 />—…
<!DOCTYPE html><html><head><title>Contact me</title></head><body><!--Added main tag--><main><!--Added nav tag--> <nav> <a href="home.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Contact ME</h1>
<span>photo of me Joe Mc</span><br>
<picture> <source media="(min-width:650px)" srcset="me1-650.jpg"> <source media="(min-width:465px)" srcset="me1-465.jpg"> <img src="me1.jpg" alt="lake" style="width:auto;"> </picture>
<p>You can contact me through : </p><div>
<ul> <li>Email - 332boyman@gmail.com</li> <li>Phone - (802)3730290</li></ul>
<footer> <p>Author: Josiah McSweeney<br><!--Added footer tag--><footer> <p>Copyright Reserved</p>…
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
- 1. 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<!DOCTYPE html><html><head><title>Contact me</title></head><body><!--Added main tag--><main><!--Added nav tag--> <nav> <a href="home.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <main><h1>Contact ME</h1></main> <picture> <source media="(min-width:650px)" srcset="me1-650.jpg"> <source media="(min-width:465px)" srcset="me1-465.jpg"> <img src="me1.jpg" alt="lake" style="width:auto;"> </picture> <p>You can contact me through : </p><div> <ul> <li>Email - 332boyman@gmail.com</li> <li>Phone - (802)3730290</li></ul> <footer> <p>Author: Josiah McSweeney<br><!--Added footer tag--><footer> <p>Copyright Reserved</p> </div>…arrow_forward<!DOCTYPE html> <!-- Created By CodingNepal --> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Login and Registration Form in HTML | CodingNepal</title> <link rel="stylesheet" href="style.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class="wrapper"> <div class="title-text"> <div class="title login"> Login Form </div> <div class="title signup"> Signup Form </div> </div> <div class="form-container"> <div class="slide-controls"> <input type="radio" name="slide" id="login" checked> <input type="radio" name="slide" id="signup"> <label for="login" class="slide login">Login</label>…arrow_forward
- <!DOCTYPE html><html><head><title>Home Page</title></head><body><!--Added main tag--><main><!--Added nav tag--> <nav> <a href="home.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="me3-650.jpg"> <source media="(min-width:465px)" srcset="me3-465.jpg"> <img src="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"…arrow_forwardWhat is a case in which html code is primarily needed? 1) The starting position of a line of text needs to move right. 2) the size of a box needs to be resized for a mobile screen. 3) The column width of a table needs to be adjusted for a larger screen. 4) The input from a user needs to be submitted to a server.arrow_forwardBuild 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>…arrow_forward
- 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_forward2. Write the HTML, CSS and JS code to design a personalized portfolio website for a sample person X. Note - You have to include name, introduction, hobbies, qualifications, projects, etc. (All these parameters can be filled as per your own liking, like you can give whatever introduction or qualifications or projects that you like but they must be present in the website) At the end please include a responsive " Contact Me " form. The page should be creative and must contain pictures (again, pictures as per your liking).arrow_forwardNot reject warrning <!DOCTYPE html><!-- Coding by CodingNepal || www.codingnepalweb.com --><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>Hoverable Sidebar Menu HTML CSS & JavaScript</title> <link rel="stylesheet" href="style.css" /> <!-- Boxicons CSS --> <link flex href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" /> <script src="script.js" defer></script> </head> <body> <nav class="sidebar locked"> <div class="logo_items flex"> <span class="nav_image"> <img src="images/logo.png" alt="logo_img" /> </span> <span class="logo_name">CodingNepal</span> <i class="bx bx-lock-alt" id="lock-icon" title="Unlock…arrow_forward
- <!DOCTYPE html><!-- Coding by CodingNepal || www.codingnepalweb.com --><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>Hoverable Sidebar Menu HTML CSS & JavaScript</title> <link rel="stylesheet" href="style.css" /> <!-- Boxicons CSS --> <link flex href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet" /> <script src="script.js" defer></script> </head> <body> <nav class="sidebar locked"> <div class="logo_items flex"> <span class="nav_image"> <img src="images/logo.png" alt="logo_img" /> </span> <span class="logo_name">CodingNepal</span> <i class="bx bx-lock-alt" id="lock-icon" title="Unlock Sidebar"></i>…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_forwardCreate an HTML 5 web page 1, add a background color sky-blue, and name the page, “The Sky Is The Limit”. Add a Heading: LEARNER: Lesson Learned (ALL CAPS), add your full nameand Surname, Student Number, Module Code, Semester, Date, and Year in the text line. Also add a paragraph with a list of 05 positive points and five negative points reflecting on this module CS 101, (good and/or bad). Also, make a suggestion on how to improve. Create another page 2 using HTML 5, add background color to be light gray, insert two text boxes, all should be in the middle, the first one lable it Username and the second one Password, and add the following buttons, Clear and Log-in, add a link named Forgotten Password at the bottom, on a mouse click, a popup message/window saying “ Please contact the administrator for assistance!!! should appear. - Use JavaScript code to make text box 1 (Username) accept only text and text box 2 (Password) to accept a combination of both text and numbers.…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
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning