Create A Web Page With An Internal Cascading Style Sheet

Create a web page with an internal Cascading Style Sheet (CSS). Start with the web page you created in the previous assignment containing 4 heading styles, 2 paragraphs, unordered and ordered lists, an image, and a link. To add an internal cascading style sheet to the page, do the following: Remove the inline styles from the

and

tags. Eventually, we’ll style them both in MediumSeaGreen. Remove the inline styles from both opening

tags. We’ll style them with LightBlue-colored text against a Navy background.

In the

section of the document, insert a . Save the document as an HTML file and ensure it opens correctly in a browser.

Here’s a copy of the initial code used to build the previous project: the web page with 4 heading styles, 2 paragraphs, the unordered (bulleted) list, the ordered (numbered) list, the image, and the link. It uses inline styles.

Paper For Above Instructions

Creating a web page with styles can enhance the user's experience and make content more engaging. This paper outlines how to create a webpage that incorporates an internal Cascading Style Sheet (CSS), effectively removing inline styles and establishing a visually appealing layout.

1. Introduction to Internal Cascading Style Sheets

Internal Cascading Style Sheets (CSS) allow web developers to manage the presentation of a web document in a single place rather than applying styles inline throughout the HTML. This not only simplifies code management but also improves the performance of the website as styles are applied uniformly.

2.Initial HTML Structure

The initial structure of the web page starts with essential HTML elements. Below is the starting HTML code with inline styles:

 Here is text in an h1 heading style, color is blue.
Now we're in an h3 heading style - aqua is our color here.
Here is an h5 heading style in purple.
Finally, h2 heading style in red.
 This is a paragraph full of text in green.
 And here's the second paragraph, this time red.
Now, here is an unordered (bulleted) list of items: 

• Broccoli
• Zucchini
• Lettuce
• Tomatoes

Here are the five most widely-read books of all time in an ordered (numbered) list:

1. The Holy Quran
2. The King James Bible
3. Quotations from Chairman Mao Tse-tung
4. Don Quixote
5. The Harry Potter Series

Link to Google News