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









5+ useful mobile applications for freshmen 






-














Image







     Make your mobile phones useful! But how?    Here's how...   In this blog post, we will have a look at 5+ useful mobile applications. These applications are generally useful for everyone, but freshmen could better use them as they have got plenty of free time, so let's get started...   5+ Mobile Applications   1. Medium   This application could be used to read plenty of articles related to a plethora of different topics. Really cool application.   2. Facebook   Whaaaaaaaaaat, are you serious?    Wait, wait! Facebook could be useful. Let me explain it to you. Go to Facebook and in the search bar type the name of your subjects, for example, Artificial Intelligence, you will get the groups and pages related to Artificial Intelligence, you may like these pages and you may join the group. After that in your Facebook feed, you will get the updates regarding Artificial Intelligence. In this way, you will remain update regarding your domain. Got it!   3. Sololearn   This applicati...








Read more










Julia : A New Programming Language






-














Image







     After So many programming languages both high level and low level, with different names like python, java, C++ and so on, here comes Julia   with all its colors...     It first appeared 6 years ago in 2012, but was not stable at that time. The stable version of Julia has been released on 8th of August, 2018.     Julia is a high level programming language, the pattern in which Julia's made is called Multi dispatch . Multi dispatch is the process in programming languages that allow the program to decide which polymorphic method or function needs to run at run time. Julia permits both functional and Object Oriented Programming. The file name extension for Julia is .jl  . Julia also provides the Language Shell where you can write code and see the output.      The good news about Julia is that it is very friendly language, it allows C and FORTRAN libraries to be used in it with just a keyword ccall   .   And more importantly, it can be used with all time favorit...








Read more










UI / UX Designs 






-














Image







     Is there any website or an application that you enjoyed to use ? If I ask you why you like this particular application then most of you would say that it is fluent, it's easy to use or the theme is so soothing.      So what is behind all these user friendly themes and designs ? The answer is, UI and UX designs. UI stands for User Interface while UX is used for User Experience. In today's world it is important to provide user friendly interface. Your application must be liked by everyone to the extent that they don't want to close that tab.      Now lets dig deep into UI and UX designs....   UI vs UX designs..   The first thing is that UI designs focus on the interface or the front end, the application is providing to the user. It has to deal with beauty. How beautiful, attractive and good-looking is your application; determines its User Interface.     While UX design deals with the experience of the user. Whether the user feels comfortable while using your application ...








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










Jumbo Package 






-














Image







     In this blog post I will talk about:   Software Design Patterns  Open source platforms e.g. Joomla  SEO (Search Engine Optimization)  Swift vs Python  React vs Angular vs vue.js  Machine Learning and related learnings  And Choosing Operating System....    Seems so strange,  too many things with no visible links ....But wait!   I have a solution to this problem, and the solution is in "telling a story"   So let's begin   John was a student of engineering, he was about to start his academic year for graduation. He wanted to go for software engineering as his major. He got admission in one of the most prestigious college of his state.    He was so passionate and optimistic about his field, he was good in programming and used to participate in every coding and programming contest. Now that he was in his Second year, he thought to get some kind of Internship.   So he created his resume, checked it, get it checked by some of his amazing teachers. His resume was somewhat li...








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










NoSQL database






-














Image







   Data is everywhere, it is expanding with each passing day. Relational Database systems are kind of fixed and static. When we have something in abundance and without any standard formation, then the tables of relational database systems cry out.  So what to do with so many data integrations from several structured as well as unstructured sources. Well, the answer is to go for NoSQL (Not Only SQL). SQL is a structured query language that is used to query Relational Databases. However, NoSQL database does not contain data in the form of relations. Most of the NoSQL databases follow the JSON type structure to store data.    Formal Definition:      Guru99  provides a pretty nice definition for NoSQL databases: " NoSQL Database  is a non-relational Data Management System, that does not require a fixed schema. It avoids joins and is easy to scale. The major purpose of using a NoSQL database is for distributed data stores with humongous data stora...








Read more










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










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










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