Skip to main content

HTML Tags

 

HTML tags are like keywords which defines that how web browser will format and display the content. With the help of tags, a web browser can distinguish between an HTML content and a simple content. HTML tags contain three main parts: opening tag, content and closing tag. But some HTML tags are unclosed tags.

When a web browser reads an HTML document, browser reads it from top to bottom and left to right. HTML tags are used to create HTML documents and render their properties. Each HTML tags have different properties.

An HTML file must have some essential tags so that web browser can differentiate between a simple text and HTML text. You can use as many tags you want as per your code requirement.

  • All HTML tags must enclosed within < > these brackets.
  • Every tag in HTML perform different tasks.
  • If you have used an open tag <tag>, then you must use a close tag </tag> (except some tags)

Click: web designing course in bangalore 


 

 

Syntax

<tag> content </tag>

HTML Tag Examples

Note: HTML Tags are always written in lowercase letters. The basic HTML tags are given below:

<p> Paragraph Tag </p>

<h2> Heading Tag </h2>

<b> Bold Tag </b>

<i> Italic Tag </i>

<u> Underline Tag</u>

 


Unclosed HTML Tags

Some HTML tags are not closed, for example br and hr.

<br> Tag: br stands for break line, it breaks the line of the code.

 

<hr> Tag: hr stands for Horizontal Rule. This tag is used to put a line across the webpage.

HTML Meta Tags

DOCTYPE, title, link, meta and style

HTML Text Tags

<p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acronym>, <address>, <bdo>, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>, <samp>, <var> and <br>

HTML Link Tags

<a> and <base>

HTML Image and Object Tags

<img>, <area>, <map>, <param> and <object>

HTML List Tags

<ul>, <ol>, <li>, <dl>, <dt> and <dd>

HTML Table Tags

table, tr, td, th, tbody, thead, tfoot, col, colgroup and caption

HTML Form Tags

form, input, textarea, select, option, optgroup, button, label, fieldset and legend

HTML Scripting Tags

script and noscript

Note: We will see examples using these tags in later charters.

HTML Tags List

Following is the complete list of HTML tags with the description which are arranged alphabetically.

Note: Here HTML Tags Listrepresents newly added Elements in HTML5.

HTML Tags by Alphabets



