Skip to main content

Posts

Showing posts from April, 2015

POSTS TO BE STOPPED!!!

I am going on a leave for a month and thus there will be no posts in the following next month! After I will be back the registration will start for the contest! MINIMUM 10 entries to be there for the contest...So call your friends to join the contest!t By the way this is my twentieth post... - Dwij Jha

CSS Comments

Okay Now lets begin with CSS Comments:- Comments are used to explain your code, and may help you when you edit the source code at a later date. Comments are ignored by browsers. A CSS comment starts with /* and ends with */. Comments can also span multiple lines   Lets see an example:- p  {      color:  red;      /* This is a single-line comment */      text-align:  center; } /* This is a multi-line comment */ This is just an example to see what are comments... And from the next post we will begin wit selectors...So get ready Note : Next assignment will be given soon!

Answer to First Asssignment!!

OK...So you guys must have finished with your assignment...now lets see the answer to it!!  Note:The answer is basic HTML,if you have any other answer plz mail it to jha.dwij@gmail.com  and I will reply to your answer as soon as possible!! Now lets see what is the answer for the assignment :- <html> <body> <table border="1" ">   <tr>     <td>Percy Jackson</td>     <td>50$</td>             <td>50</td>   </tr>   <tr>     <td>Goosebumps</td>     <td>20$</td>             <td>94</td>   </tr>   <tr>     <td>HTML AND CSS BOOK %</td>     <td>85$</td>             <td>80</td> </tr> <tr> <td>Economics- A brief study...

Beginning With CSS

Now lets begin with CSS... Now lets see an image below and see the syntax of CSS:- A CSS rule set consists of a selector and a declaration block The selector tell which html element to be styled.... The declaration block contains one or more declarations separated by semicolons. Each declaration includes a property name and a value, separated by a colon. Now lets see an example.... p {color:red;text-align:center;} You can see that there are two declarations in the first line...To make the code neat we can put one declaration on   each line....  p  {      color:  red;      text-align:  center; } The answers to the first assignment will be given soon..we will start with "Comments" from the next post...

CSS Introduction!!!

Note: Before we begin...we must know HTML...So read earlier posts if you don't know HTML... So lets begin with CSS.. OK What is CSS ?    CSS   stands for   C ascading   S tyle   S heets CSS defines  how HTML elements are to be displayed Styles were added to HTML 4.0  to solve a problem CSS saves a lot of work External Style Sheets are stored in  CSS fi l es     Before  , The Long Website Developers had a lot of problems in developing pages in HTML because they had to use the <font> and <color> tags in every single page they made which was very expensive for them.... And thus in HTML 4.0 all formatting could be done in a separate CSS File... CSS files are stored in .css extensions and can change the looks of all pages in website by just changing the code in this CSS file... From the next post we will start working with CSS!!!  Assignment N0#1 Make a Table In HTML showing the name of book,i...

Announcement!

Ok....So we are also done with the <div> tags....So let me tell you that we have completed the basics we needed for HTML and now we will start with CSS and do some advanced HTML.... And from now I will be giving you guys some task to do and after 48 hrs I will be posting the answers for it...If you find any problem you can comment... So from  the next post get ready to start learning CSS!! !!!

DIV TAGS

Wondering what are div tags? If now..I will explain you now.. In a particular code we might want some texts to blue and the rest to be black...now to solve this problem we will use the <div></div> tags... Lets see an example.. . <html> <head> </head> <body> <p>This is an example for <div> tag < div   style= "color:#0000FF" >    < h3>This text is in a different color < /h3 >   </div> <div style="color:red"> < p > This is in another color . < /p > < /div > <body> </html> Now the result of the code must be somewhat like this :- OK now you can see that all the three lines are in different colors..This is just the basic feature of the div tag...All the websites you see are made up of this div tag.... Now lets study about this code:- The <div> tag defines a division or a section in an HTML document. The <div> tag is used...

HTML CONTEST IN JUNE 2015

THIS IS AN IMPORTANT POST!!!PLEASE READ IT So we have done a lot of practice till now.....Now is the time..start preparing yourself for the contest.... About the Contest :- The contest will begin in June and you will be given some time to complete the task given to you.... Keep bringing people here so that there may be a tough competition and till then keep practicing... Prize :- Your name will be there at the home page for 10 days ALL THE BEST .. NOTE :- The contest may postpone if there are insufficient participants....

Tables...

Ok.... So now we are done with a lot of lists.. now let us study about tables... Well all of you know what are tables...Now lets make a table in HTML... <html> <body> <table style="width:100% border="1" ">   <tr>     <td>Jill</td>     <td>Smith</td>            <td>50</td>   </tr>   <tr>     <td>Eve</td>     <td>Jackson</td>            <td>94</td>   </tr>   <tr>     <td>John</td>     <td>Doe</td>            <td>80</td>   </tr> </table> </body> </html> Your result must be somewhat like this :- ok now lets understand this code... Tables are defined w...

Nested List

