Banana News Network
So, yeah a quick blog post on HTML. You need to make a news website layout, how do you do that?
I made a simple web page, that I want to share with you..
The code:
<!DOCTYPE html> <html> <head><title>Banana News Network</title></head> <body> <table style="font-family: georgia;" cellspacing="0"> <tr> <th width="100%" colspan="3" style="padding-left:50px; background-color: yellow; font-size:30px"><h1><img src="b.png" width="50px">BANANA NEWS NETWORK</h1></th> <td></td> </tr> <tr> <td colspan="3"><span> <ul type="none" style="background-color:black; font-size: 30px; font-family: georgia; "> <li style="display:inline-block"><a href="something.html" style="text-decoration:none; color:white">News</a></li> <li style="display:inline-block; padding-left:30px"><a href="#about" style="text-decoration:none; color:white">About BNN</a></li> <li style="display:inline-block; padding-left:30px"><a href="#contact" style="text-decoration:none; color:white">Contact BNN</a></li> </ul> </span></td> </tr> <tr cellspacing="0"> <td style="border:2px solid black; " ><img src="b1.jpg" style="width:425px; height:auto; "></td> <td style="border:2px solid black" ><img src="b2.jpg" style="width:425px; height:auto; "></td> <td style="border:2px solid black" ><img src="b3.jpg" style="width:425px; height:auto; "></td> </tr> <tr> <td style="font-size=20px; text-align: center"><a href="https://en.wikipedia.org/wiki/Banana" target="blank">Wiki Banana</a></td> <td style="font-size=20px; text-align: center"><a href="https://en.wikipedia.org/wiki/Banana_leaf_rice" target="blank">Wiki Banana Leaf Rice</a></td> <td style="font-size=20px; text-align: center"><a href="https://en.wikipedia.org/wiki/Banana_leaf" target="blank">Wiki Banana Leaf</a></td> </tr> </table> <h2 id="about" style="background-color: yellow; text-align:center">About BNN</h2> <p style="font-size:20px">BNN is not the most authentic Banana news network, but you can count on it, we take the info from Wikipedia. So, it is totally upto you, whether you believe it or not...</p> <h2 id="contact" style="background-color: yellow; text-align:center">Contact BNN</h2> <p style="font-size:20px">BNN contact no: bnn000111</p> <p style="font-size:20px">BNN email address: bnn@bnn.bnn.bananaaa</p> <p style="font-size:20px">BNN location: bnn continent<img src="b4.png" style="float:left; width:150px"></p> <footer style="background-color: black; color: white; font-size: 20px; font-family: courier"> © banana news network, all rights reserved</footer> </body> </html>
Output:
Comments
Post a Comment