Question
In: Computer Science
BEFORE html <html> <head> <link rel="stylesheet" type="text/css" href="mystyle98_d.css"> </head> <body> <p>
BEFORE html
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle98_d.css">
</head>
<body>
<p>
I'm a paragraph, what color am I ?
</p>
<ul>
<li id = "fix"> I'm a list item;what color am I? </li>
</ul>
<div class = "central1">
<p class ="above">
I'm a paragraph; what color am I?
</p>
<p>
I'm another paragraph, what color am I ?
</p>
<ol>
<li id = "fix1"> I'm another list item;what color am I? </li>
</ol>
</div>
</body>
</html>
create a CSS with the following changes:
- Make the outer list text color blue , and make the outer (non div) paragraph blue, and the div inner list element pink also inside the div element make the first inner paragraph green, and in the div element the second paragraph blue, so that in order: blue-blue-green-blue-pink
- As a separate case, make the text elements of all the div elements red , except the second div paragraph blue and italic and also make the outer non div paragraph cyan so that in order: cyan-black-red-blue-red
- As a separate case, create css to make all the text elements of the HTML page alternate between blue,
Red , green,blue,red ( in that order)
- As another separate case , create css to make the non-div paragraph red, and the div inner paragraphs cyan, so that in order: red-black-cyan-cyan-black
Solutions
Expert Solution
Screenshot of required output and corresponding css files are attached below:-
Answer (a)
Answer (b)
Answer
(c)
Answer
(d)
venereology answered 1 year agoRelated Solutions
HTML mark-up text know the following HTML tags: · <html> · <body> · <head> · <p> ·...
HTML mark-up text
know the following HTML tags:
· <html>
· <body>
· <head>
· <p>
· <h1>, <h2>, <h3>, etc…
· <a>
· <img>
· <br>
· <hr>
· <pre>
· <i>
· <b>
· <em>
· <sub>
· <ins>
· <strong>
· <mark>
· <cite>
· <address>
· <abbr>
After you have reviewed these HTML tags and developed a sense of
how they manipulate the presentation of the mark-up, write a sample
page of HTML that briefly goes over...
HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Clock</title> <link rel="stylesheet" href="clock.css"> &n
HTML
<!DOCTYPE html>
<html>
<head>
<meta
charset="UTF-8">
<title>Clock</title>
<link rel="stylesheet"
href="clock.css">
<script
src="clock.js"></script>
</head>
<body>
<main>
<h1>Digital
clock</h1>
<fieldset>
<legend>Clock</legend>
<span
id="hours"> </span>:
<span
id="minutes"> </span>:
<span
id="seconds"> </span>
<span
id="ampm"> </span>
</fieldset>
</main>
</body>
</html>
CSS:
body {
font-family: Arial, Helvetica,
sans-serif;
background-color:
white;
margin: 0 auto;
width: 450px;
border: 3px solid
blue;
padding: 0 2em 1em;
}
h1 {
color: blue;
}
label {
float: left;
width: 11em;
text-align: right;
padding-bottom:
.5em;
}
input {
margin-left: 1em;
margin-bottom:
.5em;
}
fieldset {...
Question Block elements v.s. inline elements. <!DOCTYPE html> <html> <head> <style> body{ text-
Question
Block elements v.s. inline elements.
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align: center;
}
.textdiv {
background-color:
LightSlateGrey;
width: 50%;
}
.imgdiv {
background-color: PapayaWhip;
width: 30%;
}
</style>
</head>
<body>
<h2>Center Me</h2>
<p>"Neque porro quisquam est qui
dolorem ipsum quia dolor sit amet, consectetur, adipisci
velit..."</p>
<div class="textdiv">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt...
<!DOCTYPE html> <html> <body> <!-- replace the text below with your name!--> <!-- --> <!-- -->...
<!DOCTYPE html>
<html>
<body>
<!-- replace the text below with your name!-->
<!-- -->
<!-- -->
<title> TYPE YOUR NAME HERE</title>
<script>
//
// A bug collector collects bugs every day for five days. Write a function that keeps
// a running total of the number of bugs collected during the five days. The loop
// should ask for the number of bugs collected for each day, and when the loop is
// finished, the program should display the total...
<!DOCTYPE html> <html> <body> <!-- replace the text below with your name!--> <!-- --> ...
<!DOCTYPE html>
<html>
<body>
<!-- replace the text below with your name!-->
<!-- -->
<!-- -->
<title> name </title>
<script>
//
// Write a function that calculates the amount of money a person
would earn over
// a period of years if his or her salary is one penny the first
day, two pennies
// the second day, and continues to double each day. The program
should ask the
// user for the number of years and...
<!DOCTYPE html> <html lang="en"> <head> <title>Form Display Example</title> <script type="text/javascript"> function display() {...
<!DOCTYPE html>
<html lang="en">
<head>
<title>Form Display Example</title>
<script type="text/javascript">
function display() {
dispWin =
window.open('','NewWin','toolbar=no,status=no,width=300,height=200')
message = "<ul><li>NAME:" +
document.form1.name.value;
message += "<li>ADDRESS:" +
document.form1.address.value;
message += "<li>PHONE:" +
document.form1.phone.value;
message += "</ul>";
dispWin.document.write(message);
}
</script>
</head>
<body>
<h1>Form Display Example</h1>
<p>Enter the following information. When you
press the Display button, the data you entered will be displayed in
a pop-up.</p>
<form name="form1" method="get" action="">
...
Can someone verify why my code isnt running <!DOCTYPE html> <html> <body bgcolor=aqua text=purple> <script type="text/javascript">...
Can someone verify why my code isnt running
<!DOCTYPE html>
<html>
<body bgcolor=aqua text=purple>
<script type="text/javascript">
funtion oldMacVerse(animal, sound)
//Assumes: animal is the name of an animal, sound is the sound it
makes
//Results: displays a version of the song "Old MacDonals Had a
Farm" in outputDiv
{
document.getElementById('outputDiv').innerHTML =
'<p>Old MacDonald had a farm,
E-I-E-I-O.<br>' +
'And on that farm he had a ' + animal + ',
E-I-E-I-O.<br>' +
'With a ' + sound +...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Weather App </title> <link rel="stylesheet"...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Weather App </title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
<div class="app-wrap">
<header>
<input type="text" autocomplete="on" class="search-box"
placeholder="Enter your location..." />
</header>
<main>
<section class= "location">
<div class="city">Hyderabad, IN</div>
<div class="date">Thursday 23 July 2020</div>
</section>
<div class="current">
<div
class="temp">25<span>°c</span></div>
<div class="weather">Rainy</div>
<div class="hi-low">20°c / 23°c</div>
</div>
</main>
</div>
<script src="main.js"></script>
</body>
</html>
MAIN.js
const api = {
key="091ff564240e0e16c46ae680b188ca3e"
base: "https://api.openweathermap.org/data/2.5"
};
const searchbox = document.querySelector(".search-box");
searchbox.addEventListener("keypress", setQuery);
function setQuery(evt) {...
Remove inline style to an external file <!DOCTYPE html> <html> <head> <title>PROBLEM</title> </head> <body> <form>...
Remove inline style to an external file
<!DOCTYPE html>
<html>
<head>
<title>PROBLEM</title>
</head>
<body>
<form>
<table style="color:white;background-color:blue;border:solid
black 7px;border-radius:25px;">
<tr><th colspan="2"
style="color:white;background-color:black;border:solid black
2px;outline:solid black 2px;">SQUARE
PROBLEM</th></tr>
<tr> <td><label>Enter
side:</label></td><td> <input type="text"
style="background-color:#DEDEE6;border:4px solid red;"/>
</td> </tr>
<tr>
<td><label>Area:</label></td><td>
<input type="text" readonly
style="background-color:#DEDEE6;border:4px solid yellow;"/>
</td> </tr>
<tr>
<td><label>Perimeter:</label></td>
<td> <input type="text" readonly
style="background-color:#DEDEE6;border:4px solid yellow;"/>
</td> </tr>
<tr>
<td colspan="2" >
<center>
<input type="button" value="Area"
style="color:white;background-color:black;border:1px solid
red;"/>
<input type="button" value="Perimeter"
style="color:white;background-color:black;border:1px solid
white;"/>...
We went over the format and syntax of CSS. Below, write the correct CSS syntax to make the body of an HTML document the color blue.
We went over the format and syntax of CSS. Below, write the
correct CSS syntax to make the body of an HTML document the color
blue. Also write what each keyword represents (example: the
selector? property? etc.)
ADVERTISEMENT
ADVERTISEMENT
Latest Questions
- Which notion from below best explains people's decision-making process from an economic perspective? People's behavior reflects...
- 1)The histone proteins of nucelosomes are often abnormally modified in cancer cells, leading to _____. a....
- The files provided contain syntax and/or logic errors. In each case, determine and fix the problem,...
- I need an analysis and a complete description of the physics of the mass and magnet...
- C++, Write an Exception Class for the Student class you created in the initial project you...
- IS-LM-BP Model (Open Economy) Question 2 Goods Market C = Co + cYD YD = Y-...
- Suppose an inflationary economy can be described by the following equations representing the goods and money...
ADVERTISEMENT