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> <!-- Use the header area for the website name or logo. The header contains static content. Update "My Template" with the name of business. --> <header> <h1>Web Design Basics</h1> <img src="web-design.jpg" alt="computer with the text web design" style="width:450px;height:326px;"> </header> <!-- Use the nav area to add hyperlinks to other pages within the website. It contains static content. --> <nav> <p>Home<a href="index.html" target="_blank">Home</a> ■ Learn HTML ■ Learn CSS ■ Learn JavaScript</p> </nav> <!-- Use the main area to add main content to the webpage. Since the main content changes from page to page, the main element contains dynamic content. --> <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> <!-- Use the footer area to add static footer content. --> <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> <!-- Use the header area for the website name or logo. The header contains static content. Update "My Template" with the name of business. --> <header> <h1>Web Design Basics</h1> <img src="web-design.jpg" alt="computer with the text web design" style="width:450px;height:326px;"> </header> <!-- Use the nav area to add hyperlinks to other pages within the website. It contains static content. --> <nav> <p>Home<a href="index.html" target="_blank">Home</a> ■ Learn HTML ■ Learn CSS ■ Learn JavaScript</p> </nav> <!-- Use the main area to add main content to the webpage. Since the main content changes from page to page, the main element contains dynamic content. --> <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> <!-- Use the footer area to add static footer content. --> <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...
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.
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>
<!-- Use the header area for the website name or logo. The header contains static content. Update "My Template" with the name of business. -->
<header>
<h1>Web Design Basics</h1>
<img src="web-design.jpg" alt="computer with the text web design" style="width:450px;height:326px;">
</header>
<!-- Use the nav area to add hyperlinks to other pages within the website. It contains static content. -->
<nav>
<p>Home<a href="index.html" target="_blank">Home</a>
■
Learn HTML ■
Learn CSS ■
Learn JavaScript</p>
</nav>
<!-- Use the main area to add main content to the webpage. Since the main content changes from page to page, the main element contains dynamic content. -->
<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>
<!-- Use the footer area to add static footer content. -->
<footer>
<p>Student Name: Malak Saad </p>
<p>© Copyright 2021. All Rights Reserved.</p>
</footer>
</body>
</html>
Expert Solution
![](/static/compass_v2/shared-icons/check-mark.png)
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution!
Trending now
This is a popular solution!
Step by step
Solved in 4 steps with 2 images
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
Recommended textbooks for you
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
![Concepts of Database Management](https://www.bartleby.com/isbn_cover_images/9781337093422/9781337093422_smallCoverImage.gif)
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
![Prelude to Programming](https://www.bartleby.com/isbn_cover_images/9780133750423/9780133750423_smallCoverImage.jpg)
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
![Sc Business Data Communications and Networking, T…](https://www.bartleby.com/isbn_cover_images/9781119368830/9781119368830_smallCoverImage.gif)
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY