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 10, Problem 3HOE
Explanation of Solution
Description of a website using webpage analyzer:
- The Uniform Resource Locator (URL) gives information of title of the website or webpage and its search information like time and date.
- It shows the number of Hyper Text Transfer Protocol (HTTP) requests and their memory in bytes.
- It has information of objects present in the website like type, size in bytes, time taken for downloading...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Using query string with javascript, how do I populate the third page with the required information?
Page #3:
Congratulates the user, or informs them of their failure to guess the word. This page must show:
User 1 Name
User 2 Name
Word they were trying to guess
Page 1 html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hangman</title>
</head>
<body>
<h1>Welcome to the Hangman Word Guessing Game!</h1>
<p>Enter your name:</p>
<input type="text" id="name-input">
<p>Enter a word for the other player to guess:</p>
<input type="text" id="word-input">
<p>Enter the number of incorrect guesses allowed:</p>
<input type="number" id="guesses-input">
<button onclick="startGame()">Go</button>
<script src="script1.js"></script>
</body>
</html>
script1.js:
function startGame() {
const name = document.getElementById("name-input").value;
const…
this is what I have so far it's not quite right it looks off and I need help to fix it on the image is what I have and the other is the question with an image of what it should look like
<!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>Part 4 - Positions</title> <style>
/* element selector */ .left-grassp { position:absolute; left:120px; top:-70px; width: 1100px; height: 109vh; background-color:#414046; } .right-grasspp { position: absolute; left:220px; top:1px; width: 4em; height: 100vh; background-color:#414046; } /* class selector */ .right-sidep { position: absolute;…
Develop 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”.
Chapter 10 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Knowledge Booster
Similar questions
- I have the index done (below), I need help with login and registration : <!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"> <link> <title>Front Page</title> </head> <body> <header> <h1>Register Form</h1> <p>Get started here</p> <a class="btn-bgstroke"></a> </header> <nav> <div class="application"> <h2>Naviagate</h2> </div> <ul> <li> <a href="Index.html">Home</a> </li> <li> <a href="login.html">Login</a> </li> <li> <a…arrow_forward1. Create a web page Actlink.html in your folder. 2. Create another web page ActLink1.html and save it in the subfolder called Link. Perform the following activities on Actlink.html 3. Write Information Technology as heading of level1 and make it in the center. 4. Write IT as a sub-heading of level 2 and make it left align. 5. Copy the text about Information Technology (at least three paragraphs) from internet and paste it in your page. 6. Make a link with sub-heading IT with the page from where you get the material. Make sure that the link is opened in a new window. 7. Create a link at the top of the page with text “Go to Bottom” to display the bottom of the page. 8. Similarly, create a link at the bottom of the page with text “Go to Top” to display the top of the page.arrow_forwardthis "landing "html is like this ----------------------------- <!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>store</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="main.html"> <img…arrow_forward
- 1. Create a CRUD system using the functionalities and layouts of the webpage shown in the video, provided the link below. As much as possible, please make the webpage same to the design shown in the video. 2. Submit the source code, along with the MySQL database. 3. Submit an explaination of the source code as well as the program flow. Video Link: https://youtu.be/icrMr5wZlcUarrow_forwardHTML 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_forwardWhy may Jquery not working? Please help ... <!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> LABEX 16 </title> <script src="https://code.jquery.com/jquery-3.1.1.js"> </script> <style> </style> </head> <body> <script> $(document).ready(function () { $("#sampleDiv1").css("background-color", "yellow"); $("p").css("background-color", "blue", "width", "4rem"); }); </script> <div id="sampleDiv1"> <p> This is the first paragraph. </p> </div> <div> <p>…arrow_forward
- <!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>Part 2 - Relative</title> <style> /* Write your style rules here */ </style></head><body> <!-- Write your HTML here --></body></html>arrow_forwardUpdate the HTML code below to have the desired behavior. You can only add classes to the HTML code (cannot add any JavaScript or new HTML tags). <!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>bootstrap</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> </head> <body> <div> <div> <div> <div style="background-color:red; color:white">Rectangle</div> </div> <div> <div style="background-color:green; color:white">Rectangle</div> </div>…arrow_forwardCreate a Dynamic web application with JAVASCRIPT, CSS and HTML using the given the config.json code below : *Note 1! : Use more JavaScript and less HTML, it must be dynamic. *Note2 ! : app must have a vertical side menu and styled forms. config.json code : [{ "name":"Generate Voucher", "api":"https://URL", "form": [ {"name":"count", "type":"number", "required":true}, {"name":"parnter", "type":"string", "required":false}, {"name":"package", "type":"enum", "values":["ApplicationsStandard", "ApplicationsSponsored"]} ] }, { "name":"File Upload", "api":"https://URL", "form":{"name":"file", "type":"file", "required":true} } ]arrow_forward
- Practice Question: <!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>TECH 3500 - Final Exam</title> <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet"> <style> .myStyle { font-family: 'caveat'; font-size:40px; text-shadow: 4px 4px 2px rgba(150, 150, 150, 1); text-align: center; color:purple; } h1 { color: orange; } blockquote { color: white; } .holder{ overflow-x:hidden; } .exam-name{ text-align: center; } .btn { color:dodgerblue; } #class-name{ font-size:40px; color: orange; text-align: center; } .container{ margin: 0 auto; max-width: 100%; padding: 0 13px; } #header{ background:…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_forwardCan you help me I need to show the data on the table and search at the same time but the data must be showed and does not hide. here is my code <?phpsession_start();if (!isset($_SESSION['username'])) header("location: login.php"); { }?><!DOCTYPE html><html><head> <link rel="shortcut icon" href="file/images/favicon.ico" /> <title>View All Records</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/> <link rel="stylesheet" href="file/css/records_style.css"></head> <a href="home1.php"><img class="backarrow"src="file/images/backarrow.png" width="30" height="30"></a></br> <style> </style> <body> <?php include 'search.php'; ?><a href= "add_record.php"><button class="btn"><br>Add New Record</button></a><br> <div> <table class="table_style" > <?php…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Programming with Microsoft Visual Basic 2017Computer ScienceISBN:9781337102124Author:Diane ZakPublisher:Cengage Learning
Programming with Microsoft Visual Basic 2017
Computer Science
ISBN:9781337102124
Author:Diane Zak
Publisher:Cengage Learning