Helllo guys welcome to your first tutorial
on html5 and in this tutorial
i'm going to be talking about
how html is used to display webpages?
in the last tutorial i have told you
how to save your file in notepad++
whenever you are saving your file
with .html extension your computer
automatically knows that
it is an html file
and it is suppose to be a webpage or website
so your browser is suppose to open it.
lets move to the next slide
here how to make a webpage?
lets talk about html webpage
as you know every html webpage
is made up of two parts
first part is head
and second part is body
first lets talk about head portion
in the portion all the browser information
goes inside it.
for example
the title of the webpage
or keywords for your search engine
these are basically some common things
that goes inside the
head of your webpage now
lets move forward to the next slide
now as you know that head
tags has two tags which are basically
opening tag and a closing tag
and these tags are denoted by
as you known that your closing head tag
is denoted by this forward slash
and your opening head tag is
denoted without backslash
lets talk about the body
body is that part of your webpage where
all the content of the webpage goes
and
you must know that body should be
outside your head tag but inside your
html tag
coming to the next slide
lets do some code
and lets make our first webpage
for now we are making our
first webpage without
body part so we're making
our webpage with only head
now i've open my notepad++ & i've
open a new file
so if you don't know how to
open a new file
here you can open file
click on this and
a new file is going to open
now how to save your file
to save a file in notepad++
just go to file
and click save as
now can save your file
give your file some name
and note that you've to save your file
in the .html extension
so where is it here it is
and i'm just saving my file as one
dot html now
lets start doing some coding
so right here
at the begining
click on this and
start writing your html
tag
this is the html opening tag
and this is the html closing tag
which i'm doing right now
so you've your closed and opening
of html tag
now you've to initiate your head tag
so this is the opening head tag
this is the closed head tag
now inside your head tag
you've to
give your title tag
so this is the title opening tag
this is closing title tag
lets give some name
lets say webcodexpert
now save your file
by putting your fingers on ctrl+s
now your file is save
lets run this file
so we're going to run
launch in chrome
lets see whats going to happen?
you can see that there is a title
webcodexpert now here you can see that
whatever you are going to put
in between the title tag
this will going to be appear at
the menu bar of the google chrome
or whatever browser you are
going to use
now moving to the summary
of this tutorial
we can say that we've to start our code
with an opening and closing of html tag
as you can see previously we've dne that
inside your html tag
you can start doing work with head tag
inside the opening & closing of head tag
write your title by using title tags
and you can write whatever you want to write in
between the title tag as you can see
i've written webcodexpert
after completing the head tag
start working with the body tag
which we're going to do in the next tutorial
thanks for watching hopefully you
enjoyed my video
so i'll see you next time
dont forget to subscribe my channel
Không có nhận xét nào:
Đăng nhận xét