Incorporate the use of cascading style sheets with the HTML text below.  Create an HTML file using a text editor (e.g., Notepad) in which CSS is added.  Ensure that your .css file incorporates the following elements: Declare font size and line height Implement bold and italics Specification of hex and RGB colors Background color specifications. ******************************************************************************************************************************* ! DOCTYPE HTML> introductory webpage for Harold Silva Introductory Webpage Image by: Harold Get to know a network engineer with hunger for knowledge Hello, My name is Harold. I was born in Chihuahua, Mexico, on November 28 of 1989. I currently live in Colorado, where I have been since January 2010; I love snowboarding, my mayor is in IT. I am a full-time employee at Visa Inc., where I just became a network engineer after working in their NOC since 2012 as a network analyst. I plan to use the degree and knowledge to obtain a better position within the company. Full Name: Harold Place of Birth: Chihuahua, Mexico Current Job Title: Network Engineer Most Important Skills Acquired in the NOC: Customer Service. Critical Thinking. Multi-tasking. Current Amount of IT Certifications:     ITIL Fundamentals V4.   ICND1.   Network+.

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

Incorporate the use of cascading style sheets with the HTML text below.  Create an HTML file using a text editor (e.g., Notepad) in which CSS is added.  Ensure that your .css file incorporates the following elements:

  • Declare font size and line height
  • Implement bold and italics
  • Specification of hex and RGB colors
  • Background color specifications.

*******************************************************************************************************************************

! DOCTYPE HTML>
<html> <!-- Indicated that here is where the html document starts -->
<title>introductory webpage for Harold Silva</title>

<header>
<h1>Introductory Webpage</h1> <!-- This is the main header -->
</header>

<img src="https://www.google.com/url?sa=i&url=https%3A%2F%2Fdepositphotos.com%2Fvector-images%2Funknown-profile-picture.html&psig=AOvVaw3HPi2iBNg-K4yOMuaqA5DQ&ust=1613371592177000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCPj-r9fj6O4CFQAAAAAdAAAAABAI">

<header>
<sup><mark>Image by: Harold </mark></sup> <!-- Wanted to let the reader know that I own the image and highlighted for visibility-->
</header>

<header>
<h3>Get to know a network engineer with hunger for knowledge</h3> <!-- Wanted to add a little excitement to the reader -->
</header>

<body> <!-- Here you can see the main body that contains my iintroduction and key data I want to inform about-->

<p>Hello,<br>
My name is Harold. I was born in Chihuahua, Mexico, on November 28 of 1989.<br>
I currently live in Colorado, where I have been since January 2010; I love snowboarding,<br>
my mayor is in IT. I am a full-time employee at Visa Inc., where I just became<br>
a network engineer after working in their NOC since 2012 as a network analyst.<br>
I plan to use the degree and knowledge to obtain a better position within the<br>
company.
</p>

<p>Full Name:<strong> Harold </strong><br>
Place of Birth:<strong> Chihuahua, Mexico</strong><br>
Current Job Title:<strong> Network Engineer</strong>
</p>

<header>
<h3>Most Important Skills Acquired in the NOC:</h3> <!-- Created a header to name the unordered list -->
</header>

<ul> <!-- Created an unordered list -->
<li>Customer Service.</li>
<li>Critical Thinking.</li>
<li>Multi-tasking.</li>
</ul>

<header>
<h3>Current Amount of IT Certifications:</h3> <!-- Created a header to name the ordered list -->
</header>

  <ol> <!-- Created an ordered list -->
  <li>ITIL Fundamentals V4.</li>
  <li>ICND1.</li>
  <li>Network+.</li>
  </ol>
</body> <!-- Ended the body for the webpage -->
</html> <!-- Indicated that here is where the html document ends-->

Expert Solution
Step 1

Here is Your Code 

BARTLEBY.HTML File

<! DOCTYPE HTML>
<html> <!-- Indicated that here is where the html document starts -->
<title>introductory webpage for Harold Silva</title>
<link rel="stylesheet" type="text/css" href="bartleby.css">
<header>
<h1 class="heading">Introductory Webpage</h1> <!-- This is the main header -->
</header>

<img src="https://www.google.com/url?sa=i&url=https%3A%2F%2Fdepositphotos.com%2Fvector-images%2Funknown-profile-picture.html&psig=AOvVaw3HPi2iBNg-K4yOMuaqA5DQ&ust=1613371592177000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCPj-r9fj6O4CFQAAAAAdAAAAABAI">

<header>
<sup><mark>Image by: Harold </mark></sup> <!-- Wanted to let the reader know that I own the image and highlighted for visibility-->
</header>

<header>
<h3>Get to know a network engineer with hunger for knowledge</h3> <!-- Wanted to add a little excitement to the reader -->
</header>

<body> <!-- Here you can see the main body that contains my iintroduction and key data I want to inform about-->

<p>Hello,<br>
My name is Harold. I was born in Chihuahua, Mexico, on November 28 of 1989.<br>
I currently live in Colorado, where I have been since January 2010; I love snowboarding,<br>
my mayor is in IT. I am a full-time employee at Visa Inc., where I just became<br>
a network engineer after working in their NOC since 2012 as a network analyst.<br>
I plan to use the degree and knowledge to obtain a better position within the<br>
company.
</p>

<p>Full Name:<strong> Harold </strong><br>
Place of Birth:<strong> Chihuahua, Mexico</strong><br>
Current Job Title:<strong> Network Engineer</strong>
</p>

<header>
<h3>Most Important Skills Acquired in the NOC:</h3> <!-- Created a header to name the unordered list -->
</header>

<ul> <!-- Created an unordered list -->
<li>Customer Service.</li>
<li>Critical Thinking.</li>
<li>Multi-tasking.</li>
</ul>

<header>
<h3>Current Amount of IT Certifications:</h3> <!-- Created a header to name the ordered list -->
</header>

  <ol> <!-- Created.heading{
 font-size: 50px;
} an ordered list -->
  <li>ITIL Fundamentals V4.</li>
  <li>ICND1.</li>
  <li>Network+.</li>
  </ol>
</body> <!-- Ended the body for the webpage -->
</html> <!-- Indicated that here is where the html document ends-->

trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps

Blurred answer
Knowledge Booster
External Style Sheet
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education