Coding your First Template in HTML – How to make a webpage in HTML-Final part

By | January 15, 2020


You have completed up to this far. Congratulations!
The only thing left here is, this particular part and this particular part and after that
you will be ending up this project. So all we need to do is to come back to your project,
copy the code again, get down over here. Let’s assume that this height is 10px, that means
there will be a 10px of gap from this paragraph to this table, to the table immediately following
this that means, this one.So I am giving here a 10px of gap. Now I am pressing ‘CTRL +
S’, or I am going to ‘file’, save, come back to the project and reload, and you see
that there is already a 10px of gap from the bottom.
Now for the final part, press ‘CTRL + V’ over here. Change the bgcolor, I am just changing
this to, for say, this one – ‘CTRL + C’, copy, placing it over here, no need to mention
this height. Now all those things that matters over here; you have actually two columns.
This is the first column and this is the second column. So all you need to do is to create
those columns first. Here you have only a single column, and here you create another
column over here. So this is the column 1, this is the column 2, and if you wish to have
centrally aligned contents over here so all you need to do is to provide that ‘magic
property’ here – ‘align=”center”’. This is a magic property. It makes your contents
aligning into a central position. Now you come back over here – “a detailed
analysis on the myth”. And here comes another content – “Designed by XYZ Corporation
Private LTD.”. Now just save this page. Get back to your
browser and reload. And you may see, it is now appearing here.
Now the matter of fact is, you have to remove these ‘bgcolor’ properties that you have
provided so far to distinguish the individual content tables over here. So all you need
to do is first, move those background color properties. So I am moving them all…..
So I have removed each and every bgcolor properties from each and every tables present in this
particular project. Pressing ‘CTRL + S’, getting back to project, reload and we see
that each ‘bgcolor’ properties are now removed, and you are now getting whole thing
over here. This is the project actually, and you are getting this whole project over here.
Now here, this is actually a separate bgcolor that I have provided here. So all I need to
do is to take this ‘bgcolor’ code, copy it, get back to our project, providing this
particular ‘bgcolor’ over here, always provide the hash tag first, and then press
‘CTRL + V’. and now come back to your page, reload and you will see that this background
color is again in vicinity. Now all we need to do is to provide a height
here such that it gets more spacious from top, or from the bottom. So all we are doing
here is, providing a height of 30px over here, and one thing is sure that this content won’t
go down far. So all we need to do is to provide a height.
Press ‘CTRL + S’, back to your project, reload and you see that this menu has grown
to be a little bit of more spacious. So, we are done with our project but the main
thing is, to make some necessary amendments such as this font-matching case over here.
Now if you have a closer look at this particular project we will see that all those attributes,
those we are wishing to have on a synchronized manner recurrently over here, all those things,
we have to write it down in each and every individual cases where we want those properties
to appear, again and again. The more you code, the more there are chances to generate error.
So, what if we can, just eliminate this recurrent nature of properties that means the properties
those will be coming will be classified on a single particular area. They will be classified
by a single name or by an ID, and then we will be wishing to use those particular properties
into a particular area, then all we do is to call them by name or call them by ID and
they will appear and you will see all the properties recurrently, which would be a more
correct and proper method to represent the project, to recreate the project, and that
is why the necessity of CSS is needed over here. Actually we write down the properties
into a single page, all into a different page and what we do we just link them up, link
that page, or call that particular class name or ID name with some properties or common
attributes over there and when we call them by name or by ID, then those particular attributes
or properties, they are called in, and they are used by a definite tag or element.
So this is the basic need of CSS. Instead of writing a property again and again, we
just calling up some property by name and we just use it into project and from the very
next project, how to create a CSS, particularity of the CSS, such as these Inline CSS, or Internal
CSS, or External or Imported CSS, etc. we will be getting familiar with it and that
will be the actual project that is going to starting on……..

Leave a Reply

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