Make an HTML file with this exact HTML. Change nothing: Doggos Doggos Who's the best? Doggos are the best! Here's one now! Oops. That's a goat. Let's try that again. That's a doggo! Grab some images of your own to use. Create your own overrides.css. Make the page look like the picture attcahed below. GIVE ALL CODES. thank you i will upvote!!
Make an HTML file with this exact HTML. Change nothing:
Create your own overrides.css. Make the page look like the picture attcahed below.
GIVE ALL CODES. thank you i will upvote!!
![**Doggos**
**Who's the best?**
*Doggos are the best!*
Here's one now!
[Image of a goat]
**Oops. That's a goat.**
Let's try that again.
[Image of a dog]
*That's a doggo!*](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Fc8514667-bf86-4079-a5fb-967fac7b38d7%2F20020757-8ce0-4dbb-bd28-6cdf3ca0afc1%2Flrebx4_processed.png&w=3840&q=75)
Algorithm: Create a Web Page with Images
1. Start with an HTML template.
2. Add a <!DOCTYPE html> declaration to specify the document type.
3. Create an <html> element with the "lang" attribute set to "en" for English language.
4. Inside the <html> element, create a <head> section.
5. Inside the <head> section, add the following meta tags:
- <meta charset="utf-8"> to specify the character encoding.
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> for responsive design.
- <title> element with the title "Doggos."
- Link to the Bootstrap CSS framework.
- Link to a custom CSS file called "overrides.css" for styling overrides.
6. Close the </head> section.
7. Create the <body> of the web page.
8. Inside the <body>, create a <div> element with the class "container" to structure the content.
9. Inside the "container" <div>, create a <div> with the class "row" for a row of content.
10. Inside the "row" <div>, create a <div> with the class "col" for a column of content.
11. Add an <h1> element with the text "Doggos."
12. Add a <p> element with the class "lead" and text "Who's the best?"
13. Add another <p> element with text "Doggos are the best!"
14. Add a <p> element with the text "Here's one now!"
15. Insert an <img> element with the source URL "goat.jpg" and alt text "Goat." (Replace with your image)
16. Add a <p> element with the class "text-warning" and text "Oops. That's a goat."
17. Add another <p> element with the text "Let's try that again."
18. Insert another <img> element with the source URL "doggo.jpg" and alt text "Doggo." (Replace with your image)
19. Add a final <p> element with the text "That's a doggo!"
20. Close the "col" <div>.
21. Close the "row" <div>.
22. Close the "container" <div>.
23. Add a script element to include the Bootstrap JavaScript.
24. Close the <body>.
25. Close the <html>.
End of Algorithm
Step by step
Solved in 4 steps with 3 images
