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 8 months 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 {...
<!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 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) {...
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.)
<html> <head> <title>Nick D'Angelo</title> </head> <body> <h1>This is a header</h1> <h2>This is a subheader</h2> &nbs
<html>
<head>
<title>Nick
D'Angelo</title>
</head>
<body>
<h1>This is a
header</h1>
<h2>This is a
subheader</h2>
<p>The quick
<b>brown</b> fox jumped <i>over</i> the
lazy dog.</p>
<!--additional paragraph-->
<!--here two words are bold and two
are italicized-->
<p>Pack my <b>box</b>
with <i>five</i> dozen <b>liquor</b>
<i>jugs</i>. Go to <a href='https://www.esu.edu'
target="_blank">site</a></p>
<a
href="http://ndangelo.com">Nick's Homepage</a>
<a href="http://ndangelo.com"
target="_blank">Nick's Homepage</a>
</body>
<html>
Add an Ordered, Unordered, Definition and Nested list to
your html file (one for each). Each should be at least 10 lines or
more....
CSS Write a document wide style block (include the correct HTML tag) to set all <p>...
CSS
Write a document wide style block (include the correct HTML tag)
to set all <p> tags to be double spaced and justified (not
ragged left / right text)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>All Pets Veterinary Hospital</title> <style> body { font-family: arial,...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>All Pets Veterinary Hospital</title>
<style>
body {
font-family: arial, sans-serif;
font-size: 100%;
}
/* outer container */
#wrapper {
width: 960px;
margin: 50px auto;
padding: 0px;
background-color: rgb(255, 255, 255);
/* white */
border: 1px solid #000;
/* black */
}
header h1 {
text-align: center;
}
nav {
text-align: center;
background: rgb(175, 196, 206);
}
address figure {
text-align: center;
}
</style>
</head>
<body>
<div id="wrapper">
<!-- outer...
ADVERTISEMENT
ADVERTISEMENT
Latest Questions
- 15. Imagine you are investing for one year and are considering three different bonds, each with...
- When Myra's boyfriend, Byron, unexpectedly lost his roommate and could no longer afford to live in...
- To make an essay persuasive on marriage between the same sex, which has 5 paragraph and...
- Please solve in C++ only class is not templated You need to write a class called...
- Question: Do you agree or disagree with comparable worth advocates' perspectives on the gender wage gap?...
- Journal Entries for a Capital Lease-Lessee On January 1, the lessee company signed an operating lease...
- Explain how community perceptions play into law enforcement Describe the value of community partnerships Provide examples...
ADVERTISEMENT