(Below I have posted my full assignment so my question makes sense with context. The part...
(Below I have posted my full assignment so my question makes sense with context. The part I am struggling with is section e. I am not sure how to create the said class. If you could help it would be appreciated. Also, this is all HTML code.)
In this assignment you will create a web page about your favorite TV show of all-time and link it to an external style sheet to apply a few CSS rules to it. Follow the steps below to complete the assignment.
1. Create an external style sheet using a text editor of your choosing. In the CSS file add the following style rules:
a. Entire document should have a black background color
b. All text color on the page should be white
c. All heading elements should have a background color of red
d. All paragraph elements should have a font size of 16px
e. Create a class to make only <li> elements that are descendants of a <ul> element appear bold.
Homework Answers
html code:
css code:
output using css into html:
code of html:
<html> <!--start a html page -->
<head>
<link rel="stylesheet" type="text/css" href="HomeworkLib.css" /> <!---here we link css file--->
<title>
My Favourite Tv Shows <!--give a title-->
</title>
</head>
<body>
<!--below is a h1 tag to show you that header back-ground color is red-->
<h1>This web page is about your favorite TV show of all-time</h1>
<ul class="TV"> <!--In this ul tag we use a class which you want-->
<!--By using li you can insert more tv shows-->
<li>Tom & Jerry</li>
<li>The Outsider</li>
<li>The Witcher</li>
<li>The Mandalorian</li>
</ul>
</body>
</html>
code of css:
/*below we give backgroung color of whole body to black and font color white*/
body{
background-color:black;
color:white;
}
/*below using h1-h6 tag we gave header background color red.*/
h1,h2,h3,h4,h5,h6{
background-color: red;
}
/*below using p tag we gave font size to 16px*/
p{
font-size: 16px;
}
/*this is most important which you want here i make class name tv.You can make class using .(class-name).
than you can write different style into it.Than you can apply it to any tag by adding name into that tag.*/
/*i add Class name="TV" into ul tag in html file*/
.TV{
font-weight: bold;
}
Add Answer to:
(Below I have posted my full assignment so my question makes
sense with context. The part...
Can someone help me with this assignment. I am struggling with the formatting PART A Create...
Can someone help me with this assignment. I am struggling with
the formatting
PART A Create a web page containing data of your choice and the following styles: A background image that repeats vertically on the right hand side of the page. The image should not scroll with the page contents. All the headings should be displayed in green and Arial fonts. Create at least three headings in your web page. A paragraph style with centered double-spaced text that displays...
Create an external style sheet named Lab05.css. In this style sheet put the following styles: At the top of the style sheet, add the line: @charset "utf-8"; Add this comment: /* Lab 5 Extern...
Create an external style sheet named Lab05.css. In this style sheet put the following styles: At the top of the style sheet, add the line: @charset "utf-8"; Add this comment: /* Lab 5 External Style Sheet - Brandon */ Style the h1 element with a background color of lightgreen and center the text. Style the p element with a blue text color and yellow background color. Style the p element of class .firstclass with a green text color. Style the...
Hello, I am designing a website for my class. I am using HTML/CSS/Jscript. I need to...
Hello, I am designing a website for my class. I am using HTML/CSS/Jscript. I need to have my text in the body, white. All text and the picture centered but how do I have margins on the left and right side?. I have a figcaption and I dont know have to place it under the picture but I am having a hard time. Can you help me? Thank you! HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet"...
As part of this assignment we are using the base Gallery HTML and writing JavaScript code...
As part of this assignment we are using the base Gallery HTML and writing JavaScript code that will: 1) preload the images provided to us, 2) Create rollover functionality for each of the thumbnails in your image gallery 3) Use appropriate images found in the images folder. 4) Write developer comments to describe the variables being declared and explain the functions and logical blocks of JavaScript code pertaining to the gallery. I know it has to be an external JS...
Create a CSS-styled Table Page For this Assignment you will first read the appropriate chapters in...
Create a CSS-styled Table Page For this Assignment you will first read the appropriate chapters in the textbook and then a create web page, for example called table.html, in your ubunix.buffalo.eduaccount just as you did in Home Page Assignment. Assignment Requirements Your new web page should utilize the following HTML tags and include the following: A <body> tag that uses an appropriate style value to change the background color of the web page. Appropriate <table>, <tr>, <th>, and <td> tags...
n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the...
n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the chapter; Lab 3 requires you to dive deeper into a topic covered in the chapter. Lab 1: Creating an External Style Sheet for City Farmer Problem: You work for a local but rapidly growing gardening supply company called City Farmer that specializes in products that support food self-sufficiency. The company has hired you to help create the...
Need help starting from question 9. I have tried multiple codes but the program says it is incorrect. Case Problem 1 Da...
Need help starting from question 9. I have tried multiple codes
but the program says it is incorrect.
Case Problem 1 Data Files needed for this Case Problem: mi pricing_txt.html, mi_tables_txt.css, 2 CSS files, 3 PNG files, 1 TXT file, 1 TTF file, 1 WOFF file 0 Marlin Internet Luis Amador manages the website for Marlin Internet, an Internet service provider located in Crystal River, Florida. You have recently been hired to assist in the redesign of the company's website....
Apply the following styles: Set the width of the body element to 1000 pixels. Set the...
Apply the following styles:
Set the width of the body element to 1000 pixels.
Set the width of the navigation element to 100%.
Adjust the css and html to have your navigation list display
horizontally (think floats and widths).
Center the navigation element by setting the margin to auto.
Clear the float for the section element.
Set the width of all articles to 75%.
Add a class to the articles that contains your favorite
websites.
Set the width of that...
Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...
Code for the movies page:
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="style.css"
/>
<title>Daniel's Movie Page</title>
</head>
<body>
<a href="hobbies.html">Hobbies</a>
<h1>Movies and Actors</h1>
<ol>
<li class="ol-list1">Gravity</li>
<li>Avenger</li>
<li>Marshal</li>
<li>Interstellar</li>
<li>Dark Knight</li>
<li>Superman</li>
</ol>
<ul>
<li class="ul-list1">Robet Downey jr.</li>
<li>Sharuk Khan</li>
<li>Ranbir Kapoor</li>
<li>Sidhhart Malhotra</li>
<li>Angela Joli</li>
<li>Leonardo DiCaprio/li>
</ul>
<h2>Favorite Movie</h2>
<p>
<b>Gravity:</b> The movie portrayed what happens to
an astronaut if he/she
is pushed away from spaceship.It was terrifying how much...
Can someone help me with this assignment. I am struggling with
the formatting
PART A Create a web page containing data of your choice and the following styles: A background image that repeats vertically on the right hand side of the page. The image should not scroll with the page contents. All the headings should be displayed in green and Arial fonts. Create at least three headings in your web page. A paragraph style with centered double-spaced text that displays...
n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the chapter; Lab 3 requires you to dive deeper into a topic covered in the chapter. Lab 1: Creating an External Style Sheet for City Farmer Problem: You work for a local but rapidly growing gardening supply company called City Farmer that specializes in products that support food self-sufficiency. The company has hired you to help create the...
Need help starting from question 9. I have tried multiple codes
but the program says it is incorrect.
Case Problem 1 Data Files needed for this Case Problem: mi pricing_txt.html, mi_tables_txt.css, 2 CSS files, 3 PNG files, 1 TXT file, 1 TTF file, 1 WOFF file 0 Marlin Internet Luis Amador manages the website for Marlin Internet, an Internet service provider located in Crystal River, Florida. You have recently been hired to assist in the redesign of the company's website....
Apply the following styles:
Set the width of the body element to 1000 pixels.
Set the width of the navigation element to 100%.
Adjust the css and html to have your navigation list display
horizontally (think floats and widths).
Center the navigation element by setting the margin to auto.
Clear the float for the section element.
Set the width of all articles to 75%.
Add a class to the articles that contains your favorite
websites.
Set the width of that...
Code for the movies page:
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="style.css"
/>
<title>Daniel's Movie Page</title>
</head>
<body>
<a href="hobbies.html">Hobbies</a>
<h1>Movies and Actors</h1>
<ol>
<li class="ol-list1">Gravity</li>
<li>Avenger</li>
<li>Marshal</li>
<li>Interstellar</li>
<li>Dark Knight</li>
<li>Superman</li>
</ol>
<ul>
<li class="ul-list1">Robet Downey jr.</li>
<li>Sharuk Khan</li>
<li>Ranbir Kapoor</li>
<li>Sidhhart Malhotra</li>
<li>Angela Joli</li>
<li>Leonardo DiCaprio/li>
</ul>
<h2>Favorite Movie</h2>
<p>
<b>Gravity:</b> The movie portrayed what happens to
an astronaut if he/she
is pushed away from spaceship.It was terrifying how much...
Most questions answered within 3 hours.
-
To decide your fate, you will play a board game on a simple
board: a linear...
asked 1 hour ago -
1. What are specialty engines? ( )
a. Logical Processors that perform specialized functions
b. An...
asked 2 hours ago -
a. What double precision floating point
number is represented by the following 64-bit binary? Show your...
asked 3 hours ago -
Indicate whether the statement is true or false
(1-20).
1)A good time management plan will eliminate...
asked 4 hours ago -
Which one of the following will occur when the internal rate of
return equals the required...
asked 4 hours ago -
The mean value of land and buildings per acre from a sample of
farms is $1800,...
asked 4 hours ago -
The Hotel Conneautis considering 3 the
following capital budgeting projects
The Hotel Conneaut has internal funind for...
asked 4 hours ago -
Which of the following is NOT a product of the first step in the
p-p chain...
asked 4 hours ago -
The chance that UPS will deliver a package to a customer within
X days is normally...
asked 4 hours ago -
3Cu(NO3)2(aq) + 2Al(s) ---> 3Cu(s) + 2Al(NO3)3(aq) if you
have 32 moles of aluminum, what is...
asked 4 hours ago -
Four 100 micro Farads capacitors are connected in parallel, the
equivalent capacitance of these four capacitors...
asked 4 hours ago -
What is the pH of a 3% solution of atropine sulfate knowing that
the molecular weight...
asked 5 hours ago