HTML and it's some important tags
HTML:
HTML which is the acronym of Hyper Text Markup Language is the official language of the World Wide Web and it was developed by Tim Berners-Lee in 1992. It is an evolving language as it does not stay same for long rather it always changes as per the requirements.There are some versions of HTML. These are version 1.0, version 2.0, version 3.0, version 3.2, version 4.01, XHTML-1.0 and version 5. Version 5 is the most sophisticated than any previous versions.
But before HTML version 5, there was a deep controversy among the HTML authority. Some were infavour of XHTML and some were in favor of HTML. At one stage, they were divided into two parts and try to develop with their own way. But later, they came into a unique position and develop HTML-5, which consists of both XML and HTML.
For agile details, you can visit here.
The following figure will show you the basic structure of HTML-5:
 |
| HTML basic structure |
Some important tags are given below:
Sl
|
Tag
|
Name
|
Code example
|
1
|
<!--
|
Comment
|
<!-- This is used for comment -->
|
2
|
<a-
|
Anchor
|
<a href=”https://www.prothom-alo.com”>Bangla news
</a>
|
3
|
<b>
|
Bold
|
<b> This will be bold </b>
|
4
|
<big>
|
Big Text
|
<big> This tag will show result in bigger size </big>
|
5
|
<body>
|
Body of HTML doc
|
<body> This part will show our all contents </body>
|
6
|
<br>
|
Line break
|
This is our content. <br> Here we place our topic.
|
7
|
<center>
|
center
|
<center> This tag will show your content in enter
</center>
|
8
|
<dd>
|
Definition description
|
<dl>
<dt>Definition term</dt>
<dd>Definition
of the term</dd>
<dt>Definition term</dt>
<dd>Definition of
the term</dd>
</dl>
|
9
|
<dl>
|
Definition list
|
<dl>
<dt>Definition term</dt>
<dd>Definition
of the term</dd>
<dt>Definition term</dt>
<dd>Definition of the term</dd>
</dl>
|
10
|
<dt>
|
Definition term
|
<dl>
<dt>Definition
term</dt>
<dd>Definition
of the term</dd>
<dt>Definition
term</dt>
<dd>Definition of the term</dd>
</dl>
|
11
|
<em>
|
Emphasis
|
This
is an <em> example </em> of
emphasis tag
|
12
|
<embed>
|
Embed object
|
<embed
src=”yourfile.mid” width:”100%” height=”60”>
|
13
|
<font>
|
Font
|
<font face=”Times New Roman”>Font will change </font>
|
14
|
<form>
|
Form
|
<form>
Name:
<input name=”name” value=”Put your
name here”>
Email:
<input
name=”email” value=”Put your email here”>
</form>
|
15
|
<h1>,
<h2>,
<h3>,
<h4>,
<h5>,
<h6>
|
Heading 1,
Heading 2,
Heading 3,
Heading 4,
Heading 5,
Heading 6,
|
<h1>Heading
one example</h1>,
<h2>Heading
two example</h2>
<h3>Heading
three example</h3>
<h4>Heading
four example</h4>
<h5>Heading
five example</h5>
<h6>Heading
six example</h6>
|
16
|
<head>
|
Heading of HTML doc
|
<head>Heading will
contain most important matters, such as title, meta description etc. </head>
|
17
|
<hr>
|
Horizontal rule
|
<hr/> This tag will
create a horizontal line
|
18
|
<html>
|
HTML tag
|
This
is the parent tag of all html tag
|
19
|
<i>
|
Itallic tag
|
<i> Example of italic tag
<i>
|
20
|
<img>
|
Image tag
|
<img src=”img/myimg.jpg”
width=”40” heigt=”60”/>
|
21
|
<input>
|
Input tag
|
<form>
Name:
<input name=”name” value=”Put your
name here”>
Email:
<input
name=”email” value=”Put your email here”>
</form>
|
22
|
<li>
|
List Item
|
<ol>
<li> List item 1 </li>
<li>
List item 2 </li>
<li> List item 3 </li>
<li>
List item 4 </li>
</ol>
|
23
|
<link>
|
Link
|
<head>
<link rel=”stylesheet” type=”text/css”
href=”style.css”/>
</head>
|
<marquee>
|
Scrolling tag
|
<marquee> This text will
move </marquee>
|
|
25
|
<menu>
|
Menu
|
<menu>
<li>List item</li>
<li>List item</li>
<li>List item</li>
</menu>
|
26
|
<ol>
|
Ordered list
|
<ol>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
<li>List item four</li>
</ol>
|
27
|
<option>
|
List box option
|
<form>
<option>
Option 1</option>
<option>
Option 2</option>
<option>
Option 3</option>
<option>
Option 4</option>
</form>
|
28
|
<p>
|
Paragraph tag
|
<p>Lorem
ipsum dolor sit amet, consectetur adipis.</p>
|
29
|
<small>
|
Small text
|
<small> This tag will
show result in small size </small>
|
30
|
<strike>
|
Deleted tag
|
<strike> There will be a
strike on the text </strike>
|
31
|
<strong>
|
Strong emphasis
|
<strong> This result will
be bold </strong>
|
32
|
<table>
|
table
|
<table>
<tr>
<td>Column
1</td>
<td>Column
2</td>
<td>Column
3</td>
</tr>
</table>
|
33
|
<td>
|
Table data
|
<table>
<tr>
<td>Column 1</td>
<td>Column
2</td>
<td>Column
3</td>
</tr>
</table>
|
34
|
<th>
|
Table header
|
<table>
<tr>
<th>Column
1</th>
<th>Column
2</th>
<th>Column
3</th>
</tr>
<tr>
<td>Column
1</td>
<td>Column
2</td>
<td>Column
3</td>
</tr>
</table>
|
35
|
<title>
|
Document title
|
<title> Title of your
HTML page </title>
|
36
|
<tr>
|
Table row
|
<table>
<tr>
<td>Column
1</td>
<td>Column
2</td>
<td>Column
3</td>
</tr>
</table>
|
37
|
<tt>
|
Teletype
|
<tt> This is a teletype
example </tt>
|
38
|
<u>
|
Underline
|
<u> This will show an underline of the
content </u>
|
<ul>
|
Unordered list
|
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item four</li>
</ul>
|
Post a Comment
Post a Comment