<!DOCTYPE HTML>
<html> <head> <title>Challenge: Write a Poem</title> <meta charset="utf-8"> </head> <body> <h1>This is my super awesome Poem</h1> <p> Coding is so much fun <br> But staying inside in the dark <br> Is good for no one,<br> So go outside and play,<br> Don't just stay inside coding ALL day! </p> <h2>another silly poem for your enjoyment</h2> <h3>here</h3> <h4>and here</h4> <h5>and here</h5> <h6>and finally here</h6> <p> is the end of this poem </p> </body> </html> Here is an HTML document I made.<!DOCTYPE HTML>
<html> <head> <title>Challenge: A picture-perfect trip</title> <meta charset="utf-8"> <style> h1 {color:rgb(3, 119, 109);} p {color:rgb(109, 245, 249);} </style> </head> <body> <h1>The Perfect Trip</h1> <p>I would see scenes like...</p> <img src="https://cdn.pixabay.com/photo/2016/02/19/11/36/canal-1209808__340.jpg" alt="Venice canal" width="300"> <p>And animals like...</p> <img src="https://cdn.pixabay.com/photo/2018/05/15/23/14/she-wolf-3404577__340.jpg" alt="THe She wolf with Romulus and Remus" width="300"> <p>And eat food like...</p> <img src="https://cdn.pixabay.com/photo/2016/01/19/18/02/pastas-1150032__340.jpg" alt="Pasta" width="300"> </body> </html> This is my HTML coding project... <!DOCTYPE HTML>
<html> <head> <title>Challenge: Write a Poem</title> <meta charset="utf-8"> <style> p {color:rgb(179, 255, 153);} h1 {color:#339966;} body {background-color:rgb(37, 164, 170);} </style> </head> <body> <h1>This is my Poem</h1> <p>School is cool<br> If you don't agree<br> It's easy to see<br> that you are a fool! </p> <p> A B C D<br> the alphabet is great you see<br> to order the books<br> in the library. </p> <img src="http://term2dl.weebly.com/uploads/1/7/6/9/17699197/epic-flight-on-planet-with-mak-and-oneill_orig.jpg" width="100"> </body> </html> |
This is my super awesome Poem
Coding is so much fun another silly poem for your enjoymenthereand hereand hereand finally hereis the end of this poem This is what the code looks like when it is run:The Perfect TripTo ItalyI would see scenes like... ![]() And animals like... ![]() And eat food like... ![]() This is what the code does when it runs:This is my PoemSchool is cool A B C D ![]()
Here is a screen shot of the code running... CLICK HERE to see it run with the background colour like this screen shot:
|
The perfect tripTo Cancun MexicoI would see scenes like... ![]() And animals like... ![]() And eat food like... ![]() |
This is what the code looks like :
<!DOCTYPE HTML> <html> <head> <title>Challenge: A picture-perfect trip</title> <meta charset="utf-8"> <style> h1 {color:rgb(130, 14, 165);} h2 {color: rgb(173, 4, 239);} p {color:rgb(53, 91, 206);} </style> </head> <body> <h1>The perfect trip</h1> <h2> To Cancun Mexico </h2> <p>I would see scenes like...</p> <img src="https://17699197-226569412518362136.preview.editmysite.com/uploads/1/7/6/9/17699197/mexico_orig.jpg" alt="" width="400"> <p>And animals like...</p> <img src="https://17699197-226569412518362136.preview.editmysite.com/uploads/1/7/6/9/17699197/axolotl-2193331-1920_orig.jpg" alt="axolotl" width="400"> <p>And eat food like...</p> <img src="https://17699197-226569412518362136.preview.editmysite.com/uploads/1/7/6/9/17699197/taco_orig.jpg" alt="Tacos" width="400"> </body> </html> |