Basic HTML Structure

Basic HTML Structure

Basic HTML Structure

Basic HTML Structure,  i will explain the Basic stuff about HTML.

HTML  is known as Hypertext Markup Language which is the main Structure file use to program and develop a Website.

Lets Walk through  the Code below together to understand the basic HTML Structure.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Basic HTML</title>
    <meta name="description" content="Introduction of your Content">
    <link rel="stylesheet" href="main.css">
  </head>
  <body>
     <h1>Welcome to my First Site</h1>
     <h2>H2 Tag</h2>
     <h3>H3 Tag</h3>
     <h4>H4 Tag</h4>
  <Footer>
  </Footer>
 </body>
</html>

The First thing you might need to declare is the !DOCTYPE

Then it Follows by:  

<!DOCTYPE html>
  <html>
  </html>

Try to Imagine that the inside the <HTML></HTML> contains an animal lets say its a dog.

The dog has a  head <head >  and a body <body> and the dog has  a foot <footer> 

<pre><!DOCTYPE html>
<html> 
   <head>
   </head>
   <Body>
     <footer>
     </footer>
   </Body>
</html> 

At the Head Section ,it tells you about the information of the Dog eg: its breed type , behaviour (Style.css)etc

 

<!DOCTYPE html>
  <html> 
     <head> 
       <meta charset="utf-8">   
       <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
       <title> I am a Dog</title> <meta name="Lassie" content="I am a Wolf Dog"> 
       <link rel="stylesheet" href="style.css"> <!-- I have my own Style and behaviour --> 
     </head> 
     <Body> 
       <footer> 
       </footer> 
    </Body> 
  </html> 

The Dog has a body <body>and a foot <footer>

The body section is where you enter the Value of your Content , whereas the footer is the place where you input internal or external links as well as your company copyright logo.

Hopefully that my explanation using a Dog as an example to explain basic HTML structure is clear

Check out also Accessing Server with PHP

Leave a Reply

Your email address will not be published. Required fields are marked *

9 + 5 =