SEMANTIC TAGS IN HTML

                        SEMANTIC TAGS

 The word  Semantics  refers to "meaning" of the specified code .


It is used to describe what is the role or purpose of the Html element have rather than what does it looks like . so semantic tag creates meaning to the content
  
there are 100s of semantic tags in Html . the important tags are listed in the below diagram.






1.<header>

              It defines the topic or heading of the page at the top

2.<nav>

         the nav element is used for navigation . we can navigate to other pages using the links . the main navigation is present at the top .

3.<main>
          
           The  main element contains the body of the page

4.<aside>

      the aside element  is mainly used for sharing our own   blogs and
 the projects that we have done etc..

5.<footer>
    
        The Footer element will be present at the bottom of the page . it will contain about the  contact information and the social media links.

6.<section>
     It defines a particular section of a document . It group together  all the tag which has similar content



7.<form>

       The form element is used to collect the user's  input . In this
 input  tag  are classified depending upon the type attribute


Types of input tag:

  • text - In this the input field requires a text format input
  • number - In this the input field requires number  input
  • checkbox - it is used for selecting multiple choices
  • radio -it is used for selecting one option in multiple choices
  • button - It displays a button eg : check button , apply button etc..
  • submit - It is used to submit the form 



 






          

Comments

Post a Comment

Popular posts from this blog

Css basics

Image
                        Cascading Style Sheet- Basics                Cascading style sheet  commonly known as CSS . It is used for  styling the web pages .   CSS SELECTORS :                                  A  CSS Selector selects the Html element  you want to style .   most commonly used css selectors are:              simple selectors(it depends upon the class and id ) attribute selectors(it depends upon the tag in html) css can be added in three ways : external css(using the link to add the css page) internal css(In the head tag you can just open the style element add the styles and close the style element) inline  css (Within in the body you can add the style tag) Syntax :               ...
Read more

FUNCTION AND CONDITIONS IN JAVASCRIPT

FUNCTIONS A Function is a set of instructions or block of codes  executed when it is called. There are  two types of functions:                   Built in Functions User Defined Functions       Build in Functions:                                          There are lot of functions already built in within the javascript.   javascript comes along with all these built-in functions. Examples:                     console.log()                 document.queryselector()                 parseInt()                 parsefloat()                 math.sign()           ...
Read more