In the last post we studied about the definition list....Now lets study about nested list... Nested lists are lists inside a list.....unable to understand?ok type in the following code..... <html> <body> <h2>A Nested List</h2> <ol>   <li>Coffee</li>   <li>Tea     <ol>     <li>Black tea</li>     <li>Green tea</li>     </ol>   </li>   <li>Milk</li> </ol> </body> </html> Your result must be somewhat like this: So know you know what is a nested list...and from the next post we will start with tables

Like my posts?

Hope you like my posts....If you like or dislike any of my post...plz comment And yes don't forget to spread information about this site..... In the next post we will learn about nested lists.... So keep coming here for more information on HTML .....

Types Of List

So in the last blog, we worked on with a list called unordered list......Now we are gonna study more types of list.. Ordered list - This type of list starts with <ol> and ends with </ol>....this type of list creates auto numbers like 1,2,3,4....etc.. Now go to your notepad and update the code...the things in bold must be updated.. <html> <head> <title>My First Webpage (About dinosaurs)</title> </head> <h1>First Webpage</h1> <h2>Welcome to my Website...... <p>This is my first webpage....Hope you like it</p> <br> <br> <h2>Dinosaurs --- All about them</h2> <br> <p>We all know about dinasaurs.. There are many types of dinosaurs and some of the names are :- <ol> <li>Abelisaurus</li>  <li>Acanthopholis</li> <li>Acristavus</li>   </ol> </html>  After updating the code your result will be like this :- Did y...

HTML [Continued] Part 3

Back to learn more? so lets move forward and improve this webpage... so edit your old notepad and update the changes:- <html> <head> <title>My First Webpage (About dinosaurs)</title>   </head> <h1>First Webpage</h1> <h2>Welcome to my Website...... <p>This is my first webpage....Hope you like it</p> <br> <br> <h2>Dinosaurs --- All about them</h2> <br> <p>We all know about dinasaurs.. There are many types of dinosaurs and some of the names are :- <ul> <li> Abelisaurus</li>  <li>Acanthopholis</li> <li> Acristavus</li> </html>    </ul> Your results must be somewhat like this:- Now lets see what the things do.. 1 >>> You must have noticed that there are breaks in between... to make line breaks we must use <br>. <br> is a code that works without a closing tag. In this code i hav...

HTML [Continued]...

Continued... Where do we write the commands? To write a HTML code we need any simple text writer like notepad...... NOTE: Using Wordpad is not recommended.... We can also use software like notepad++ ... ok.. so we know where to write the code.. so lets begin!!!! HTML coding starts with a <html> tag and ends with a </html> tag Below is a basic html code in italics..try copying it in your notepad...save it as .html form and then open it in a browser.. <html> <head> <title>My First webpage</title> </head>  <h1>First Webpage</h1> <p>This is my first webpage....Hope you like it </html>  After Writing this code your result must be somewhat like this:- Now let me explain this code... I have labeled the photo to make you understand properly 1 >>> This is the place where you will see what you wrote in the title.titles are placed between a <head></head> tag.. NOTE : In...

HTML (Hyper Text Markup Language)

HTML? Ever thought what it is?  Well I know most of you know what is HTML...but there may be people who don't know this yet... So before we start i will give a short explaination and then in the later posts we can go in detail ... Well you all know what is a website.... did u ever think what is a website made up of?    the answer of this question is that it is made up of a language called HTML. This HTML works exactly like mortar and cement in a building.. Even this blog and all other websites are made of HTML.. So, Now you know the use of  HTML How do we use it and where? Answers to all the questions in the next post... Comment if you liked the post or have any suggestions to improve it

More on programming...

So you must have read my last post...so know you know that there are many things that you can do in Khan Academy................ So now lets get back to programming.... What can we actually do in Khan Academy in the computer programming section? The answer is simple...Khan Academy has allowed us to learn three different languages..any guesses what are they? Well they are :- 1)HTML(Hypertext Markup Language) 2)CSS 3)JavaScript So in the next post I will start discussing the three languages one by one starting with HTML first...

What else on Khan Academy?

In my last post I told you about my journey in khan academy. Well I want to tell you that there is much more you can do in Khan Academy.. So I will tell you the other things to do in khan academy and then we will continue talking about programming... WHAT OTHER THINGS?? So,the first thing I would like to say is...apart from programming ,Khan Academy cam be used for mathematics. It has millions of problems one can solve .... the level of the sums vary from the level of a kindergarten to the level of a college student.. Apart from maths.. it is useful in science and arts and many more subjects.. So, visit the site for more knowledge..

KHAN ACADEMY(My First Post)

What I do in Khan Academy ?    Khan academy is the best educational site...I always wanted to be a programmer and I always wanted to study different languages like HTML , CSS and even JavaScript.  I worked with this languages on the notepad ++ but it seemed to be hard every time working with code and then changing to the browser to see its effect... Then after a few months I came to know about this website(Khan Academy).First I used it as a place to study subjects like mathematics and then my eyes went over to the "Computer Programming " section.And this began my programming journey in Khan Academy.. Whats So Special In Kha n Academy ?   As I told you that I had a lot of problem by using notepad ++.  Well Khan Academy Solves this problem and now I can directly see what happens after changing the code. It helps us in programming and makes us understand the programs easily. MORE THINGS IN THE NEXT POST Link To Khan Academy - Click here