Recents in Beach

HTML Document Structure

 HTML Document Structure

A typical HTML document will have the following structure:

Document declaration tag 

Rotate Your Phone To see Table: 

<html>

   <head>

       Heading  Tags

   </head>

    <body>

           body  tags

   </body>

</html>

 

 

The <HTML> is a markup language which is used by the browser to manipulate text, images and other content to display it in required format.

 

Tags in HTML: Tags are one of the most important part in an HTML Document. HTML uses some predefined tags which tells the browser about content display property, that is how to display a particular given content. For Example, to create a paragraph, one must use the paragraph tags (<p> </p>) and to insert an image one must use the img tags (<img />).

 

There are generally two types of tags in HTML:


1.     Paired Tags: These tags come in pairs. That is they have both opening (< >) and closing (</ >) tags.

 

2.     Singular Tags: These tags do not required to be closed.

 

An HTML Document is mainly divided into two parts:

 

·        HEAD: This contains the information about the HTML document. For Example, Title of the page, version of HTML, Meta Data etc.

 

·        BODY: This contains everything you want to display on the Web Page.

 

The  <!DOCTYPE> Declaration

 The <!DOCTYPE> declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration:

<!DOCTYPE html>

There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing <!DOCTYPE...> tag along with other HTML tags.

<html>: This is called HTML root element and used to wrap all the code.

<head>: Head tag contains metadata, title, page CSS etc. All the HTML elements that can be used inside the <head> element are:


  <body> : Body tag is used to enclosed all the data which a web page has from texts to links

All of the content that you see rendered in the browser is contained within this element.

  



      ·        <style>
 
·        <title>
 
·        <base>
 
·        <noscript>
 
·        <script>
 
·        <meta>


To Study This tag please visit this link :

Post a Comment

0 Comments