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 p element of class .secondclass also with a green text color.
- Style the p element of class .normal with text and background colors set to inherit.
- Style link colors to #0080ff when normal, #04BA04 when visited, and #AA5FFF on hover or if active.
- Style the em element with text in normal style (not italics) and bold weight with a background color of lavender. This will effectively make em elements look like strong elements.
- Style the strong element with text in italics style and normal weight with a background color of sandybrown. This will effectively make strong elements look like em elements.
- Create a web page named Lab05a.html.
This code and these elements need to be present:- The page must contain the foundation !DOCTYPE, html, head, title, meta, link, body, and h1 tags. See notes.
- Title the page Lab 5 A - Brandon.
- The following internal styles at the end of the head section:
- The p element of class .secondclass with a red text color.
- The em element with a text color of blue.
- A paragraph with no class or id and some content.
- A paragraph with a class of firstclass and some content.
- A paragraph with a class of secondclass and some content.
- A paragraph with a class of normal and the following content:
- Some text.
- Some text in an em tag.
- Some text in an strong tag.
- A link to Lab05b.html.
- A link to an outside web page.
- A link to Lab05ooga.html (Which does not exist - will always demonstrate a normal link).
- Create a web page named Lab05b.html.
- Copy the content from Lab05a.html and make the
following changes:
- Title the page Lab 5 B -Brandon.
- Change the internal style for the p element of class .secondclass to text color orange and the background color to black.
- Direcly under to first .secondclass paragraph, make another paragraph of class .secondclass and add an inline style that sets the text color to yellow.
- Add an inline style to the em element with a text color red.
- Change the link from Lab05b.html to Lab05a.html.
- Remove the links to the external and Lab05ooga.html pages.
- Copy the content from Lab05a.html and make the
following changes:
Homework Answers
Dear Student ,
As per the requirement submitted above , kindly find the below solution.
Here a new web pages with name "Lab05a.html" and "Lab05b.html" is created, which contains following code.
Lab05a.html:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- title for web page -->
<title>Lab 5 A - Brandon</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- link to external stylesheet -->
<link href="Lab05.css" rel="stylesheet">
<!-- Internal stylesheet -->
<style>
/* style rule for p with class=secondclass */
p.secondclass {
color: red;
}
/* style rule for em */
em{
color: blue;
}
</style>
</head>
<body>
<p>A paragraph with no class or id and some content.</p>
<p class="firstclass">A paragraph with a class of firstclass and some content.</p>
<p class="secondclass">A paragraph with a class of secondclass and some content.</p>
<p class="normal">A paragraph with a class of normal and the following content:
Some text.
<em>Some text in an em tag.</em>
<strong>Some text in an strong tag.</strong>
</p>
<a href="Lab05b.html">Lab05b.html</a>
<a href="http:www.google.com">Click for Google</a>
<a href="Lab05ooga.htm">Lab05ooga.html</a>
</body>
</html>
**************************
Lab05b.html :
<!DOCTYPE html>
<html lang="en">
<head>
<!-- title for web page -->
<title>Lab 5 B - Brandon</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- link to external stylesheet -->
<link href="Lab05.css" rel="stylesheet">
<!-- Internal stylesheet -->
<style>
/* style rule for p with class=secondclass */
p.secondclass {
color: orange;
background-color: black;
}
/* style rule for em */
em{
color: blue;
}
</style>
</head>
<body>
<p>A paragraph with no class or id and some content.</p>
<p class="firstclass">A paragraph with a class of firstclass and some content.</p>
<p class="secondclass">A paragraph with a class of secondclass and some content.</p>
<p class="secondclass" style="color:yellow;">
Direcly under to first .secondclass paragraph, make another paragraph of class .secondclass and add an inline style that sets the text color to yellow.
</p>
<p class="normal">A paragraph with a class of normal and the following content:
Some text.
<em style="color:red;">Some text in an em tag.</em>
<strong>Some text in an strong tag.</strong>
</p>
<a href="Lab05a.html">Lab05a.html</a>
</body>
</html>
***********************
Lab05.css :
@charset "utf-8";
/* Lab 5 External Style Sheet - Brandon */
/* style rule for h1 */
h1{
background-color: lightgreen;
text-align: center;
}
/* style rule for p */
p{
color: blue;
background-color: yellow;
}
/* style rule for class firstclass */
p.firstclass,.secondclass{
color: green;
}
/* style rule for class normal */
p.normal {
color: inherit;
background-color: inherit;
}
/* style rule for hyperlink */
a{
color: #0080ff;
}
a:visited{
color: #04BA04;
}
a:hover,a:active{
color: #AA5FFF;
}
/* style rule for em */
em{
font-style: normal;
font-weight: bold;
background-color: lavender;
}
/* style rule for strong element */
strong {
font-style: italic;
font-weight: normal;
background-color: sandybrown;
}
======================================================
Output : Open web page Lab5a.html in the browser and will get the screen as shown below
Screen 1 :Lab05a.html
Screen 2:Lab05b.html
NOTE : PLEASE FEEL FREE TO PROVIDE FEEDBACK ABOUT THE SOLUTION.
Add Answer to:
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...
Look at the following illustrated output for an HTML and a css given below <!DOCTYPE html>...
Look at the following illustrated output for an HTML and
a css given below
<!DOCTYPE html>
<head>
<title>TABLE with STYLE
SHEET</title>
<meta charset="utf-8" />
<meta name="description" content="Godaddy Webpage
original" />
<link rel = "stylesheet"
href="GoDaddy_assignment_1.css">
<body>
<img src= "GoDaddy.png"/>
<p>Welcome
to:<strong>webhamster.com</strong></br>
This web page is
parked<strong>Free</strong>courtesy of
<a class="aclass1" href
="https://www.godaddy.com">GoDaddy.com</a></p>
<h1>Want to buy<span class
="span2">webmaster.com ?</span></h1>
<div class ="div1">
<a class ="aclass2"
href="https://www.godaddy.com">Learn How</a>
</div>
</hr>
<button>Search Ads</button>
</body>
</html>
“
QUESTION continued Given the corresponding css
file
.aclass1{color:purple;}...
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...
Javascript to edit a HTML file. Where to begin? <!doctype html> <html> <head> <meta charset="utf-8"> <title>TODO:...
Javascript to edit a HTML file. Where to begin? <!doctype html> <html> <head> <meta charset="utf-8"> <title>TODO: Change The Title</title> </head> <body> <h1></h1> <p>First paragraph.</p> <p class="intro">Second <span>paragraph</span>.</p> <button id="start">Start</button> <main> </main> <!-- Test 6: DOM Programming You MAY consult the notes for week 7, but you MAY NOT discuss this test or your code with any other students. All work must be your own. Instructions: 1. Put all solution code in a file named solution.js. When you upload your solution to...
(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...
You've been hired to create a website for Eating Well in Season, a business in Glover,...
You've been hired to create a website for Eating Well in Season, a
business in Glover, Vermont, that delivers produce from local farms
to its customers. Another team member has created a style sheet for
the site but has been unable to resolve some errors in the code.
You continue your work on the site by linking to and debugging the
style sheet, incorporating a color scheme, and aligning the page
content.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Eating Well...
given below are the project description and their Html and css files i need javascript according...
given below are the project description and their Html and css
files i need javascript according to the project and other
files!
WEB230 - JavaScript 1 Assignment 6b - Event Delegation Before starting, study the HTML and open it in a browser so that you understand the structure of the document. You will add functionality to perform several tasks in our shopping list app. Clicking the red "X" at the right of an item will delete that item. Clicking on...
2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instru...
2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instructions: In this exercise, you will use your text editor to create external, embedded, and inline styles for the Durango Jewelry and Gem Shop home page. You will style the sections of the semantic wireframe header, nav, main, and tooter and a div element that surrounds all of the content to center the content on the page. You will also float...
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....
CST 231 Web Systems Fall 2017 Due Friday, December 8, 2017 at 11:59pm. Choose three...
CST 231 Web Systems Fall 2017 Due Friday, December 8, 2017 at 11:59pm. Choose three Problems Only. 100 points total 1 (25 pts.). The HTML document listed below (with gaps) is rendered as shown at right. The header at the top is an h3 element subject to a CSS rule (see below) causing its font to be Courier New. The boxed content is that of a p element whose class is box (see below), which specifies, among other things,...
Look at the following illustrated output for an HTML and
a css given below
<!DOCTYPE html>
<head>
<title>TABLE with STYLE
SHEET</title>
<meta charset="utf-8" />
<meta name="description" content="Godaddy Webpage
original" />
<link rel = "stylesheet"
href="GoDaddy_assignment_1.css">
<body>
<img src= "GoDaddy.png"/>
<p>Welcome
to:<strong>webhamster.com</strong></br>
This web page is
parked<strong>Free</strong>courtesy of
<a class="aclass1" href
="https://www.godaddy.com">GoDaddy.com</a></p>
<h1>Want to buy<span class
="span2">webmaster.com ?</span></h1>
<div class ="div1">
<a class ="aclass2"
href="https://www.godaddy.com">Learn How</a>
</div>
</hr>
<button>Search Ads</button>
</body>
</html>
“
QUESTION continued Given the corresponding css
file
.aclass1{color:purple;}...
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...
You've been hired to create a website for Eating Well in Season, a
business in Glover, Vermont, that delivers produce from local farms
to its customers. Another team member has created a style sheet for
the site but has been unable to resolve some errors in the code.
You continue your work on the site by linking to and debugging the
style sheet, incorporating a color scheme, and aligning the page
content.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Eating Well...
given below are the project description and their Html and css
files i need javascript according to the project and other
files!
WEB230 - JavaScript 1 Assignment 6b - Event Delegation Before starting, study the HTML and open it in a browser so that you understand the structure of the document. You will add functionality to perform several tasks in our shopping list app. Clicking the red "X" at the right of an item will delete that item. Clicking on...
2 Apply Your Knowledge Reinforce the skills and apply the concepts you learned in this chapter Styling a Webpage Instructions: In this exercise, you will use your text editor to create external, embedded, and inline styles for the Durango Jewelry and Gem Shop home page. You will style the sections of the semantic wireframe header, nav, main, and tooter and a div element that surrounds all of the content to center the content on the page. You will also float...
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....
Most questions answered within 3 hours.
-
If you’re standing at the bottom of a hill and asked to evaluate
it while being...
asked 33 minutes ago -
1. Which region has taken the lead in the world of
e-waste handling?
a) European Union...
asked 26 minutes ago -
A 8.15- g bullet from a 9-mm pistol has a velocity of 366.0 m/s.
It strikes...
asked 1 hour ago -
The outstanding bonds of Alpha Extracts have a yield to maturity
of 7.4 percent and a...
asked 1 hour ago -
The Problem: The Case of the Harmonizing Vacations
Your CEO is exploring partnering with a European...
asked 3 hours ago -
A chemical equation is balanced by adding coefficients in front
of some formulas so that the...
asked 3 hours ago -
From the literature (reference your sources): What are the
lattice parameters of calcite and aragonite? Why...
asked 3 hours ago -
Your system is rejecting the question am asking which is
preceded by a case study. It...
asked 4 hours ago -
3. On January 2, 2000, Larry creates a trust with himself as
trustee. Larry as trustee...
asked 4 hours ago -
A member of the volleyball team spikes the ball. During this
process, she changes the velocity...
asked 4 hours ago -
Are adult gamers less likely to use a gaming console (Xbox,
PlayStation, Wii, etc...) than teen...
asked 5 hours ago -
The University of
Texas recently reported that 43% of college students aged 18-24
would spend their...
asked 5 hours ago