For more information ????????
https://hkmauryashorts.blogspot.com
Every webpage on the whole World Wide Web uses a language to communicate with the various
browsers in order for us to see the formatted text or the images or the colors in the background of
the videos. This language is called HTML.
HTML 5 is the most recent version of HTML. But when speaking about HTML, you rarely hear
the term HTML 5. Unlike for example you would hear, “It is baseball season.” But not, “It is
baseball season 2014.” It is implied that it is the most recent version, baseball season and HTML.
The HTML language has certain rules for communicating called syntax. This syntax is the code
that contains the brackets and words that the browsers interpret into the goodies that we see when
we click onto a website. In this video, we are going to create a basic webpage using this syntax
to demonstrate the use of tags and how they help us make a basic webpage. Now there are a few
must-haves in order for a browser to decipher the HTML code or syntax and present it to us with
it we are used to seeing a webpage. You know, like the text and the images and all the formatting
stuff in place. Actually, there are what I call the fab 5 must-haves. Okay am not really sure just
how fabulous these are, but I could not think of anything else that made it easy to remember.
First we have the declaration. This is what tells the browsers, hey, this is a version of HTML
and not just some text document. Then we have the tags. The HTML, the head, the title, and the
body. In most cases, tags will come in pairs, an opening tag and a closing tag. But like most
languages, there is always some exception to that rule. More on that in just a bit.
So let us just roll up our sleeves and make us a webpage. Now we are going to need a couple of
items to create our webpage. A simple text editor to create the page, and I am going to be using
notepad and a browser to read it or show it to us. First, we need organize. Make a work folder
that will house all of our files, images, videos, and anything else we are going to be using in our
webpage or webpages. Do not worry about getting everything in there right now, but at least
make the folder right now. So as we find or make stuff, we will have a place to put it. So let me
go and open up my folder here. I have already taken the liberty of creating a working folder on
my desktop and inside that working folder, I have got another folder titled images and another
title backup. These are basically just for demo purposes, but I am just giving you an idea, get
your creative juices flowing. So at this point I am going to go ahead and open up my notepad.
New and Text Document and I am just going to go ahead and give it a title right now. Actually,
that is not a title, this is just a filename. I will cover that in just a second. The thing is though that
this ends with .txt. Web browsers are not going to recognize that as a webpage. Let us go and
open this up. Let us make this a webpage, technically speaking. We can see right here that it is
.txt. We need to save this as an HTML or HTM File. Go to File, go to Save As. And with
notepad, you want to first come on down here to Save As Type and make that All Files and then
change that .txt to .htm or .html. I am going to go with the l part. They are both exact the same.
The browsers read in the same way. Just I think HTML has been around a little longer than
HTM. So I am going with that. Personal preference.
Then if we go back to our folder here, we can see that we have got both files are blank, but we
have got the HTML and the .txt. Frankly, we do not need that anymore, but yeah, we will keep it
here anyway. So let us go ahead and right-click and open this guy. Actually, I have still got it
open here I believe. Right, there we are. There is the .html file right there.