Tag nameDescription
<!-- --> This tag is used to apply comment in an HTML document.
<!DOCTYPE> This tag is used to specify the version of HTML
A
<a> It is termed as anchor tag and it creates a hyperlink or link.
<abbr> It defines an abbreviation for a phrase or longer word.
<acronym> It defines acronym for a word. (Not supported in HTML5)
<address> It defines the author's contact information of the HTML article
<applet> It defines an embedded Java applet. (Not supported in HTML5)
<area> It defines the area of an image map.
<article>HTML Tags List It defines the self-contained content.
<aside>HTML Tags List It defines content aside from main content. Mainly represented as sidebar.
<audio>HTML Tags List It is used to embed sound content in HTML document.
B
<b> It is used to make a text bold.
<base> This tag defines the base URL for all relative URL within the document.
<basefont> This tag is used to set default font, size and color for all elements of document. (Not supported in HTML5)
<bdi>HTML Tags List This tag is used to provide isolation for that part of text which may be formatted in different directions from its surrounding text.
<bdo> It is used to override the current text direction.
<big> This tag is used to make font size one level larger than its surrounding content. (Not supported in HTML5)
<blockquote> It is used to define a content which is taken from another source.
<body> It is used to define the body section of an HTML document.
<br> It is used to apply single line break.
<button> It is used to represent a clickable button
C
<canvas>HTML Tags List It is used to provide a graphics space within a web document.
<caption> It is used to define a caption for a table.
<center> It is used to align the content in center. (Not supported in HTML5)
<cite> It is used to define the title of the work, book, website, etc.
<code> It is used to display a part of programming code in an HTML document.
<col> It defines a column within a table which represent common properties of columns and used with the <colgroup> element.
<colgroup> It is used to define group of columns in a table.
D
<data>HTML Tags List It is used to link the content with the machine-readable translation.
<datalist>HTML Tags List It is used to provide a predefined list for input option.
<dd> It is used to provide definition/description of a term in description list.
<del> It defines a text which has been deleted from the document.
<details>HTML Tags List It defines additional details which user can either view or hide.
<dfn> It is used to indicate a term which is defined within a sentence/phrase.
<dialog>HTML Tags List It defines a dialog box or other interactive components.
<dir> It is used as container for directory list of files. (Not supported in HTML5)
<div> It defines a division or section within HTML document.
<dl> It is sued to define a description list.
<dt> It is used to define a term in description list.
E
<em> It is used to emphasis the content applied within this element.
<embed>HTML Tags List It is used as embedded container for external file/application/media, etc.
F
<fieldset> It is used to group related elements/labels within a web form.
<figcaption>HTML Tags List It is used to add a caption or explanation for the <figure> element.
<figure>HTML Tags List It is used to define the self-contained content, and s mostly refer as single unit.
<font> It defines the font, size, color, and face for the content. (Not supported in HTML5)
<footer>HTML Tags List It defines the footer section of a webpage.
<form> It is used to define an HTML form.
<frame> It defines a particular area of webpage which can contain another HTML file. (Not supported in HTML5)
<frameset> It defines group of Frames. (Not supported in HTML5)
H
<h1> to <h6> It defines headings for an HTML document from level 1 to level 6.
<head> It defines the head section of an HTML document.
<header>HTML Tags List It defines the header of a section or webpage.
<hr> It is used to apply thematic break between paragraph-level elements.
<html> It represents root of an HTML document.
I
<i> It is used to represent a text in some different voice.
<iframe> It defines an inline frame which can embed other content.
<img> It is used to insert an image within an HTML document.
<input> It defines an input field within an HTML form.
<ins> It represent text that has been inserted within an HTML document.
<isindex> It is used to display search string for current document. (Not supported in HTML5)
K
<kbd> It is used to define keyboard input.
L
<label> It defines a text label for the input field of form.
<legend> It defines a caption for content of <fieldset>
<li> It is used to represent items in list.
<link> It represents a relationship between current document and an external resource.
M
<main>HTML Tags List It represents the main content of an HTML document.
<map> It defines an image map with active areas.
<mark>HTML Tags List It represents a highlighted text.
<marquee> It is used to insert the scrolling text or an image either horizontally or vertically. (Not supported in HTML5)
<menu> It is used for creating a menu list of commands.
<meta> It defines metadata of an HTML document.
<meter>HTML Tags List It defines scalar measurement with known range or fractional value.
N
<nav>HTML Tags List It represents section of page to represent navigation links.
<noframes> It provides alternate content to represent in browser which does not support the <frame> elements. (Not supported in HTML5)
<noscript> It provides an alternative content if a script type is not supported in browser.
O
<object> It is used to embed an object in HTML file.
<ol> It defines an ordered list of items.
<optgroup> It is used to group the options of a drop-down list.
<option> It is used to define options or items in a drop-down list.
<output>HTML Tags List It is used as container element which can show result of a calculation.
P
<p> It represents a paragraph in an HTML document.
<param> It defines parameter for an <object> element
<picture>HTML Tags List It defines more than one source element and one image element.
<pre> It defines preformatted text in an HTML document.
<progress>HTML Tags List It defines the progress of a task within HTML document.
Q
<q> It defines short inline quotation.
R
<rp>HTML Tags List It defines an alternative content if browser does not supports ruby annotations.
<rt> It defines explanations and pronunciations in ruby annotations.
<ruby> It is used to represent ruby annotations.
S
<s> It render text which is no longer correct or relevant.
<samp> It is used to represent sample output of a computer program.
<script> It is used to declare the JavaScript within HTML document.
<section>HTML Tags List It defines a generic section for a document.
<select> It represents a control which provides a menu of options.
<small> It is used to make text font one size smaller than document?s base font size.
<source>>HTML Tags List It defines multiple media recourses for different media element such as <picture>, <video>, and <audio> element.
<span> It is used for styling and grouping inline.
<strike> It is used to render strike through the text. (Not supported in HTML5)
<strong> It is used to define important text.
<style> It is used to contain style information for an HTML document.
<sub> It defines a text which displays as a subscript text.
<summary>HTML Tags List It defines summary which can be used with <details> tag.
<sup> It defines a text which represent as superscript text.
<svg> It is used as container of SVG (Scalable Vector Graphics).
T
<table> It is used to present data in tabular form or to create a table within HTML document.
<tbody> It represents the body content of an HTML table and used along with <thead> and <tfoot>.
<td> It is used to define cells of an HTML table which contains table data
<template> It is used to contain the client side content which will not display at time of page load and may render later using JavaScript.
<textarea> It is used to define multiple line input, such as comment, feedback, and review, etc.
<tfoot> It defines the footer content of an HTML table.
<th> It defines the head cell of an HTML table.
<thead> It defines the header of an HTML table. It is used along with <tbody> and <tfoot> tags.
<time>HTML Tags List It is used to define data/time within an HTML document.
<title> It defines the title or name of an HTML document.
<tr> It defines the row cells in an HTML table
<track> It is used to define text tracks for <audio> and <video> elements.
<tt> It is used to define teletype text. (Not supported in HTML5)
U
<u> It is used to render enclosed text with an underline.
<ul> It defines unordered list of items.
V
<var> It defines variable name used in mathematical or programming context.
<video>HTML Tags List It is used to embed a video content with an HTML document
W
<wbr>HTML Tags List It defines a position within text where break line is possible.

 

