First I have to Nest an img element within the header element below the heading element. Use images/web-design.jpg for the value of the src attribute. Add an alt attribute with a value of computer with the text web design. Add a height attribute with a value of 326px and add a width attribute with a value of 450px. 2- In the nav element, add a relative link to the text, Home, that links to index.html. Add a relative link to the text, Learn HTML, that links to html.html. Add a relative link to the text, Learn CSS, that links to css.html. Add a relative link to the text, Learn JavaScript, that links to js.html. 3-Insert two new blank lines after the starting main tag. Add a div element with an id attribute value of template. Close the div after the paragraph element with the content. 4- Change the first paragraph element within the div with the template id to an h3 element Change the remaining paragraph elements within the div with the id template to list items <li></li>. Wrap and nest list items within an ordered list <ol></ol>. If necessary, insert a blank line between the closing ordered list tag and the closing div tag. Insert two new blank lines after the closing div tag. Add a div element with an id attribute value of semantic. Close the div after the paragraph element with the content: This in my work <!DOCTYPE html> <! Student Name: Malak Saad File Name:index.html Date: 08/26/2022 --> <html lang="en"> <head> <title>CH 3 Apply Your Knowledge</title> <meta charset="utf-8"> </head> <body>  <header> <h1>Web Design Basics</h1> <img src="web-design.jpg" alt="computer with the text web design" style="width:450px;height:326px;"> </header>  <nav> <p>Home<a href="index.html" target="_blank">Home</a> ■ Learn HTML ■ Learn CSS ■ Learn JavaScript</p> </nav>  <main> <div> <p>Steps to Create a Webpage Template</p> <p>Download and install a text editor.</p> <p>Use the text editor to create an HTML document.</p> <p>Add all essential elements to create a webpage: DOCTYPE, html, head, title, meta, and body.</p> <p>Add HTML structural elements: header, nav, main, and footer.</p> <p>Add static content to the page.</p> <p>Add comments to note the purpose of each structural element.</p> <p>Save your changes.</p> <p>HTML5 Semantic Elements</p> <p>Header</p> <p>The header element is used to contain header content on a webpage, such as a company name and logo.</p> <p>Nav</p> <p>The nav element is used to contain navigation links on a webpage.</p> <p>Main</p> <p>The main element is used to contain the main content on a webpage.</p> <p>Footer</p> <p>The footer element is used to contain footer content on a webpage, such as copyright information.</p> <p>Visit <a href="https://www.w3schools.com/html/html5_semantic_elements.asp".target="_blank">W3Schools.com</a> to learn more about HTML semantic elements. </p> </div> </main>  <footer> <p>Student Name: Malak Saad </p> <p>© Copyright 2021. All Rights Reserved.</p> </footer> </body> </html>

First I have to Nest an img element within the header element below the heading element. Use images/web-design.jpg for the value of the src attribute. Add an alt attribute with a value of computer with the text web design. Add a height attribute with a value of 326px and add a width attribute with a value of 450px. 2- In the nav element, add a relative link to the text, Home, that links to index.html. Add a relative link to the text, Learn HTML, that links to html.html. Add a relative link to the text, Learn CSS, that links to css.html. Add a relative link to the text, Learn JavaScript, that links to js.html. 3-Insert two new blank lines after the starting main tag. Add a div element with an id attribute value of template. Close the div after the paragraph element with the content. 4- Change the first paragraph element within the div with the template id to an h3 element Change the remaining paragraph elements within the div with the id template to list items <li></li>. Wrap and nest list items within an ordered list <ol></ol>. If necessary, insert a blank line between the closing ordered list tag and the closing div tag. Insert two new blank lines after the closing div tag. Add a div element with an id attribute value of semantic. Close the div after the paragraph element with the content: This in my work <!DOCTYPE html> <! Student Name: Malak Saad File Name:index.html Date: 08/26/2022 --> <html lang="en"> <head> <title>CH 3 Apply Your Knowledge</title> <meta charset="utf-8"> </head> <body>  <header> <h1>Web Design Basics</h1> <img src="web-design.jpg" alt="computer with the text web design" style="width:450px;height:326px;"> </header>  <nav> <p>Home<a href="index.html" target="_blank">Home</a> ■ Learn HTML ■ Learn CSS ■ Learn JavaScript</p> </nav>  <main> <div> <p>Steps to Create a Webpage Template</p> <p>Download and install a text editor.</p> <p>Use the text editor to create an HTML document.</p> <p>Add all essential elements to create a webpage: DOCTYPE, html, head, title, meta, and body.</p> <p>Add HTML structural elements: header, nav, main, and footer.</p> <p>Add static content to the page.</p> <p>Add comments to note the purpose of each structural element.</p> <p>Save your changes.</p> <p>HTML5 Semantic Elements</p> <p>Header</p> <p>The header element is used to contain header content on a webpage, such as a company name and logo.</p> <p>Nav</p> <p>The nav element is used to contain navigation links on a webpage.</p> <p>Main</p> <p>The main element is used to contain the main content on a webpage.</p> <p>Footer</p> <p>The footer element is used to contain footer content on a webpage, such as copyright information.</p> <p>Visit <a href="https://www.w3schools.com/html/html5_semantic_elements.asp".target="_blank">W3Schools.com</a> to learn more about HTML semantic elements. </p> </div> </main>  <footer> <p>Student Name: Malak Saad </p> <p>© Copyright 2021. All Rights Reserved.</p> </footer> </body> </html>

