Let's write a Story..

-

HTML provides us the opportunity to write stories by using beautiful background and themes.
Let us write a story using HTML (do not ignore CSS)
(NOTE: I took the story from here)

HTML Code with Internal CSS:

(The code within <style></style> tag is CSS code. This is used for styling.)


<!DOCTYPE html>
<html>
<head><title></title></head>
<style>
 body{
  background-image: url(https://ubisafe.org/images/leaf-transparent-gif-3.gif);
 }
 header{
  background-image:  url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTtDfPZ1vWpRDFkDl8dZ7h1IYsNolC3Mqos_7DitiaztuzI-8yi0w);
  width: 100%;
  /*background-repeat: no-repeat;*/
  text-align: center;
  height: 100px;
  padding-top: 0.1px;
  padding-bottom: 17px;
  
  
 }
 #header{
  
 }
 #container{

  background: white;
  width: 50%;
  padding: 20px;
  text-align: justify;
  margin-left: 25%;
  border: 10px solid orange;
  box-shadow: -6px -6px 8px black, 10px 10px 8px black;

 }
 #title{
  opacity: none;
 }
 h1{

  
  text-shadow: -3px 0px black, 0px -3px black, 3px 0px black, 0px 3px black;
  background: white;
  font-weight: bold;
  font-size: 50px;
  color: gray;
  opacity: 0.9;
  font-family: arial;
  
 }
 p{
  font-family: arial;
  font-size: 20px;
  
 }

 #moral{
  
  text-align: center;
  background: orange;
  font-weight: bold;
 }
</style>
<body>
 <div id="container">
 <div id="header"><header>
  <h1 id="title">Title : Thirsty Crow</h1>
 </header></div>
  <div id="Story Board">
   
   <p>One hot day, a thirsty crow flew all over the fields looking for water. For a long time, he could not find any. He felt very weak, almost lost all hope. Suddenly, he saw a water jug below the tree. He flew straight down to see if there was any water inside. Yes, he could see some water inside the jug!
The crow tried to push his head into the jug. Sadly, he found that the neck of the jug was too narrow. Then he tried to push the jug to tilt for the water to flow out, but the jug was too heavy.
The crow thought hard for a while. Then, looking around it, he saw some pebbles. He suddenly had a good idea. He started picking up the pebbles one by one, dropping each into the jug. As more and more pebbles filled the jug, the water level kept rising. Soon it was high enough for the crow to drink. His plan had worked!
</p>
<p id="moral">Moral: Think and work hard, you may find solution to any problem.</p>


  </div>


 </div>
</body>
</html>


I would really appreciate you, if you write the above code (or copy paste it), to see the 


output.


Well, at my end the output is :







Here is something amazing about the background leaves, and you will know it once you yourself try this out...



If you are asking; which text editor you should use for HTML and family, then I would suggest you what my Honorable Teacher suggested my class, and that is to use Notepad in the beginning...



When you will be an expert, then editor will not matter.. (You can just imagine the code and will get the output in the mind browser!) 



So, that was it for today, enjoy learning... 












































Comments











Post a Comment



















Popular posts from this blog









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










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










Linear Algebra : Non-Linear By the Way!






-














Image







    Linear Algebra is one of the most important courses in software engineering. But, sometimes you feel like its not so linear, rather non-linear. So, if your linear algebra is dangling then don't worry because I have something for you.   MIT offers open courses, these courses are taught by the most prominent and amazing Teachers. MIT made a series of videos covering Linear Algebra. Respected Professor Gilbert Strang taught this course. You can find it here .   Now, you certainly need some book regarding this very subject, my honorable Professor gave some notes to my class, these are below: you can download them:           You can also get the following Linear Algebra book:             So enjoy, with the  Solution Manual  too :)  








Read more










Data Engineering Tools 






-