Comments

Post a Comment

Popular posts from this blog

What Are the Required Skills in Graphic Designing?

  The job description of a graphic designer is not that straightforward. This type of job requires a high level of creativity and an understanding of various fields, including Art Direction, Exhibition Design, Web Designing, and more. It can also lead to positions in the advertising and marketing industries. Listed below are some of the most sought-after positions in the industry. Let's take a closer look at each of them. What is graphic designing What is graphic design? In simple terms, it's the process of creating a visual composition that conveys the desired message to a target audience. Various forms of graphic design are used in advertising, marketing, and sales. For example, a company's website design may include logos, graphics, posters, and brochures. These elements combine to create an impressive, professional-looking brand identity. But what are the key components of a good graphic design? While studying the art of graphic design, aspiring designers should be awar...
Post a Comment
Read more

where to learn graphic design free?

  The amount of graphic design programs that are available online has increased over the last few years. The age of digital offers unlimited opportunities for those who have the ability to design graphically. If you're looking to create logos, creating games, or creating beautiful web pages, you'll find something that's suitable for all. For this piece, we'll look at some of the most effective and most useful graphic design courses . We'll look at options that are targeted towards a variety of different students from professionals who are advanced and want to build a distinctive brand or even classes for complete novices. Who should take the course in graphic design?   Graphic design classes aren't just for those who wish to be graphic designers. While you should definitely take the following courses to boost your chances of securing an attractive graphic design career However, there are other good motives to take the course too. For example, enrolling in one of...
Post a Comment
Read more

How to market graphic design business

Whether you are a Brand-new designer or a proven veteran, you can Never have many customers. But figuring out the way to Advertise a Graphic design business isn’t always simple. In the end, your specialization is – not advertising. In this particular post, I wish to offer you seven simple, actionable, and practical strategies. 7 Ways to Advertise your graphic design business Find your niche Before you dip too deeply into the Rest of the promotional approaches below, the Very first thing that you would like to do is Market down. Pick what graphic design solutions Are you going to concentrate on. Do you wish to concentrate on design logos? Info-graphics? Brochures? Websites? You may offer a variety of different providers. However, as you strategize for how to Market a graphic design business, it will pay to think of each Market separately. Your audience’s needs will vary significantly based on what they are looking for So that your promotional eff...
Post a Comment
Read more