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"> &copy; banana news network, all rights reserved</footer>
 </body>
</html>

Output:




Comments

Popular posts from this blog

Read The Tech : Tech Related Magazines

Elasticsearch and Redis : NoSql

Jumbo Package

Freshman Year : For All Engineering Students

Good Pieces of Advice for Freshers

Bitcoins

Bitcoins : Part 2

News Website Layout

Pintos : Series : Part 4 : Final

Hollow Diamond