Open the Notepad++ program, save the file as myFirstHTML.html, and enter the fol
ID: 3736781 • Letter: O
Question
Open the Notepad++ program, save the file as myFirstHTML.html, and enter the following text:
<!DOCTYPE html>
<html>
<head>
<title>HTML Lab</title>
</head>
<body>
<h1>This is an example of heading 1.</h1>
<h2>This is an example of heading 2.</h2>
<h3>This is an example of heading 3. </h3>
<h4>You get the idea - we can do heading 4, 5, and 6.</h4>
<p> I need to <i>italicize this text</i>, and write the word <strong>example</strong> in bold text.</p>
<br>
<p>This is an example of a page break (see the space above? I used the <br> tag).</p>
<p>This is how I write a paragraph. I need to <u>underline</u> the word paragraph.</p>
</body>
</html>
Add 3 paragraphs to your document with whatever text you’d like – consider describing three of your favorite beverages! Align the first paragraph left, the second paragraph center, and the third paragraph right.
Create 3 .gif files, and add these 3 images to your page ensure to reference and label them as figures per APA.
Add 2 hyperlinks to your page using the format <a href=“link to website”>Text to link</a>
Change heading 1 to maroon text. Change the text of paragraph 1 and 3 to green text. Change the text of paragraph 2 and 4 to blue text.
Change the background color of the html page to linen.
Add a memorable quote to your webpage (place it in quotations), and format the quote (hint: use the <q> tags.
Add another quote as a blockquote between paragraph 3 and 4 (hint: use the <blockquote> and <br> tags.
Create two lists – one as an unordered list <ul>, the other as an ordered list <ol>. The list can be favorite beverages, movies, or technologies.
Explanation / Answer
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: linen;
}
<title>HTML Lab</title>
</head>
<body>
<h1>This is an example of heading 1</h1>
<p><q>What makes things memorable is that they are meaningful, significant, colorful.</q></p>
<h2>This is an example of heading 2.</h2>
<h3>This is an example of heading 3. </h3>
<h4>You get the idea - we can do heading 4, 5, and 6.</h4>
<p> I need to <i>italicize this text</i>, and write the word <strong>example</strong> in bold text.</p>
<br>
<p>This is an example of a page break (see the space above? I used the <br> tag).</p>
<p>This is how I write a paragraph. I need to <u>underline</u> the word paragraph.</p>
<p align="left">When you pour boiling water over certain types of leaves, herbs or other substances, you can create a tea, which is primarily composed of water, but infused with the various nutrients, vitamins, minerals, and antioxidants of the tea “leaves”. Tea comes in many different forms, including black, green, white, oolong, and puer. You can also make teas from various herbs and spices, like cinnamon, honey, pine needle, chamomile, echinacea and many others. Each tea variety promises certain health benefits by delivering specific antioxidants or other organic compounds to the drinker, as well as varying amounts of caffeine, depending on what the desired effect is.</p>
<p align="center">Similar to tea in its preparation, coffee is made by pouring boiling water over ground coffee, which comes from coffee beans. This is a rather straightforward beverage and is found throughout the world. It is primarily used as a stimulant, and billions of cups of coffee are consumed every year around the world due to the high levels of caffeine found in this beverage. Roasted coffee beans can come in many different varieties, flavors, and intensities, which is why there are thousands of different coffee blends. Most of the coffee beans have a moderate amount of B vitamins (pantothenic acid and riboflavin), and trace amounts of potassium and manganese. Caffeine can be addictive, so it is important to regulate your coffee intakes, as too much can negatively affect your nervous system and stomach.</p>
<p align="right">One of the simpler beverages is cocoa, which is composed of hot water or milk mixed with cocoa powder and shaved or melted chocolate. Sugar is also added to some kinds of cocoa as a sweetener. Generally, cocoa is considered a sweet treat, and not a healthy beverage, but there are an impressive amount of surprising benefits in it. The cacao plant, from which cocoa is derived, possesses a number of antioxidants and organic acids, doing everything from improving blood flow and reducing cholesterol content to preventing chronic diseases and boosting cognition.</p>
<blockquote>
<p>Here is a long quotation here is a long quotation.</p>
</blockquote>
<p align="center">A drink or beverage is a liquid intended for human consumption. In addition to their basic function of satisfying thirst, drinks play important roles in human culture.</p>
<figure>
<img src="image1.gif" alt="The Pulpit Rock" width="304" height="228">
<figcaption><i>Flowers Bouquet GIF</i>. Retrieved from https://tenor.com/view/flowers-bouquet-gif-7369488</figcaption>
</figure>
<figure>
<img src="image2.gif" alt="The Pulpit Rock" width="304" height="228">
<figcaption><i>Roses Blooming Roses GIF</i>. Retrieved from https://tenor.com/view/roses-blooming-roses-flowers-gif-8036091</figcaption>
</figure>
</body>
<figure>
<img src="image3.gif" alt="The Pulpit Rock" width="304" height="228">
<figcaption><i>Roses Flowers Bears GIF<i>. Retrieved from https://tenor.com/view/roses-blooming-roses-flowers-gif-8036091</figcaption>
</figure>
<a href=“https://tenor.com/view/roses-blooming-roses-flowers-gif-8036091”>Link for gif2</a>
<a href=“https://tenor.com/view/roses-blooming-roses-flowers-gif-8036091”>TLink for gif3</a>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ol>
<li>Twilight</li>
<li>Titanic</li>
<li>New Moon</li>
</ol>
</style>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.