Skip to main content

Grouping in HTML - DIV & SPAN

Grouping in HTML
Sometimes there is need to group certain elements of a html document together into a logical block or segment.
Generally used for CSS designing.

For grouping html elements we generally uses

  • <div>
  • and <span> tags

both the tags are used for grouping but they varies from each other as <div> creates a logical block whereas <span> is used for inline reference to a certain content in the document.

<DIV>

It can be referenced using class or id attributes.

ex:  <div class="abc">
                    <p> ..... </p>
       </div>
       
       Referencing :
       .abc
         {
             ----------
         }

Comments

Post a Comment

Popular posts from this blog

HTML - Hyper Text Markup Language

HTML It is a markup language means it can distinguish between its elements and content. It instructs the browser how to display web-page content. HTML Tags these are the keywords in HTML which defines how browser will format and display the programmer's content on the web-page. It is of two types :- 1.One which requires closing tag     ex: <p> content </p>           <body> content <body> 2.One which doesn't requires a closing tag     ex: <img>           <meta>,etc HTML elements  it is the combination of                                <opening tag> content </closing tag> It is of two types :- 1.Inline    ex: <img src="abc/xyz.jpg"> 2.Block    ex: <p>hello there</p>
Post a Comment
Read more

DOCTYPE html

<! DOCTYPE html> It is a declaration that instructs browser about what version of HTML is used in creating the web-page. Though it is not mandatory to write it in the html document but it is a good practice to include it. suppose we have not specified html version then the browser will itself assume a version, now it may happen that we have created a web-page using html-5 and someone is accessing it using an older browser which works on html-4 then some of our tags will not be rendered leading to some errors.
Post a Comment
Read more