Scribd
Upload
92 views15 pages

Html5 Basic Structure

Uploaded by

quick cs
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
92 views15 pages

Html5 Basic Structure

Uploaded by

quick cs
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 15

HTML5 BASIC STRUCTURE

A TUTORIAL BY
SAURABH CHAKURKAR
LETS TAKE A LOOK AT SOME EXAMPLES OF HTML5 WEBSITES:
WHAT DO YOU FIND COMMON IN
BOTH THE EXAMPLES?
STRUCTUREWISE
THIS IS WHAT IS COMMON.
BASIC TEMPLATE FOR STARTING WITH ANY WEBSITE
How to create our first html page?
• First create a new folder for storing all your
webpages.
• Then rename it to something like “my html
pages” so that you can remember it.
• Then go inside that folder and create a new
“.txt” file or text file.
• After creating a new text file rename it to
“myfirstwebpage.html”, like this:

Don’t forget to change the .txt extension to .html


If you cant see the extension of the file then go to your pc setting and
enable “show file extension”.
• Once your file is ready, right click on it and choose
option open with atom or open with phpstorm
depending on what you have installed.
• Then it will open in the text editor, where you can
type the following code and save it.
• Then again right click the file and open with “Google
chrome” browser and it will display you, your first
webpage.
• The code you need to enter is as follows:
Code to add:
<!DOCTYPE html>
<html>
<head>
<title>my webpage title</title>
</head>
<header>
</header>
<body>

<h1>First Heading</h1>
<p>first paragraph.</p>

</body>
<footer>
@copyright 2017
</footer>
</html>
WHAT DOES THE HEADER TAG STANDS FOR?
• BASICALLY HEADER TAGS ARE LIKE BOUNDARY
DEFINITION FOR THE HEADER AREA OF THE WEBPAGE.
• WHATEVER THAT IS INSIDE THE HEADER TAGS IS
DISPLAYED IN OUT HEADER AREA, THAT IT THE TOP BAR
OF THE WEBSITE.
• HEADER BAR IS MOST COMMONLY USED FOR DISPLAYING
MENU OPTIONS, LOGO OF THE COMPANY,LOGIN OPTIONS
etc.
What are body tags used for?
• Body tags define the area where all the important details
of the website are to be displayed, mostly the middle
part.
• Data displayed in the body are mainly like images, videos,
paragraphs, other website details like image slideshow
etc.
• Most of the data that can be seen in a website is inside
the body.
What re the footer tags used for??
• The footer tags are used to define the bottom area
of the websites.
• Mostly data like copyright details or author name
and contact details are mentioned in the footer.
• Footer area is also used for displaying links to other
pages of the same website like home, careers,
affiliate etc.
THANK YOU!!!
• THANK YOU GUYS FOR WATCHING THIS TUTORIAL.
• IF YOU LIKED THIS VIDEO, PLEASE SUBSCRIBE TO
UNACADEMY, IF YOU HAVE ANY DOUBTS, OR
QUESTIONS, PLEASE FEEL FREE TO ASK THEM IN
COMMENTS SECTION BELOW. HIT THAT LIKE
BUTTON GUYS.
• SEE YOU IN THE NEXT ONE.

You might also like