HTML elements

HTML document is created by the HTML elements.

HTML Elements

HTML language defines a hug collection of the html elements to create a web page .every element have a start tag and its matching end tag

Opening TagElement ContentClosing Tag
<p>paragraph element</p>
<div>division tag</div>
<img>set image with document/>
<link>creat link with external document />
<a>creat anchor links</a>

html element examples

                                   <!-- The  <H1to--n>   element -->
                 
                 <h1> This is first Heading tag </h1>
                 
                 <h2>  for second heading </h2>
                 
                 <h3>  third heading</h3>
                  
                 <h6>  heading  six types in html </h6>
                  

<!-- Heading tag six types in html  h1 to--h6.its use add heading in  html page.-->
                          The  <p>   element

                 <p>This is paragraph tag </p>
                 
                <p>paragraph  tag </p>
                
                <p> p tag must end  with matching tag </p>
                
          <!-- The <p> element defines  a paragraph in the HTML document -->

HTML defines three different types of lists:ordered list,unordered list, definition list.ol, ul, dl, can be nested . show example

                                           <!-- The <ol> element -->
                                           
       <ol>  <!-- ordered list -->
       
              <li> list   items in html </li>
              
              <li>  another list item </li>
              
   
                  <ul>  <!-- unordered list -->
     
                              <li>      unordered list item  </li>
              
                  </ul>
      
              <li>ordered list item </li>
    
      </ol>
                                 <!-- The <div> element -->
                                 
       <body>   
       
           <div class="css_class" td="css_id" >

            <p> paragraph element </p>

   <img   src="/absolute path or relative path"   width="value"     height="value" />

   <a href="relative or absolute path" targat="" title="anchor link title">google<a>
            
     <div>
     
   <p> paragraph element </p>

   <img  src="/absolute path or relative path" width="value" height="value" />

   <a href="relative or absolute path" targat="" title="anchor link title">google <a>   
  
 </div>

 </div>
 
 </body>
 
 <!-- Division tag  sayntax <div>  -----</div> 
 
 divisions are high-leve block tags  they should be used to contain other block tags  
   
 such as <p> <img> <link> .its putting inside the body part not head part 
 
   <div> can be nested <div>  <div> </div> </div> -->
                       <!--   body -->
     
     <html>   <!-- start document -->
     
        <body>
           
            <div>
       
              <p>the paragraph  part </p>
          
              <h1>first heading </h1>
          
              <h2>second heading </h2>
          
           </div>
      
      </body>
   
  </html>   -----end document
  
           The <body> element defines the body of the HTML document.
           
           The element has a   start tag <body> and an end tag </body>.