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











Post a Comment



















Popular posts from this blog









Pintos : Series : Part3 : Project 1 : Alarm Clock






-














Image







          The PintOS project has  27 test cases  that we need to pass. In the first project we are just going for the five test cases related to alarm clock that are as under:   alarm_multiple  alarm_single  alarm_simultaneous  alarm_negative  alarm_zero    But before jumping into the code, let's first understand the basic structure of PintOS and how it runs. Consider the following diagram:       Here QEMU is an emulator on which pintOS runs. Test cases are the processes that we run on the PintOS (Operating System). So we only need to modify the PintOS code, we are not allowed to make any change to the test cases code as this would be a cheating.   When you open up the PintOS directory, in tests/threads/tests.c  all the test cases are declared. And in the tests/threads/  directory you can observe files with the extension " .ck " and " .c ". So the " test_Name.c " files are the files in which test cases are defined, while " test_Name.ck " file...








Read more










E-Commerce : Platforms






-














Image







    Before digging into E-commerce platforms, let's first understand what an E-commerce  actually is?   E-Commerce...   According to the Tokenization Rule , E-commerce is the combination of "E" and "Commerce".  The word Commerce  means trade or buying and selling of items, goods, services, hardwares and, softwares... etc. And " E " stands for "Electronic", electronic  means something like electricity, like signals, like something in the form of electrons (at lower level).           Image Source    So, the word " E-COMMERCE " means:    " A type of trade, that is done using electronic devices (computer, mobile or ATM machines etc). "       And to achieve electronic commerce, what's the most important thing? think over it!    Yeah that's correct! your own Internet is the most important thing to do E-commerce.      Major areas of E-commerce are:    On-line shopping or retailing  On-line bidding or auction  On-line soft...








Read more










Web Applications






-














