In order to integrate the HTML content that was taught, let’s create a simple HTML document about ramen for our friend Naruto, as he absolutely loves ramen. This document will include some basics about ramen, and simplified steps on how to make your own bowl of ramen! 🍜
(All information was taken from https://ramenhero.com/blogs/ramen-hero-blog/what-is-ramen-the-components-of-ramen-are and https://www.chopstickchronicles.com/basic-ramen-broth/.)
🔬 Helpful learning links:
HTML Cheat Sheet [Inc HTML5 Tags] - Digital.com
🌱 Starter code:
<!doctype html>
<html>
<head>
<title>Ramen</title>
<meta name="description" content="CSESoc Open Dev - HTML exercise">
<meta name="keywords" content="CSESoc Open Dev HTML exercise ramen">
</head>
<body>
</body>
</html>
Paste the above starter code into a file called index.html
, or whatever else you want to call it.
If working on VSCode, to see what the HTML webpage looks like as you add changes to it, install the extension Live Server then right-click your .html
file and click “Open with Live Server”.