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