HTML

HTML(Hypertext Markup Language) is the set of markup symbols(mean html tag) or codes inserted in a file intended for display on a World Wide Web browser page.

CSS

Cascading Style Sheets (CSS) are a stylesheet language used to describe the presentation of a document written in HTML.Over all its designing part for html document

For your simply capture HTML & CSS concept understand given below:

Html and CSS Concept diagram

                                                                          Fig:1 Difference Between CSS, HTML

Editor Install and setup

Go to Google=>then search "notepad++"=>then download the notepad++=>then install this=>Then open notepad++ to use

                          Notepade++ setup

                                                                     Fig:2 Download and installation of notepade++ 

                          Html file save

                                                                                 Fig:3 save file .HTML formate

if you are unable to practice HTML & CSS through notepad++ please click here or see the video.Here is our editor to use and you can download your working copy from this editor.

HTML Structure       

        <html>

                 <head>

                            title and css file reference goes here...........

                 </head>
                 <body>
                          main content goes here.......
                 </body>
        </html>

                                                                                code:1

HTML practice with tag introduction

           Head,h1,h2,h3......h6 tags:

        <html>

                 <head>

                            <title>yoursite.com</title>

                 </head>
                 <body>
                          <h1>This is a heading</h1>
                          <h2>This is a heading</h2>
                          <h3>This is a heading</h3>
                 </body>
        </html>

                                                                                   code:2

In this above example <head> tag contain title of a webpage,link of css and link with js.Here is given that how title work into web-page.But in this basic course we doesnot discuss with <link> of css and <script> of js.Now we are only lear more basic concept.

                                                Html title

                                                                                Fig:4 Title of web-page

  As per code:2 example there is three tag under <body>.This three tag is is header tag but there is total 6 header tag(h1,h2,h3,h4,h5,h6) in html but we  have use 3 as example.In this h1 tag top most important header represent and h6 is the least important header.

                                            Html heading tag

                                                                          Fig:5 heading tag