Hello friendthis is mister SRG and I am back with a new
tutorial.
So let’s get started.so
first we have to create a folder like “my first website”. Remember you have to
put all image,file,etc that you want to use to your website. Otherwise the
editor can’t find those things. So make sure that you are put all document that
you want to use to your website. Then we need to create a text document name
“index.html”must change the extension from text to html.
Then click the right button and open it with brackets. Now
this is he interface of brackets .we can write our code here. Let’s talk about
the structure of a website. We can compare a website to the human body. Every website
has head, body,and footer like human body.
You know
there are 5 basic tag in html:
1.
<html>
2.
<head>
3.
<title>
4.
<body>
5.
<p>
And you also know about Empty tag and Container tag. If you
don’t know please watch my first video.
So let’s start writing.
Every html document starts with <html> and finish with
</html>. This a Container tags. We have to write all tag in <html>
tag.
We know how to write container tag
: <tag>element/information</tag>
Then comes head tag. Here you can
add title by using <title> tag of your website which will show at the top
of your website. Title tag is basically use to add title and linking the other
program like css , java script etc.
Then comes the most important tag of html that is body. All content
of a website, I mean all picture, all text, in a word all what we can see a website
iskept in body tag.
You can add text by using <h> tag. It means heeding.
There are
six kinds of <h> tag:
1.
<h1></h1>
2.
<h2></h2>
3.
<h3></h3>
4.
<h4></h4>
5.
<h5></h5>
6.
<h6></h6>
<h1> is use for the biggest text, then <h2>,
then, h3>, then <h4>, then <h5>, Then <h6> is use for the
smallest text. For example,
<h1>This is the biggest text<h1>
The output will be “This is the biggest text”
{I think you
understand}
Then you can add picture by using <img> tag. For
example, you have a picture in “my
First website” folder and its name is first website picture.jpg.
SoIf you want to add that picture to your website you need write <img src=“first
website picture.jpg”/>you can also customized your image by using attribute.
For example,<img src=“first website picture.jpg” width=“150” height=100>
Then you can use <p> tag for adding paragraph. For
example, <p> this is a paragraph of my first website. Then you can
customize the size of text, color, font etc by using attribute. For example,
<p size=“14” face=“Times new roman” color=“red” >This is a demo
paragraph</p>. The output will be “This is a
demo text” you can add list to your website. For this you need to use
<ul> tag. It means unordered list. And for adding list item you need to
user <li> tag. It means list item. For example,
<ul><li>Present tense</li>
<li>Past tense</li>
<li>Future tense</li>
</ul>
The output will be: Present tense
Past tense
Future tense
You can also create a link. For creating a link you need to
use anchor tag I mean <a>tag.For example,
<a href=“http://basictoadvance.ml”>BASIC TO ADVANCE</a>
Now if you click on BASIC TO ADVANCE you will go to “http://basictoadvance.ml”
One more thing you can also set link in any picture. For
doing so you need to write <a href=“http://basictoadvance.ml”>BASIC TO
ADVANCE<img src=“first website picture.jpg”/> </a>
No more tody.Kep visiting my blog and bless me to progress....
Post a Comment