Image







    When did you open your Facebook last time? Have you connected with other people on Linked In? If not then, you might have sent an email...     What am I talking about?    Image Source      That's right! I am talking about Web applications . Web applications are the applications that run over the web or an Internet. There are some differences between website and web applications.     Difference between Websites and Web applications..   The main differences  between websites and web applications are as under:    Websites:   Provide information as a static file.  Not very much interactive.  Don't allow the user to do transactions.  For example: news feeds, blogs, images etc.   Web applications:   Provide dynamic data.  Interactive rather than just informative.  Allow the user to do transactions.  For example: bidding sites, on-line shopping sites, mailing sites, facebook, Twitter and Wikipedia etc.     How do they work?   On an abstract and simple level, The client(web browser...








Read more










1-Machine Learning : Start...






-














Image







   John went to the cafeteria 10 times at 1:00 P.M. on 10 Fridays, each time the cafeteria was closed at that particular time. John decided not to go to cafe at 1:00 P.M. on Friday because the cafe will be closed.    But wait! How did John know that the cafe will  also be closed on next Friday at 1:00 P.M.???   Yes, you are absolutely right.    "John Learned from his Experience that the Task of going to the cafeteria at 1:00 P.M. on Fridays resulted in waste of time, since the cafe was closed on each Friday, so it will Perform the same on the next Friday."   In the above scenario, John learned something so we can call it " John Learning ".   Similarly, if we replace John with some sort of Machine, that can learn from the Experience or from the History about how the tasks were performed in the past given certain situation. Such that the Machine will perform the same if the same task happen again in near future. Then this will be called as Machine Learning.     To mak...








Read more










7 Semesters Learning Experience : Do's and Don'ts






-














Image







     Here is what I learned in my 7 semesters of Undergraduate degree semester wise, by learning I mean those things that I think we should do in the particular phase of our university education. You might agree or disagree with these things, or you may add yours to it.   so without further ado, let's get started:   1st Semester   Don't get into inferiority or superiority complex at any level  Practice a lot  Focus on basics  Don't jump to the last step  Take baby steps  Try to do best in Projects   Observe your surroundings  Keen look over market trends  Have an online presence e.g. LinkedIn etc.    2nd Semester   Practice at a higher level e.g. on real-world projects  know market trends    3rd Semester   Build your Resume  Have an internship    4th Semester   Internships   Explore different places    5th Semester   Freelancing    6th Semester   Freelancing  Take responsibility for some of your expenses like daily small expenses    7th Semester   Get a Job  Focus on the Fi...








Read more










Question...






-














Image







   There was a question related to <datalist>  regarding HTML 5.   Question:  Is it necessary to have <input>  tag for  <datalist>  usage or The search bar in the output is due to the <input> tag?   Answer:  Yes, the <input>  tag is a must before <datalist>  tag, this is because if you don't use <input>  tag, then there will be no data list in the output.   Reference code: (WITHOUT INPUT TAG)    <!DOCTYPE html>  <html><head><title></title></head>  <body>  <form  action="" method="" >  <datalist  id= "list" >  <option  value= "a" >  <option  value= "b" >  <option  value= "c" >  <option  value= "d" >  </datalist>  </form>  </body>  </html>    Output:    Nothing in the output _ blank    Do you see anything in the output ? No, right?     Now let us put input tag, like this:  ...








Read more










How to take notes in Freshman Year ?






-














Image







     Yes, you have to take notes in the university class!    Before talking about the notetaking strategy, we will understand the importance of taking notes.   Importance Of Taking Notes   No doubt there are a few students who can produce good results without even taking notes in the class. But their number is least. Most of us need to make good notes in the class especially when we are in university. Notes are important because:    They help us to keep track of what we have studied in the whole semester.  Notes help us to prepare for the exams, in a very short time.  We can refer to our notes for short quizzes in the eleventh hour.  In addition to reading and listening, writing notes increases the ability to memorize the important concepts.  It helps you to realize that you have done something in the class.    Now that we have understood Why to take notes? Let's dig into the notetaking strategy    Notes taking Strategies       One of my friends Ramlah Aamir Aziz  used to take...








Read more










Mine your Data






-














Image







    Have you ever wonder what is growing with an increasing rate in the whole world ? Think, think...   Yeah right Data is growing with each passing day. Data about what ? Data about each and everything, data about us, about our environment and about the whole air data is growing. I think when you even take a breath, this increases the data. You know what there is something called "Data lake".    Now what to do with this data? Look when you have something really useful like Data, what would you do with that? Let me make it simple, if you used to buy ice-cream from one specific mart in Rs.100 and you got to know one more mart who is providing that same ice-cream in Rs.90, then you use to say wow, I can have that ice-cream by saving Rs.10. Now, how did you take that decision, on the basis of what thing?? Absolutely right!! DATA !     So on the basis of data we take decisions, on these decisions our whole life depends. You can ruin your whole life with just a single wrong decisi...








Read more










Cloud Computing






-














Image







     You might have heard of the famous proverb:   " Necessity is the mother of invention. "   Let's tokenize this proverb, as a wise-man said:" Tokenization makes things easy to understand."   So first thing is Necessity...   Once upon a time, there was   a large company who wanted to create a website for e-commerce . The website was for 24/7 and large amount of data needed to be managed and maintained . For this the management team of the company decided to launch their website onto the server. Initially the website  got Launched successfully, but one day in the fine morning the CEO woke up from his/her slumber and got the Phone call from the manager. The manager told the CEO that their site was down last night due to heavy traffic on the server. CEO called an emergency meeting, in the meeting, the company decided to buy more servers  as their data as well as the users were increasing . So in order to deal with  the large amount of data and heavy traffic , the...








Read more










How to play Chess ?






-














Image







     Have you ever thought of two chess players sitting in front of each other; as Genius ?      When I used to see people playing chess, I thought of them as the most genius people because chess is a quite challenging and strategic game. You need to have full focus in this game, if you are not focused for just a bit; you may lose the game !     I think, we can use chess to stay focused, because these days we are losing focus, which is most required.     So let's go through some of the simple rules that can help us to play chess:   .   .   .   .   .   .   .   .   .   .   Whaaaattt nothing shown above ?   Am I kidding ???   Well, don't worry. go and create your account here :  Chess dot com     Then start learning chess because "Mainly : The Software Engineering Blog" does not compromise on quality that is why, I am providing a really awesome site to learn and play chess !      This blog post is not sponsored at all !     Happy Playing :)            








Read more