HTML Basics – A list of important HTML Tags ~ SAMPATKUMARI'S Blog "PARISHKAR"

HTML Basics – A list of important HTML Tags



HTML Basics – A list of important HTML Tags- HTMl is a markup language and HTML stands for Hyper text Markup Language. An HTML document is always created in a text editor with the file extension .html or .htm. Wordpad is most preferred text editor for an HTML document. Two type of tags are used one the opening tag(<html> and another the closing tag(</html>). Some of the tags (like <br>) work without a closing tag. HTML tags/codes are case-insensitive. A chart of important HTML tags is given below. Please note that some of the tags may not work in some particular browser and also may not support a particular version of HTML -

HTML Basics – A list of important HTML Tags
HTML Basics – A list of important HTML Tags


S.N.
Tags
Description
1
<a>
Creates a link to other internet location, or file.
2
<abbr>
It interprets the meaning abbreviations as "HD." for Hard Drive.
3
<acronym>
Defines an acronym.(html5 does’t support <abbr> is used
4
<address>
used to identify the author's contact information.
5
<applet>
Used to embed and invoke a Java application within an HTML page.
6
<area>
Used to defines a section of an image.
7
<b>
Used for specifying within the text document.
8
<base>
Used to define information about the links on the page.
9
<basefont>
Defines changes of text appearance on the web page.
10
<bdo>
Specifies the direction of text display by overwriting the default - Left to Right.
11
<bgsound>
Defines background sound for a webpage.
12
<big>
Makes the text bigger then the rest of the text.
13
<blockquote>
Indicates that the enclosed text is an extended quotation
14
<blink>
A non-standard element causing the enclosed text to flash slowly.
15
<body>
Identify the main content of a web page.
16
<br>
It specifies a new line
17
<button>
Used to create a Push Button
18
<caption>
Adds a caption to a table.
19
<center>
Used to align centre.
20
<cite>
defines a citation and displaying in italics.
21
<code>
CODE tags are used for example, to indicate a code of the current <code>htmltags.html</code> page.
22
<col>
Used to define columns table.
23
<colgroup>
Used to define groups of table columns.
24
<dd>
DD tag defines a definition description. As ‘NSE’ for ‘Nation Stock Exchange’. (It is used in conjunction with <dl> (defines a description list) and <dl> (defines terms/names). Inside a <dd> tag you can put paragraphs, line breaks, images, links, lists, etc.
25
<dfn>
DFN tags emphasize definition, for example; <dfn>PC</dfn>: Personal Computer. The <dfn> tag is a phrase tag. It defines a definition term.
26
<del>
Defines text that has been deleted from a document. The Browsers normally strike a thin line through deleted text and underline.
27
<dir>
Define directory lists.
28
<dl>
Defines a definition list.
29
<div>
It is a logical section of a web document.
30
<dt>
Defines a definition term.
31
<embed>
A command to a browser to include a video or sound file within a web document.
32
<em>
It is a phrase tag. It renders as emphasized text.
33
<fieldset>
It is used to group related elements in a form and draws a box around the related elements.
34
<font>
It specifies the font face, font size, and color of text.Supported by css but not supported by html 5.
35
<footer>
It defines a footer for a document or section. It should contain information about its containing element. Typically it contains the author information, copyright information, links TOS, contact information, etc. <footer> can contain several elements in one document.
36
<form>
It is used to create an HTML form for user input. It can contain one or more of the following form elements-<input>, <textarea>, <optgroup>, <fieldset>, <button>, <select>, <option> and <label>.
37
<frame>
Used to define a particular window within a frameset and may contain different attributes, like border, scrolling, resize, etc.
38
<frameset>
Used to define a frameset and holds one or more frame elements. Each <frame> element can hold a separate document. The <frameset> specifies how many columns or rows will be in the frameset, and percentage/pixels of space occupied by each of them.
39
<h1> - <h6>
Used to define  different levels of headers (H1 to H6)
40
<head>
Head tags define general information about the document, page title, meta-tags, scripts and links to follow, and other commands to browsers.
41
<hr>
Used to define a thematic break, separate content, or define a change in an HTML page.
42
<html>
HTML tags contain HTML elements, and give a command to browsers to read the document as an HTML document.  The entire document(<head> and  <body>) is placed between <html> and </html>.
43
<iframe>
It creates an inline frame that contains another web page in it.
44
<img>
It defines an image in an HTML page and requires ‘src’ and ‘alt’ attributes.
45
<input>
INPUT tags define input fields, check boxes, radio buttons.
46
<ins>
Defines text with a deleted part, and a new, inserted part
47
<isindex>
It defines a single-line input field.
48
<i>
Used to specify italic text.
49
<kbd>
KBD tag stands for keyboard.
50
<label>
It defines a label to a form control.
51
<legend>
It assigns a caption in a fieldset element.
52
<li>
It defines a list of ordered and unordered items.
53
<link>
It defines a link between a document and an external resource.
54
<marquee>
Used to define different movement behaviors.
55
<menu>
It is used for context menus, toolbars and for listing form controls and commands.
56
<meta>
It provides metadata about the HTML document to search robots. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author details, date of lats modification etc.
57
<noframe>
NOFRAME tag is specifying an alternate web page layout for browsers that don't support frames.
58
<noscript>
NOSCRIPT tag is specifying a "noscript" version page layout for browsers that don't support "script" version. noscrip tags are used in conjunction with the JavaScript or VBScript elements.
59
<optgroup>
Used to create a drop-down group menu option.
60
<option>
It creates a drop-down menu and works only in conjunction with a select tag.
61
<ol>
It define an ordered list of items.
62
<p>
Used for specifying a paragraph and creates a new line.
63
<pre>
It is used for specifying a preformatted text and prevents the browsers from eliminating "white spaces" in the text.
64
<q>
Its function is similar to <blockquote> tag except that it doesn't break lines of the text.
65
<s>
Used to produce a strike throughout a text, less used and <del> is used instead.
66
<samp>
It is a phrase tag and defines sample output from a computer program.
67
<script>
SCRIPT tags define scripts within a web page and let the web browsers know that it's not an HTML section. You can place a <script> tag anywhere within html, but the best practice is to place it between the <head></head> tags.
68
<select>
It creates a menu on a form.
69
<small>
It defines smaller text and other side comments.
70
<span>
It is used for specifying a section of a document.
71
<strike>
It creates a strike through words or text. ‘del’ is used in practice.
72
<strong>
It is used for specifying a strong  or important text.
73
<style>
STYLE tag specifies a link and location to a style sheet, and gives a command to browsers regarding to a layout for a web page.    
74
<sub>
It is used for defining a subscripted text.
75
<sup>
It is used for defining a superscripted text.
76
<table>
It is used for defining a table.
77
<td>
It is used for creating a data cell.
78
<th>
It is used for creating a header cell.
79
<tr>
It is used for creating a row in a table.
80
<tbody>
It is used for creating a table body.
81
<textarea>
It is used for creating a text area.
82
<tfoot>
It is used for creating a table footer.
83
<thead>
It is used for creating a table header.
84
<title>
It is used for declaring a title of an HTML document.
85
<tt>
Used to creates a teletype text.
86
<u>
It makes an underlined text.
87
<ul>
Used to define an unordered list of items.
88
<var>
It indicates a variable parameter.



1 comment:

  1. Awesome tips Sampat Kumari jee. Super like it as it can be beneficial for newbies.

    ReplyDelete