Related questions
Concept explainers
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-->
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 nowThis is a popular solution!
Step by stepSolved in 2 steps
- You can also download the image file from https://www.dropbox.com/scl/fi/ztmuke5mlonrb3e0jdpuj/Santa.jpg?rlkey=lfdzstv649h141jolqdh2kagv&dl=0(1) Write a code to change all red color pixels into blue.(2) Write a code to change only the right half of the red hat into blue, using two ifarrow_forwardWhen you insert a graphic into the header and footer of a document to create a watermark, you also need to .. A. Make sure that the graphic is a windows bitmap B. Open the format picture dialog box, click the color arrow on the picture tab, and click watermark in the list. C. Open the layout tab of the format picture dialog box, click the behind text box D. Both A and Barrow_forwardKindly use microsoft VBA excel ASAParrow_forward
- You can also download the image file from https://www.dropbox.com/scl/fi/ztmuke5mlonrb3e0jdpuj/Santa.jpg?rlkey=lfdzstv649h141jolqdh2kagv&dl=0(1) Write a code to change all red color pixels into blue.(2) Write a code to change only the right half of the red hat into blue, using two ifarrow_forwardHow to code? Hello, Im completely lost with my coding assignment. Here are the instuctions: Summary Kidder Garden Pete Burnham of the Kidder Garden website wants you to develop an application for drawing images or "stamps". As a proof of concept, he wants you to create a webpage in which users can choose stamps of a specified size and shade (opacity) and then place those stamp images on a canvas using the mouse. The user can then modify the size, position, rotation, or shading (opacity) by clicking tools from a toolbar and applying that tool to a stamp image. Pete has already designed the webpage. He needs you to write the code to create the stamp objects and place them as images on the page's canvas. Figure 14-50 shows a preview of a completed page with stamp images created and modified by the user. Pete has also supplied you with the following object methods that will be useful to you: The elementX() method for the Event object prototype that returns the x-coordinate of a mouse…arrow_forwardthis is my code, but after automatically check it, it shows smt went wrong(image one) image two is the spec for nextTweet and below is my code, since it's the system automatically check the code, I dont really have a textcases. plz debug it and fix it. show the screenshot of the code when u finish. thanks Below is my whole code for TweetBot import java.util.*;import java.io.*; public class TweetBot { private List<String> tweets; private int index; public TweetBot(List<String> tweets){ if(tweets.size() < 1){ throw new IllegalArgumentException("need contain at least one tweet!"); } this.tweets = new ArrayList<>(tweets); } public int numTweets(){ return tweets.size(); } public void addTweet(String tweet) { tweets.add(tweet); if (tweets.size() == 1) { // if the tweet was the first one added, set the index to 0 index = tweets.size() - 1; } } public…arrow_forward
- Can you show me how to create a CSS file using the sublime text editor that will style the text from the black goose bistro summer menu? It should contain styling information on fonts, colors, and backgrounds. For the fonts, the file should include at least 2 fonts, but no more than 4 fonts. For the colors, select a palette of between 3 to 6 colors that offer contrast and compatibility. Two of those colors should be black and white. Use hyperlink colors and color of elements such as <p>, <div>, or semantic elements like <section>. For the backgrounds, you should have a background that can either have a background color with a gradient, a background image that spans the size of the viewpoint along with a background color, or you can use multiple backgrounds together along with a background color.arrow_forwardComputer Science previous question: Provide the code for a track cue in the WebVTT language with the name "Intro" and spanning the time interval from 1 second to 8.3 seconds. Have the cue contain the text "It was the best of times …" Revise the code in the previous question using the line, position, and align attributes so that the Intro cue is displayed in the top-left corner of the video window and the cue text left-aligned.arrow_forwardx = zeros(uint8(5,5)); for i = 1:5 for j = 1:5 a = 5/i; x(i,j) = 255/a; end end Which of the following best describes the black and white image x? 1. The columns of x will get lighter from left to right 2. The rows of x will get lighter from top to bottom 3. The rows of x will get darker from top to bottom 4. The columns of x will get darker from left to rightarrow_forward
- Use a Bootstrap class to add rounded corners on the image. <img src="img_chania.jpg" alt="Chania" class=" ">arrow_forwardUsing code in C u can open image in new tab so can you can see clearly because I can only post 2 images SONGS LIST IDGAF - Dua LipaFRIENDS - Marshmello, Anne-MarieThe Middle - Zedd, Maren Morris, GreyBest Part - H.E.R., Daniel CaesarAll The Stars (with SZA) - Kendrick Lamar, LZAWolves - Selena Gomez, MarshmelloGod's Plan - DrakeRewrite The Stars - Zac Efron, ZendayaHavana - Camila Cabello, Young ThugPerfect - Ed Sheeranarrow_forward9- Fully explain the following code. what is the output of the following code (draw a picture to show the output of the code) .descendants * { display: block; border: 2px solid lightgrey; color: lightgrey: padding: 5px; margin: 15px; } $(document).ready(function(){ $("div").find("*").css({"color": "red", "border": "2px solid red"}); }); div (current element) p (child) span (grandchild) p (child) span (grandchild)arrow_forward
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill Education
Starting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSON
Digital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON 
C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSON
Database Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage Learning
Programmable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education