Part 2 - Relative
Q: What color font does the second paragraph inherit? <!DOCTYPE html> <html lang="en">…
A: The provided HTML code includes a CSS style block that sets the color of the text in the body of the…
Q: Variable Width Images: 1. View the properties of the images in the Images/Responsive folder that you…
A: In our guidelines we solve first one only.…
Q: Write html code to create a webpage with a table that displays a photo gallery like the webpage in…
A: The objective of the provided question is to create a webpage with a table that displays a photo…
Q: Login and Registration Form in HTML | CodingNepal…
A: create mysql database using node.js in javascript
Q: Part 4 - Positions (positions.html) At the end of this section, you will have a webpage that looks…
A: See the code if you don't understand anything in that repost it which part you don't understand will…
Q: Home Page Home Contact About Welcome to my (about me)…
A: HTML code:- <!DOCTYPE html><html><head><title>Home…
Q: 1. View the properties of the images in the Images/Responsive folder that you downloaded from Canvas…
A: Our guidelines,we answer only first one. ===========================================================…
Q: Part 4 - Positions (positions.html) At the end of this section, you will have a webpage that looks…
A: Let's start with questions see the code if you have any doubt post the doubt Code :::: <!DOCTYPE…
Q: 1. View the properties of the images in the Images/Responsive folder that you downloaded from Canvas…
A: According to our guidelines, we answer first one only.…
Q: 4. Each page should contain at least 15 unique HTML elements. You will need to add more content to…
A: An HTML element is defined by a start tag, some content, and an end tag.
Q: <!DOCTYPE html><html><head><title>Home…
A: HTML stands for a hypertext markup language. It is used for designing static web pages along with…
Q: ABOUT Home Contact About About ME Why…
A: indentation is nothing but well represented code. imagine the whole code is written in one line with…
Q: how could i change the CSS ,to make the right box ,with the "return "box in the most right corner…
A: Explanation: To make the box on the right-hand float property is used and the value for float…
Q: 4. Each page should contain at least 15 unique HTML elements. You will need to add more content to…
A: Added New components like <h1>, <hr>, <form>, <label>,<br…
Q: Part 4 - Positions (positions.html) At the end of this section, you will have a webpage that looks…
A: Code :: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…
Q: 2. Fix indentations by following this guide (https://developers.google.com/style /html-formatting)
A: I have fixed the indentation in below code.
Q: Part 3 Adding Rules Add three Content Division elements to index.html o Each Content Division…
A: I attached your answer in below.
Q: ABOUT Home Contact About About ME Why…
A:
Q: /* element selector */ replace-me { font-size: 10px; margin: 0;…
A: Here I define style as per html tags defines.
Q: a "landing "html ,the code is like this landing .html store
A: landing.html <!DOCTYPE html> <html lang="en"> <head> <meta…
Q: DOCTYPE html> Part 4 - Positions /* element selector */…
A: It is defined as Hyper Text Markup Language. HTML is the standard markup language for creating Web…
Q: Home Page Home Contact About Welcome to my…
A: Given HTML Code: <!DOCTYPE html><html><head><title>Home…
Q: /* element selector */ replace-me { font-size: 10px; margin: 0;…
A: As per your code given i Select proper class or tags for css style.
Q: This is my first page Hi my name is Aziz This is my bio…
A:
Q: At the end of this section, you will have a webpage that looks and functions like the webpage in the…
A: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta…
Q: Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles…
A: CSS position property is used to set position for an element.
Q: Introduction Use the following cSS requirements to add style cSS Requirements • Link an external…
A: Element selector: Element selectors select all elements by their tag and give the same style to all…
Q: Create an Associative Array for FoodInfo Apply the same method to get the value into the array.…
A: As you have asked for food order information only, I have added the java script for saving and…
Q: how could i make the submit ,average and reset button all disable until i enter a number between…
A: The fixed HTML and JavaScript codes are given below.
Q: 3. add nav, main, and footer elements (.. .)
A: This coding is for designing a web page of a student who wants to display his interests &…
Q: "> Part 4 - Positions /* element selector */ replace-me {…
A: It is defined as Hyper Text Markup Language. HTML is the standard markup language for creating Web…
Q: 3. add nav, main, and footer elements (... .)
A: In this HTMl added with the Nav element ,Main element , and footer element.
Q: 3. add nav, main, and footer elements (.... .)
A: here we have given html code with nav, main and footer elements
Q:
A: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta…
Q: 3. add nav, main, and footer elements (.. .)
A: //<nav> tag: <nav> tag is used to define set of navigation links. //save below program…
Q: Use the following CSS requirements to add style cSS Requirements Link an external style sheet to…
A: The code for the external CSS file is given below. Also, the output of the code is attached.
<!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>
Trending now
This is a popular solution!
Step by step
Solved in 4 steps with 2 images
- <!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 */ replace-me { font-size: 10px; margin: 0; background-color:#414046; } /* class selector */ .replace-me { position: fixed; left: 4em; top: 0; background-color: white; width: 4em; height: 100vh; } /* class selector */ .replace-me { position: fixed; right: 4em; top: 0; background-color: white; width: 4em; height: 100vh; } /* class selector */ .replace-me { position: fixed; right: 0; top: 0;…<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Black Goose Bistro Summer Menu</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Marko+One&display=swap" rel="stylesheet"> <style> body { font-family: 'Open Sans', sans-serif; font-size: 100%; } h1 { font-family: 'Marko One', serif; font-size: 1.5rem; } h2{ font-size: 1rem; } </style> </head> <body> <div id="info"> <h1>Black Goose Bistro • Summer Menu</h1> <p>Baker's Corner, Seekonk, Massachusetts<br> <span…this are some html file landing .html <!DOCTYPE html> <html lang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width, initial-scale=1.0"> <title>store </title> </head> <headerclass="container-1"> <ahref="main.html"target="myFrame"><imgsrc="images/logo.PNG"alt="logo"class="logo"></a> <nav> <ul> <li><ahref="main.html"target="myFrame">Home</a></li> <li><ahref="glass.html"target="myFrame">glass</a></li> <li><ahref="snack.html"target="myFrame">mouse</a></li> <li><ahref="mouse.html"target="myFrame">snack</a></li> <li><ahref="cart.html"target="myFrame">cart</a></li> </ul> </nav> </header> <mainclass="frame-style"> <iframesrc="main.html"name="myFrame"allowfullscreen></iframe> </main> </body>…
- 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>…<!DOCTYPE html><html><head><!--Pop up Tutorial--><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Hands-on Project 5-2</title><link rel="stylesheet" href="styles.css" /><script src="modernizr.custom.05819.js"></script></head> <body><header><h1>Pop-Up Tutorial</h1></header> <article><h2>Change of address form</h2><form><fieldset id="contactinfo"><label for="addrinput">Street Address</label><input type="text" id="addrinput" name="Address" /><label for="cityinput">City</label><input type="text" id="cityinput" name="City" /><label for="stateinput">State/Province</label><input type="text" id="stateinput" name="State" /><label for="zipinput">Zip/Postal Code</label><input type="number" id="zipinput" name="Zip" /></fieldset><fieldset…<!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>…
- <!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>…this html code runs like this <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="/css/style.css"> <title>Login</title> <script type="application/javascript"> function validate() { const data = new URLSearchParams(); data.append('name', document.getElementById("name").value); data.append("password", document.getElementById("password").value); var params = { name: document.getElementById("name").value, password: document.getElementById("password").value }; var request = new XMLHttpRequest(); request.open("POST", "/api/login"); request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");…this html code looks 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>Login</title> <style> form{ display: flex; flex-direction: column; width: 300px; justify-content: space-evenly; margin: auto; } h2{ position: fixed; width: 350px; height: 300px; top: 50%; left: 50%; margin-top: -150px; margin-left: -175px; background: #07A8C3; padding-top: 10px; } </style> <script type="application/javascript"> function validate() { {{!-- var data = new FormData(); --}} const data = new URLSearchParams(); data.append('name', document.getElementById("name").value); data.append("password", document.getElementById("password").value); var params = { name: document.getElementById("name").value, password:…
- what I have so far <!DOCTYPE html><html><head><link rel="stylesheet" href="mystyle.css"><title>About me</title></head><body> <h1>Josiah McSweeney</h1> <div ><div><h2>A bit about me</h2></div> <p>I'm a very open individual I like to chat maybe a little too much I love working with technology which is probably one of the biggest reasons why I'm here now and something that you may need to know about me is I have dysgraphia which is a medical condition and it makes it so I'm unable to write anything down on paper/write anything that could be read on paper</p> <p>Some other things to know about me are but I am very meticulous about any and all of my work but I'm not sure if this is because I'm responsible or because of my anxiety disorder which causes me to not forget about anything I really am not sure about this but I'm going to take it as is</p> <div><h2>Stuff I…<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><!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 */ replace-me { font-size: 10px; margin: 0; background-color:#414046; } /* class selector */ .replace-me { position: fixed; left: 4em; top: 0; background-color: white; width: 4em; height: 100vh; } /* class selector */ .replace-me { position: fixed; right: 4em; top: 0; background-color: white; width: 4em; height: 100vh; } /* class selector */ .replace-me { position: fixed; right: 0; top: 0;…