Well, today I'm sharing my experience using pirple.com. I'm learning HTML from there and having a cool experience from there. Today I learn how to use different HTML tags from pirple.com and w3school.com. you can also learn from there. It's a simple, easy to get, and fast learning platform.
You can use jsbin to use my code.
I learn and write this code from todays class
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <!-- My first tag is article because I'm writing an article on the importance of reading --> <article> <h2>Why reading is important?</h2> <p>According to the International Literacy Foundation, literacy is a powerful tool in achieving equal education for children from diverse backgrounds.</p> <p>Nearly 30% of Australia’s population was born overseas so we have a rich diversity of cultures and languages in our society.</p> <p>Sadly, children from refugee and migrant families often experience challenges like falling behind in early literacy and missing educational milestones. They often struggle to learn both English and their traditional language.</p> <p>It’s important for kids from different backgrounds to develop bilingual literacy skills at an early age because there are many amazing benefits and outcomes if they do.</p> </article> <a href='https://postimg.cc/V5YxHdm9' target='_blank'><img src='https://i.postimg.cc/V5YxHdm9/children-reading-books-scaled.jpg' border='0' alt='children-reading-books-scaled'/></a> <h2>The canvas element</h2> <!-- my second tag is canva tag --> <canvas id="myCanvas"></canvas> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0, 0, 180, 200); </script> <!-- my third tag is iframe tag --> <h2> Youtube link for reading </h2> <iframe width="560" height="315" src="https://www.youtube.com/embed/U7rNWmAL3mY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <!-- my fourth and fifth tags are label and input tags --> <h2>Tell me your Favourite book and it's author name</h2> <p>Write down your Favourite book name and it's author name</p> <label for="bname">Book name:</label> <input type="text" id="bname" name="bname"><br><br> <label for="aname">Author name:</label> <input type="text" id="aname" name="aname"><br><br> <input type="submit" value="Submit"> </body> </html>
No comments:
Post a Comment