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

Relational Data Model

Data Engineering Tools

3 Useful Sites to Practice Coding

PintOS : Series : Part 2

How to get straight A's in the Freshman Year?

Data Analysis : Reading Habit Analysis

A Survey of the Final Year University Students

HONET-ICT 2018 (15th International Conference)

An Interview with Pakistani Data Scientist : Dr. Zeeshan Ul Hassan Usmani

NoSQL database