Computer Networking: A Top-Down Approach (7th Edition)

7th Edition

ISBN:9780133594140

Author:James Kurose, Keith Ross

Publisher:James Kurose, Keith Ross

Chapter1: Computer Networks And The Internet

Section: Chapter Questions

Problem R1RQ: What is the difference between a host and an end system? List several different types of end...

See similar textbooks

Related questions

Question

First I have to Nest an img element within the header element below the heading element. Use images/web-design.jpg for the value of the src attribute. Add an alt attribute with a value of computer with the text web design. Add a height attribute with a value of 326px and add a width attribute with a value of 450px.

In the nav element, add a relative link to the text, Home, that links to index.html.

Add a relative link to the text, Learn HTML, that links to html.html.

Add a relative link to the text, Learn CSS, that links to css.html.

Add a relative link to the text, Learn JavaScript, that links to js.html.

3-Insert two new blank lines after the starting main tag. Add a div element with an id attribute value of template. Close the div after the paragraph element with the content.

Change the first paragraph element within the div with the template id to an h3 element

Change the remaining paragraph elements within the div with the id template to list items <li></li>. Wrap and nest list items within an ordered list <ol></ol>. If necessary, insert a blank line between the closing ordered list tag and the closing div tag.

Insert two new blank lines after the closing div tag. Add a div element with an id attribute value of semantic. Close the div after the paragraph element with the content:

This in my work

<!DOCTYPE html>

Student Name: Malak Saad

File Name:index.html

Date: 08/26/2022

-->

<head>

<title>CH 3 Apply Your Knowledge</title>

</head>

<body>

<h1>Web Design Basics</h1>

</header>

<nav>

  ■  

Learn HTML   ■  

Learn CSS   ■  

Learn JavaScript</p>

</nav>

<main>

<div>

<p>Steps to Create a Webpage Template</p>

<p>Download and install a text editor.</p>

<p>Use the text editor to create an HTML document.</p>

<p>Add all essential elements to create a webpage: DOCTYPE, html, head, title, meta, and body.</p>

<p>Add HTML structural elements: header, nav, main, and footer.</p>

<p>Add static content to the page.</p>

<p>Add comments to note the purpose of each structural element.</p>

<p>Save your changes.</p>

<p>HTML5 Semantic Elements</p>

<p>Header</p>

<p>The header element is used to contain header content on a webpage, such as a company name and logo.</p>

<p>The nav element is used to contain navigation links on a webpage.</p>

<p>The main element is used to contain the main content on a webpage.</p>

<p>Footer</p>

<p>The footer element is used to contain footer content on a webpage, such as copyright information.</p>

<p>Visit <a href="https://www.w3schools.com/html/html5_semantic_elements.asp".target="_blank">W3Schools.com</a> to learn more about HTML semantic elements.

</p>

</div>

</main>

<p>Student Name: Malak Saad </p>

</footer>

</body>

</html>

Expert Solution