Explanation of Solution
Predict the result:
Given Code:
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Predict the Result</title>
<meta charset="utf-8">
<!--style Tag -->
<!--Internal CSS-->
<style>
<!--Alignment for body tag -->
body { background-color: #eaeaea;
color: #000;
font-family: Verdana, Arial, sans-serif; }
<!--Alignment for wrapper tag-->
#wrapper { width: 80%;
margin: auto;
overflow: auto;
min-width: 960px;
background-color: #d5edb3;}
<!--Alignment for navigation buttons -->
nav { float: left;
width: 150px; }
<!--css applied to main -->
main { margin-left: 160px;
margin-right: 160px;
background-color: #ffffff;
padding: 10px; }
aside { float: right;
width: 150px;
color: #000000; }
</style>
<!--end of internal style sheet-->
<!--close tag -->
</head>
<!-- body of the program -->
<body>
<!-- division tag -->
<div id="wrapper">
<header role="banner">
<h1>Trillium Media Design</h1>
</header>
<!-- close tag -->
<!--navigation button-->
<nav role="navigation">
<!-- arrange in unordered lists -->
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="clients...
Want to see the full answer?
Check out a sample textbook solutionChapter 7 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
- in a html code like this --------------------------- <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="1.css"> <script src="1.js"></script> <title>Temperature Converter </title> </head> <body> <h1 id="title"> Temperature Converter </h1> <p> Convert from Fahrenheit to Celsius</p> <div class="sidebyside"> <label>Fahrenheit</label> <p> Enter Fahrenheit temperature </p> <input id="fInputValue" onkeypress="return validate(event)" maxlength="10"> <button type="button" onclick="convertToC()">Submit</button> <br> <label>result Celsius: </label> <p id="resultCValue"> </p> </div> </br> <div class="sidebyside" style="margin-top: 0px;border: none;"> <label>Result of the input </label> </br>…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_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_forward
- I need login page code in Html and css with validation code in javascript only make simple as much as.arrow_forwardPlease do in HTML. Thank you! 1. Open your preferred text editor.2. Create a basic HTML skeleton page with the following elements:a. Add <!DOCTYPE html>b. Add <html></html>c. Add <head></head>d. Add <body></body>3. Add lang=en (w/ or w/o quotes) to an appropriate element.4. Add the four folders you typically expect to find with an organized website: images, scripts,styles, docs (this is a good habit to get into now).HEAD Section:5. Add <title>Hello world</title>6. Add <meta charset="utf-8">BODY Section7.Add h1 tags and the title Hello World!8. Add p tags and a sentence like: “Hello,world. I am Geoff and I am learning aboutHTML.”arrow_forwardi 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_forward
- Create 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_forwardCreate a web page that generates a timesheet table like the one in Figure 1 using the HTML code from Figure 2 and the CSS rules from Figure 3 below. NOTE: For Figure 2, fill in the ellipsis (...) with the correct code.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> <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
- javascript programming <!DOCTYPE html><html><head><!--Let us get Initial of First and Last Name with Combination of Zip Code to Form Account Number--><meta charset="utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>Generate Account Number</title><link rel="stylesheet" href="styles.css" /><script src="modernizr.custom.65897.js"></script></head> <body><header><h1>Generate Account Number with First/Last Name Initial and Zip Code</h1></header> <article><h2>New Account Information</h2><form><fieldset id="deliveryinfo"><label for="fnameinput">First Name</label><input type="text" id="fnameinput" name="fname" /><label for="lnameinput">Last Name</label><input type="text" id="lnameinput" name="lname" /><label for="addrinput">Street Address</label><input type="text" id="addrinput"…arrow_forwardCreate a full HTML page according to the following requirements: Set the web page background color to rgb(150,150,250). Add background image to the page; you can download logo Do not repeat the background image. Set the background image position to top right. Insert the largest heading with the text “fun park”. Set the heading background color to white Add opacity value 0.6 to the headingarrow_forwardWrite 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_forward
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning