Briefly discuss about HTML tags
HTML tags are used to perform various works in a webpage. To design and decorate an html page we need to use right html tags. Here we will learn about
some popular html tags that have wide use.
The main two section of a webpage are the head section and the body section. But both the head and body section of a webpage
reside inside html tag.
reside inside html tag.
The Head and Body section :
We start writing html code like below
<!DOCTYPE html><head><title>Inside head tag we write title tag. Title tag displays the title/name of a page.</title><meta name="" content="" /><meta property="og:url" content="http://www.ranjanbarman.org/Briefly-discuss-about-HTML-tags.html" /><meta property="og:type" content="website" /><meta property="og:title" content="Briefly discuss about HTML tags" /><meta property="og:description" content="HTML tags are used to perform various works in a webpage. To design and decorate an html page we need to use right html tags. Here we will learn about
some popular html tags that have wide use." /><meta property="og:image" content="http://www.ranjanbarman.org/images/html-&-css.jpg" /><link href="css/styles.css" rel="stylesheet" type="text/css" /></head><body>
The above part of body section is head section. Inside head section we can use title tag, meta tag, link and script tag. The head section is not displayed by a webpage but plays very important role for “search engine visibility”, page design and page description.
What is the use of
<meta> tag?
See the above meta part in the head section very carefully. I have written some different properties inside meta tag. In the property “og:url” we write the name of website with it’s current page. We may have seen when we copy any url and paste it in Facebook like website then we see with the website
name some extra things like webpage title, webpage description and a picture on the topic automatically added with the website address. The meta tag and it’s properties are
responsible for this. Meta tag helps a webpage to visible in search engines like Google, Bing, Yahoo etc.
name some extra things like webpage title, webpage description and a picture on the topic automatically added with the website address. The meta tag and it’s properties are
responsible for this. Meta tag helps a webpage to visible in search engines like Google, Bing, Yahoo etc.
The
<p> tag:
We use p tag to specify a separate paragraph.
The
<link> tag:
The link tag plays the role to link .css or .js like files with the webpage. We use it before body tag and inside the head tag.
The
<body> tag:
The display part of a webpage is written inside body tag.
The tags we can use inside body tag:
We can use h1 to h6 tag to use different text sizes. Where
<h1> | size 1 | </h1> |
<h2> | size 2 | </h2> |
<h3> | size 3 | </h3> |
<h4> | SIZE 3 | </h4> |
<h5> | SIZE 5 | </h5> |
<h6> | size 6 | </h6> |
The
<a> tag:
The
<a> tag is very popular in HTML. We use this tag to link other pages in our website. Generally a website contains more than one page. To go to one page to another we use this tag. This tag also connects other pages that are not part of our website.
For example:
To connect pages insides a website :
To connect pages insides a website :
<a href=”other-page-inside-the-website.html” >Click here to visit other page inside this website</a>
To connect pages outside the website:
<a href=”http://www.facebook.com/ranjan.254” > Click here to see my Facebook profile </a>
The
<strong> or <b> tag:
We use strong or b tag to bold a word or words or line. The word or words we write inside this <strong>strong tag</strong> or <b>b tag</b> marks as bold.
The
<u> tag:
We use u tag to underline a word or line. The word or words we write inside this <u>u tag</u> marks as underlined.
The
<table> tag:
Table tag plays very important role in a webpage. You can even create the complete webpage structure with a table tag.
We can include some properties in a table tag. Inside a table we use tr tag to represent rows and th or td tags to represent
columns. The th stands for table header. If we write something inside th tag that will be highlighted. We can use border property
inside table tag to give the table border. See in the example,
We can include some properties in a table tag. Inside a table we use tr tag to represent rows and th or td tags to represent
columns. The th stands for table header. If we write something inside th tag that will be highlighted. We can use border property
inside table tag to give the table border. See in the example,
| Name | Address | Phone No |
|---|---|---|
| Ranjan Barman | Malda, WB | +91 7602768412 |
| Gourab Barman | Malda, WB | +91 9002480201 |
See the code I have used to create the table below,
<table border=”1″>
<tr><th>Name</th><th>Address</th><th>Phone No</th></tr>
<tr><td>Ranjan Barman</td><td>Malda, WB</td><td>+91 7602768412</td></tr>
<tr><td>Gourab Barman</td><td>Malda, WB</td><td>+91 9002480201</td></tr>
</table>
<tr><th>Name</th><th>Address</th><th>Phone No</th></tr>
<tr><td>Ranjan Barman</td><td>Malda, WB</td><td>+91 7602768412</td></tr>
<tr><td>Gourab Barman</td><td>Malda, WB</td><td>+91 9002480201</td></tr>
</table>
The <IMG> tag:
We can attach images in our webpage using img tag. See the image below. We can add some properties in a img tag
like width, hight, src etc. We can specify the height and width using height and width properties. We use src property
inside the img tag to specify the image’s address.
like width, hight, src etc. We can specify the height and width using height and width properties. We use src property
inside the img tag to specify the image’s address.
The code I have used here is given below:
<img width=”200″ height=”200″ src=”images/html-&-css.jpg” />
<img width=”200″ height=”200″ src=”images/html-&-css.jpg” />
</body></html>
Comments
Post a Comment