Related questions
what I have so far
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<h1>Lab 5</h1>
<h2>Part 1</h2>
</head>
<body bgcolor="Lightskyblue">
<br>
<br>
<form>
<label> Firstname </label>
<input type="text" name="firstname" size="15" /> <br> <br>
<label> Lastname: </label>
<input type="text" name="lastname" size="15" /> <br> <br>
Email:
<input type="email" id="email" name="email" /> <br>
<br> <br>
Password:
<input type="Password" id="pass" name="pass"> <br>
<br> <br>
</form>
<h2> Part 2</h2>
<form>
<fieldset>
<legend>Color Picker Legend Tag here:</legend>
<label for="color">Background Chooser:</label>
<input type="color" class="theme" id="color" />
</fieldset>
</form>
<script>
$("#color").change(function () {
$("body").css("background", $(this).val());
});
</script>
<h2>Part 3</h2>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<h1>Lab 5</h1>
<h2>Part 1</h2>
</head>
<body bgcolor="Lightskyblue">
<br>
<br>
<form>
<label> Firstname </label>
<input type="text" name="firstname" size="15" /> <br> <br>
<label> Lastname: </label>
<input type="text" name="lastname" size="15" /> <br> <br>
Email:
<input type="email" id="email" name="email" /> <br>
<br> <br>
Password:
<input type="Password" id="pass" name="pass"> <br>
<br> <br>
</form>
<h2> Part 2</h2>
<form>
<fieldset>
<legend>Color Picker Legend Tag here:</legend>
<label for="color">Background Chooser:</label>
<input type="color" class="theme" id="color" />
</fieldset>
</form>
<script>
$("#color").change(function () {
$("body").css("background", $(this).val());
});
</script>
<h2>Part 3</h2>
<form>
<div>
<label> Firstname </label> <br>
<input type="text" name="firstname" size="15" required /> <br> <br>
<label> Lastname: </label> <br>
<input type="text" name="lastname" size="15" required /> <br> <br>
<label> Email: </label> <br>
<input type="email" id="email" name="email" required /> <br>
<br> <br>
</label> Password: </label> <br>
<input type="Password" id="pass" name="pass" required> <br>
<br> <br>
</label> Bio: </label> <br>
<textarea rows="5" cols="60" name="text" placeholder="Bio"></textarea>
</div>
</form>
</body>
<!-- Please add email so can be contacted -->
</html>
Step by stepSolved in 3 steps with 3 images
- the html code is like this ---- <!DOCTYPE html> <html lang="en" dir="ltr" id="top"> <head> <metacharset="utf-8"> <title>Gallery zoo </title> </head> <body> <header> <h1>zoo </h1> <h3id="zoop">zoo</h3> </header> <linkrel="stylesheet"type="text/css"href="n.css"> <scripttype="text/javascript"src="n.js"></script> <body> <scriptsrc="unit3.js"type="text/javascript"></script> <headerid="top"> <h1> Z O O </h1> <h3id="ZOO">this is zoo</h3> </header> <nav> <header> <ulstyle="list-style-type:none"> <li><ahref="#elephantSection">elephant</a></li> <li><ahref="#bearSection">bear</a></li> <li><ahref="#lionSection">lion</a></li> <li><ahref="#monkeySection">monkey</a></li>…arrow_forwardwhat I have so far <!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script><h1>Lab 5</h1> <h2>Part 1</h2></head><body bgcolor="Lightskyblue"><br><br><form><label> Firstname </label><input type="text" name="firstname" size="15" /> <br> <br><label> Lastname: </label><input type="text" name="lastname" size="15" /> <br> <br> Email:<input type="email" id="email" name="email" /> <br><br> <br>Password:<input type="Password" id="pass" name="pass"> <br><br> <br></form><h2> Part 2</h2><form><fieldset><legend>Color Picker Legend Tag here:</legend><label for="color">Background Chooser:</label><input type="color" class="theme" id="color"…arrow_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> <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>…arrow_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> <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>…arrow_forwardGiven the following code rendered in a browser, how many of the list items have a clickable link? <!DOCTYPE html> <html> <body> <ol> <li>Cultural</li> <li><a href="https://emich.edu">EMU</a></li> <li><a href="https://umich.edu">UofM</a></li> </ol> </body> </html> A. None B. 1 C. 2 D. 3 E. None of the abovearrow_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_forward
- My code is like this <!doctype html> <html> <head> <title>Books Data</title> <script src= "https://code.jquery.com/jquery-3.5.1.js"> </script> <style> table { width=100%; } th { background-color:grey; } td { background-color:cyan; } </style> </head> <body> <table id="myTableData"> <tr> <th>id</th> <th>Book name</th> <th>description</th> <th>price</th> <th>author</th> <th>type</th> <th>img</th>…arrow_forward<!DOCTYPE html><html><head><title>ABOUT</title></head><body><main> <nav> <a href="home.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>About ME</h1> <picture> <source media="(min-width:650px)" srcset="lake-650.jpg"> <source media="(min-width:465px)" srcset="lake-465.jpg"> <img src="lake.jpg" alt="lake" style="width:auto;"> </picture> <p>Why hello there and welcome!.</p><p>Hello there my name is Josiah McSweeney and I am a computer engineering student I really enjoy working with computers and exploring what I'm able to do with them I am currently 22 years and I'm working towards getting my associate's degree In computer engineering.</p><p>My motto: is take your time do your best and you will always succeed.</p><div>…arrow_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><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 would the output be? <!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>Syntax in JavaScript</title> </head> <body> <h1>JavaScript Example</h1> <p>JavaScript is a case-sensitive language,Case -sensitive means lower and upper case letters are different.</p> <script src="js/myscript.js"></script> <script> alert("Welcome to javascript world"); </script> </body></html>arrow_forward<?xml version="1.0" encoding ="UTF-8"?><AUCTIONBLOCK><ITEM><TITLE>Vase and Stones</TITLE><ARTIST>Linda Mann</ARTIST><DIMENSIONS>20x30 inches</DIMENSIONS><MATERIALS>Oil</MATERIALS><YEAR>1996</YEAR><DESCRIPTION/><PREVIEW-SMALL SRC="images/burl-s.jpg" WIDTH="300" HEIGHT="194" ALT="Vase and Stones"><!--The small image--></PREVIEW-SMALL><PREVIEW-LARGE SRC="images/burl.jpg" WIDTH="640" HEIGHT="413" ALT="Vase and Stones"/><BIDS><BID><PRICE>3300</PRICE><TIME>9:19:32 AM</TIME><BIDDER>John</BIDDER><TIMESTAMP>1315</TIMESTAMP></BID><BID><PRICE>3200</PRICE><TIME>8:18:31 AM</TIME><BIDDER>Andrew</BIDDER><TIMESTAMP>1308</TIMESTAMP></BID><BID><PRICE>3100</PRICE><TIME>2:48:08…arrow_forward
- Computer Networking: A Top-Down Approach (7th Edi...Computer EngineeringISBN:9780133594140Author:James Kurose, Keith RossPublisher:PEARSON
Computer Organization and Design MIPS Edition, Fi...Computer EngineeringISBN:9780124077263Author:David A. Patterson, John L. HennessyPublisher:Elsevier Science
Network+ Guide to Networks (MindTap Course List)Computer EngineeringISBN:9781337569330Author:Jill West, Tamara Dean, Jean AndrewsPublisher:Cengage Learning 
Concepts of Database ManagementComputer EngineeringISBN:9781337093422Author:Joy L. Starks, Philip J. Pratt, Mary Z. LastPublisher:Cengage Learning
Prelude to ProgrammingComputer EngineeringISBN:9780133750423Author:VENIT, StewartPublisher:Pearson Education
Sc Business Data Communications and Networking, T...Computer EngineeringISBN:9781119368830Author:FITZGERALDPublisher:WILEY