HTML Tags

admin , Posted on September 22, 2017, filed in: Tech News , Technology

Useful HTML tags for developers and beginners

This article is written for html developer or beginner who learn html as very well. HTML stands for hyper text markup language. Using the HTML you can create website or WebPages. To learn HTML main things to learn about tags. HTML code is collection of tags and all code writes in tags. All HTML tags as below.

HTML tag for developer

Tag

Name

Example

Description

<!-- -->

Comment

<!—this is comment tag -->

Display as comment in html page

<a>

Anchor

<a href=”http://99techguru

.com”></a>

Display link in html page

<b>

Bold

<b>Bold Text</b>

Display bold text in html page

<body>

Body of html

<body>other html tag</body>

Display content of web page

<br>

Line break

Line 1<br>line 2

Display content in new line

<center>

Center

<center>Title</center>

Display content in center of page

<dd>

Definition data

<dl>

<dt>Definition Term</dt>

<dd>Definition of the term</dd>

<dt>Definition Term</dt>

<dd>Definition of the ter

m</dd>

</dl>

Display data as definition list, terms and it’s data

<dl>

Definition list

<dt>

Definition term

<em>

Emphasis

<em>emphasis</em>

Display as emphasis data

<font>

Font

<font

face="Times New Roman" size="+3"

color="#ff0000">Example

</font>

Display font style in html page

<form>

Form

<form action=”file1.php” method=”post”>…</form>

Display input from user

<h1>

<h2>

<h3>

<h4>

<h5>

<h6>

Heading tags

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

Display heading tags for display tags

<head>

Head for html

<head>…</head>

Head information for html page

<hr>

Horizontal line

<hr/>

Display horizontal line

<html>

Main tag

<html>..</html>

Root tag for html

<i>

Italic

<i>Italic text</i>

Display as italic text

<img>

Image

<img src=”image1.jpg” alt=””>

Display image in web page

<input>

Input field

<input type=”text”>

Display input field in html page

<li>

List item

<li>List item 1</li>

Display list item in html page

<link>

Link css file

<link rel=”stylesheet” href=”style1.css”>

Include external style sheet

<marquee>

Display as marquee

<marquee>Marquee Text

</marquee>

Display attractive marquee text in html page

<meta>

Meta data

<meta

name="keywords"

content="keywords describing your site">

Set meta data for website

<ol>

Order list

<ol>

<li>List Item 1</li>

</ol>

Display order list

<option>

Select option

<select>

<option>Item 1</option>

</select>

Used to set item in select tag

<p>

Paragraph

<p>My paragraph</p>

Display text in paragraph

<small>

Small text

<small>Small text</small>

Display small text

<strike>

Deleted text

<strike>Strike Text</strike>

Display text as deleted

<strong>

Bold text

<strong>Strong Text</strong>

Display bold text

<select>

Select option

<select>

<option>Item 1</option>

</select>

Display select input

<table>

Table

<table>

<tr>

<th>Name</th>

</tr>

<tr>

<td>Data 1</td>

</tr>

</table>

Table tag used for display table

Tr tag used for table row

Th tag used for table header

Td tag used for table data

<tr>

Table row

<th>

Table header

<td>

Table data

<title>

Title

<title>Page title</title>

Set for page title

<tt>

Teletype

<tt>teletype text</tt>

Display teletype text

<u>

Underline

<u>underline text</u>

Display underline text

<ul>

Unorder list

<ul>

<li>List Item 1</li>

</ul>

Display unorder list