Image







   Data is a new oil. To channelize this data we need proper pipelines. These pipelines are mostly called ETL or data pipelines.  There are various tools out there to work out these Extract, Transform, and Load (ETL) operations.  Some of the scripting tools are:  - Python - SQL and NoSQL Apache provides a wide range of products that can be used as Data Engineering tools.  Some of the amazing apache DE services comprised of; - Hadoop - Spark - Kafka - Cassandra - Hive In addition, some cool DE tools are: - Tableau - Talend - MapReduce These DE tools provide a way to manage the data pipelines in a more effective, efficient, and better way.  Almost every Data-Oriented company in the corporate sector is highly dependent upon these technologies. They are leveraging many of the above-mentioned mechanisms for promising Data Services and Architecture. That's it for today. Hope you have enjoyed this article. If you want to know more about data or software related concepts, let me know in th








Read more










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






-














Image







        Dr. Zeeshan-ul-Hassan Usmani, the name known for Data Science, Predictify me, Eisenhower fellowship  and most importantly motivation for many of the students.   He is the Author of book like  (C++) ++سی/سی ,  Bit Coin Block Chain aur Crypto Currency بٹ کوائن، بلاک چین اور کرپٹو کرنسی  and many other, you can visit them here .   Today "Mainly: The Software Engineering Blog" asked him some of the questions, as an interview and we are very glad that he gave his precious time to answer them.   It was kinda "Remote Interview"... not the traditional one..         The Interview  Question:  How can you describe " Dr. Zeeshan ul Hassan Usmani " ?  ANSWER:  I am a shameless idealist. We are all idealists at some stage of our lives but then it fades away and we live as a mediocre. I don’t want it to fade away. I remind myself almost every day that I need to make my today better than my yesterday, and the challenge is keep getting harder J . We only need to co








Read more










Web Technologies e.g. SASS, LESS and Doctrine 






-














Image







   Web technologies, as the name indicates are the technology used over the world wide web. These technologies help the users to communicate with each other. You may have learned in your social sciences subject that Language is the main source of communication. Similarly when computers communicate, they also use certain specific language or languages for this.    As we all know HTML is the hypertext markup language. It is the core of web technologies. Then comes JavaScript, React, Angular, Ruby, CSS and so on.    Everyone likes beauty. CSS adds beauty to your page. But you need to write a lot of code for minute things in the style sheet. So to make the task of web developers convenient, Henry Thorton  with  Natalie Weizenbaum   designed and developed SASS  (Syntactically Awesome Style Sheets) respectively. SASS is the style sheet language written in PHP. It is an extension to CSS and .css file can be converted to .sccs file. SASS is backward compatible meaning, it is compatible with al








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 note








Read more










Marketing 






-














Image







   I am of the opinion that everyone of us must acquire marketing skill.      Why Should We?   This is because, as the world population is increasing, there is a demand for more. If we have certain talent, skill, or if we are capable of doing some task. Then, we can see there are others, who can do the same task. But, our opinion is that : We are the best in our work. So, how can we tell this to the person who needs our services? We need to devise a marketing policy, so that we and the other person gets benefit from it.     Robert T. Kiyosaki  describes in his book : " Rich Dad Poor Dad " that,  McDonald's  is a brand that sells ham burgers. Their ham burgers might not be the best, but they might believe them to be. Like wisely we can also make burgers, and there is a huge possibility that our burgers are the most delicious ones, but we are unable to sell it like McDonald's. Why? The answer is their marketing policy! ( ya, along with other aspects too )     Moreover, 








Read more










A Survey of the Final Year University Students






-














Image







    I don't know what should be the title of this blog post, but let's call it " A survey of the final year university students ". Pretty long title, huh?      Okay, let me tell you about this survey...    The story behind this thing:    Well, one day I thought about writing a post on Facebook to ask people about their sentiments and reviews regarding the final year of university life, then another thought knocked my head to write a full blog post on this topic. Then I disseminated a google form for this purpose. The google form was saying:    "Hello, final semester people!   I thought to collect reviews of 2020 graduates specifically of NUST and other IT universities. I am planning to add these to my blog post. Please take a few seconds to fill this form, thank you."    So that was a brief story behind this whole thing,   Now let's have a look at the most awaited questions and the corresponding responses...      Question#1:  Do you feel like a better hu








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