Scribd
Upload
3 views

HTML & Css Cheatsheet

The document provides a comprehensive list of HTML tags, including their descriptions and examples. Each entry details the purpose of the tag, such as defining hyperlinks, formatting text, or structuring content. The document serves as a reference for understanding various HTML elements and their usage in web development.

Uploaded by

ettolrahcava
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

HTML & Css Cheatsheet

The document provides a comprehensive list of HTML tags, including their descriptions and examples. Each entry details the purpose of the tag, such as defining hyperlinks, formatting text, or structuring content. The document serves as a reference for understanding various HTML elements and their usage in web development.

Uploaded by

ettolrahcava
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 43

HTML TAGS

S/N TAG DESCRIPTION EXAMPLE

1 <!DOCTYPE> ​ <!DOCTYPE html>


​ <html>
​ <head>
​ <title>This is the title</title>
​ </head>
​ <body>
​ This is the content of the document.
​ </body>
​ </html>

2 <a> The HTML anchor tag defines a ​ <!DOCTYPE html>


hyperlink that links one page to ​ <html>
another page. It can create ​ <head>
hyperlink to other web page as ​ <title></title>
well as files, location, or any URL. ​ </head>
​ <body>
​ <p>Click on <a
href="https://www.deebug.org/"
target="_blank"> this-link </a>to go
on home page of deebug.</p>
​ </body>
​ </html>

3 <abbr> The abbreviation tag in HTML is ​ <!DOCTYPE html>


used to define the abbreviation or ​ <html lang="en">
short form of an element. ​ <head>
​ <meta charset="UTF-8">
​ <meta name="viewport"
content="width=device-width,
initial-scale=1.0">
​ <title>abbr tag</title>
​ </head>
​ <body>
​ <body>
​ <p>Welcome to Deebug <abbr
title="Welcome to
Deebug">WTD</abbr>!</p>
​ </body>
​ </body>
​ </html>

4 <acronym> HTML <acronym> tag is used ​ <!DOCTYPE html>


with title attribute to contain a ​ <html>
full explanation of an acronym ​ <head>
content. When you hover the ​ <title>Acronym tag</title>
mouse on content, then it will ​ </head>
show the explanation of word. ​ <body>
​ <h2>Acronym tag Example</h2>
​ <acronym title="Indian Space
Research
Organisation">ISRO</acronym>
​ </body>
​ </html>

5 <address> HTML <address> tag is used to ​ <!DOCTYPE html>


specify the authorship ​ <html>
information of the article or ​ <head>
webpage. It can contain any ​ <title>Address Tag</title>
type of information which is ​ </head>
needed such as, URL, physical ​ <body>
address, phone number, email, ​ <h2>Example of Address tag</h2>
other links, etc. ​ <address>The article is
written by:<b>Harshita</b>
<br>Contact Author at:
​ <a
href="mailto:[email protected]">
[email protected]</a><br>You
can also visit our blog:
​ <a
href="http://deebug.blogspot.com/">
deebug blog</a>
​ </address>
​ </body>
​ </html>

6 <applet> The applet tag in HTML was used to ​ <!DOCTYPE html>


​ <html>
embed Java applets into any HTML ​ <head>
document, discontinued starting ​ <title>Applet Tag</title>
from HTML 5. ​ </head>
​ <body>
​ <p>Example of Applet Tag</p>
​ <applet code="Shapes.class"
align="right" height="200"
width="300">
​ <b>Sorry! you need Java to see
this</b>
​ </applet>
​ </body>
​ </html>

7 <area> The <area> tag defines the ​ <!DOCTYPE html>


clickable areas or active areas ​ <html>
inside the image-map which are ​ <head>
associated with the hyperlinks. ​ <title>HTML Area tag</title>
​ </head>
​ <body>
​ <h2>Example of HTML Area
tag</h2>
​ <img src="image1.png"
usemap="#web">
​ <map name="web">
​ <area shape="rect"
coords="66,117,131,168"
href="https://www.deebug.com/html
-tutorial">
​ </map>
​ </body>
​ </html>

8 <article> The <article> tag is one of the new ​ <article>


sectioning elements in HTML5. The ​ <h2> Discussion: Space
tag is used to represent an article. Exploration Future </h2>
​ <p> What is your perspective on
the fate of space exploration?...</p>
​ </article>
9 <aside> The <aside> tag is used to describe ​ <aside>
the main object of the web page in a ​ <h4>Heading</h4>
shorter way like a highlighter. ​ <p>Some text</p>
​ </aside>

10 <audio> It is a useful tag if you want to add ​ <audio controls>


audio such as songs, interviews, etc. ​ <source src="koyal.ogg"
on your webpage. type="audio/ogg">
​ Your browser does not support the
html audio tag.
​ </audio>

11 <b> HTML <b> tag is used to display ​ <p> Hello guys, <b>this is the
the written text in bold format. method to write bold text.</b></p>

12 <base> HTML <base> tag is used to ​ <!DOCTYPE html>


specify a base URI or URL to use ​ <html>
for all relative links contained ​ <head>
within an HTML document. ​ <title>Base tag</title>
​ <style>
​ a{text-decoration: none;
​ color:black;}
​ a:hover{color: green;
​ font-size: 18px;}
​ </style>
​ <base
href="https://www.deebug.com">
​ </head>
​ <body>
​ <h2 style="color: red; font-size:
30px; font-style: italic;">List of Web
developement Tutorial</h2>
​ <a href="/html-tutorial">HTML
tutorial</a><br>
​ <a href="/css-tutorial">CSS
tutorial</a><br>
​ <a
href="/bootstrap-tutorial">Bootstrap
tutorial</a><br>
​ <a
href="/javascript-tutorial">JavaScript
tutorial</a><br>
​ <a
href="/jquery-tutorial">JavaScript
tutorial</a>
​ </body>
​ </html>

13 <basefont> This tag is used to set the default ​ <!DOCTYPE html>


text-color, font-size, & font-family of ​ <html>
all the text in the browser. Not ​ <head>
​ <title>Basefont tag</title>
supported in HTML5.
​ <basefont color="blue" size="5"
face="arial">
​ </head>
​ <body>
​ <h2>Example of Basefont tag</h2>
​ <p>The basefornt tag is not
supported in HTML5 use CSS to style
the document</p>
​ </body>
​ </html>

14 <bdi> HTML <bdi> tag stands for ​ <!DOCTYPE html>


Bidirectional Isolate Element. It ​ <html>
is used to inform the browser to ​ <head>
isolate the span of text which ​ <title>Bdi tag</title>
may be formatted in opposite ​ <style>
directions than the surrounding ​ bdi{
text. ​ font-size: 25px;
​ color: red; }
​ </style>
​ </head>
​ <body>
​ <h2>Example of HTML bdi tag</h2>
​ <p>
​ This <bdi> ???? ????? </bdi> Content
is written in Arabic language
​ </p>
​ </body>
​ </html>
15 <bdo> HTML <bdo> tag stands for ​ <!DOCTYPE html>
"bidirectional override" which is ​ <html>
used to overrides the ​ <head>
current/default text direction. ​ <title>Bdo tag</title>
This tag sets the direction of ​ </head>
content within it to render on ​ <body>
browser from left to right or ​ <h2>Example of HTML bdo
right to left. tag</h2>
​ <p style="color:#ff4040">This is
Normal Content with default
directionality</p>
​ <p>This is with left to right
directionality:
​ <bdo dir="ltr" style="color:
#5f9ea0">A beautiful Flower</bdo>
​ </p>
​ <p>This is with right to left
directionality:
​ <bdo dir="rtl"
style="color:#68228b">A beautiful
Flower</bdo>
​ </p>
​ </body>
​ </html>

16 <big> HTML <big> tag was used to ​ <!DOCTYPE html>


increase the text font size one ​ <html>
level bigger than the ​ <head>
document's base font size or ​ <title>Big tag</title>
surrounding text size, such as ​ </head>
small to medium, medium to ​ <body>
large, etc. ​ <h2>Example of HTML big tag</h2>
​ <p style="color:#ff4040">This is
paragraph with normal font size</p>
​ <p style="color:#00bfff">
​ <big>This is paragraph with font
size greater than the previous
content</big>
​ </p>
​ </body>
​ </html>
17 <blockquote> HTML <blockquote> tag is used ​ <!DOCTYPE html>
to define a block of text which is ​ <html>
quoted from another source. The ​ <head>
Browser usually displays the ​ <title>Blockquote tag</title>
content within <blockquote> tag ​ </head>
as indented text. ​ <body>
​ <h2>Example of blockquote
tag</h2>
​ <p>A Great Motivational Quote
:</p>
​ <blockquote
cite="https://www.brainyquote.com/a
uthors/erin_cummings">
​ <p>
​ At the end of the day, you are
solely responsible for your success
and your failure. And the sooner you
realize that, you accept that, and
integrate that into your work ethic,
you will start being successful. As
long as you blame others for the
reason you aren't where you want to
be, you will always be a failure.
​ </p>
​ </blockquote>
​ <cite>Erin Cummings</cite>
​ </body>
​ </html>

18 <body> HTML <body> tag defines the ​ <!DOCTYPE html>


main content of an HTML ​ <html>
document which displays on the ​ <head>
browser. It can contain text ​ <title>Body Tag</title>
content, paragraphs, headings, ​ </head>
images, tables, links, videos, etc. ​ <body>
​ <h2>Example of body tag</h2>
​ <p>This paragraph is written
between the body tag</p>
​ </body>
​ </html>

19 <br> The break tag inserts a single ​ <!DOCTYPE html>


carriage return or breaks in the ​ <html lang="en">
document. This element has no end ​ <head>
​ <meta charset="UTF-8">
tag.
​ <meta name="viewport"
content="width=device-width,
initial-scale=1.0">
​ <title>Document</title>
​ </head>
​ <body>
​ <div>
​ Hold fast to dreams <br>
​ For if dreams die <br>
​ Life is a broken-winged bird <br>
​ That cannot fly <br><br>
​ Hold fast to dreams <br>
​ For when dreams go <br>
​ Life is a barren field <br>
​ Frozen with snow <br>
​ </div>
​ </body>
​ </html>

20 <button> The <button> tag is used to ​ <button name="button"


create a clickable button within type="button">Click Here</button>
HTML form on your webpage.
You can put content like text or
image within the
<button>........</button> tag.

21 <canvas> The HTML canvas element ​ <!DOCTYPE html>


provides HTML a bitmapped ​ <html lang="en">
surface to work with. It is used to ​ <head>
draw graphics on the web page. ​ <meta charset="UTF-8">
​ <meta name="viewport"
The HTML 5 <canvas> tag is used
to draw graphics using scripting content="width=device-width,
language like JavaScript. initial-scale=1.0">
​ <title>Canvas Example</title>
​ </head>
​ <body>
​ <canvas id="myCanvas"
width="400"
height="200"></canvas>
​
​ <script>
​ // JavaScript code to draw on the
canvas
​ var canvas =
document.getElementById("myCanv
as");
​ var ctx =
canvas.getContext("2d");
​
​ // Draw a red rectangle
​ ctx.fillStyle = "red";
​ ctx.fillRect(50, 50, 100, 50);
​
​ // Draw a blue circle
​ ctx.beginPath();
​ ctx.arc(300, 100, 30, 0, 2 *
Math.PI);
​ ctx.fillStyle = "blue";
​ ctx.fill();
​ ctx.closePath();
​ </script>
​ </body>
​ </html>

22 <caption> HTML <caption> tag is used to ​ <!DOCTYPE html>


add a caption or title to an HTML ​ <html>
table. It should be used inside ​ <head>
the <table> element and just ​ <title>Caption Tag</title>
after the <table> start tag. A ​ <style>
table may contain only one ​ table, td, th {
<caption> element. ​ border: 3px solid gray;
​ border-collapse: collapse;}
​ </style>
​ </head>
​ <body>
​ <h2>Example of Caption tag</h2>
​ <table width="800">
​ <caption>Employee
Details</caption>
​ <thead>
​ <tr>
​ <th>Sr. No.</th>
​ <th>Name</th>
​ <th>Email</th>
​ </tr>
​ </thead>
​ <tbody>
​ <tr>
​ <td>1.</td>
​ <td>Ankit Pandey</td>
​ <td>[email protected]</td>
​ </tr>
​ <tr>
​ <td>2.</td>
​ <td>Ashvini Kumar</td>
​ <td>[email protected]</td>
​ </tr>
​ <tr>
​ <td>3.</td>
​ <td>Swati Sharma</td>
​ <td>[email protected]</td>
​ </tr>
​ </tbody>
​ </table>
​ </body>
​ </html>

23 < Center> The center tag in HTML is used to ​ <p class="center-text">This text is
set the alignment of text in the centered using CSS text
center. Not supported in HTML5. alignment.</p>
24 <cite> HTML <cite> tag specifies a ​ !DOCTYPE html>
citation, it provides reference or ​ <html>
title to a creative work, quoted ​ <head>
content, books, websites, a ​ <title>Cite Tag</title>
research paper, a blog-spot, ​ </head>
painting, etc. ​ <body>
​ <h2>Example of cite tag</h2>
​ <img
src="https://static.deebug.com/htmlp
ages/images/book.jpg" height="150"
width="120">
​ <p>A famous book:
​ <cite> Web Development
ABC </cite> written by Deebug
Institute
​ </p>
​ </body>
​ </html>

25 <code> HTML <code> tag is used to ​ <em>It is inside em tag.</em><br>


represent computer code. It is a ​ <strong>It is inside strong
phrase tag which defines a piece tag.</strong><br>
of computer code. By default, it ​ <dfn>It is inside dfn tag.</dfn><br>
is displayed in the browser's ​ <code>It is inside code
default monospace font (also tag.</code><br>
known as fixed-width font). ​ <samp>It is inside samp
tag.</samp><br>

26 <col> HTML <col> tag is used to specify ​ <!DOCTYPE html>


common column properties for ​ <html>
each column within <colgroup> ​ <head>
element in an HTML table. ​ <title>Col tag</title>
​ </head>
The <col> tag is useful when it ​ <body>
requires to apply common style ​ <h2>Example of Col Tag</h2>
rules for each column cell rather ​ <table border="1">
than applying individually. ​ <colgroup>
​ <col span="2"
style="background-color: #7fffd4">
​ <col span="2"
style="background-color: #98f5ff">
​ </colgroup>
​ <tr>
​ <th>Roll No.</th>
​ <th>Name</th>
​ <th>Maths</th>
​ <th>Science</th>
​ </tr>
​ <tr>
​ <td>1</td>
​ <td>Promise</td>
​ <td>68</td>
​ <td>89</td>
​ </tr>
​ </table>
​ </body>
​ </html>

27 <colgroup> it is useful for applying styles to ​ <!DOCTYPE html>


entire columns, instead of repeating ​ <html>
the styles for each column, and for ​ <head>
​ <title>Colgroup tag</title>
each row
​ </head>
​ <body>
​ <h2>Example of Colgroup Tag</h2>
​ <table border="1">
​ <colgroup>
​ <col style="background-color:
green" width="40">
​ <col span="2"
style="background-color: #ff7256"
width="80">
​ </colgroup>
​ <tr>
​ <th>Sr.No</th>
​ <th>Product</th>
​ <th>Price</th>
​ </tr>
​ <tr>
​ <td>1</td>
​ <td>Rice</td>
​ <td>85</td>
​ </tr>
​ </table>
​ </body>
​ </html>

27 <data> The HTML <data> tag is used to ​ <ul>


provide a machine readable ​ <li><data value="101">Java
version of its own contents. It Tutorial</data></li>
displays the data in a special ​ <li><data value="111">SQL
format. It is useful in the case tutorial</data></li>
where your data needs to be in a ​ <li><data value="121">HTML
certain format because it may tutorial</data></li>
be processed by a script, but this ​ </ul>
might not be the format that
you'd like your users to see.

28 <datalist> The HTML <datalist> tag is is ​ <label>


used to provide an auto ​ Enter your favorite football player:
complete feature on form Press any character<br />
element. It provides a list of ​ <input type="text" id="favCktPlayer"
predefined options to the users list="CktPlayers">
to select data. ​ <datalist id="CktPlayers">
​ <option value="Sachin Tendulkar">
​ <option value="Brian Lara">
​ <option value="Jacques Kallis">
​ <option value="Ricky Ponting">
​ <option value="Rahul Dravid">
​ <option value="Shane Warne">
​ <option value="Rohit Sharma">
​ <option value="Donald Bradman">
​ <option value="Saurav Ganguly ">
​ <option value="AB diVilliers">
​ <option value="Mahendra Singh
Dhoni">
​ <option value="Adam Gilchrist">
​ </datalist>
​ </label>
29 <dl> The datalist tag is used to provide ​ <dl>
an autocomplete feature & used ​ <dt>HTML</dt>
with an input tag so that users can ​ <dd>HyperText Markup
Language</dd>
easily fill the data in the forms using
​ <dt>CSS</dt>
select the data.
​ <dd>Cascading Style Sheets</dd>
​ </dl>

30 <del> HTML <del> tag is used to ​ <!DOCTYPE html>


represent the range of text that ​ <html>
has been deleted/removed from ​ <head>
the document. It is used as a ​ <title>Del tag</title>
Markup for the deleted content. ​ </head>
​ <body>
​ <h2>Example of Del Tag</h2>
​ <p>It represent the <del> deleted
</del> text. </p>
​ </body>
​ </html>

31 <details> HTML <details> tag is used to ​ <details>


specify the additional details on ​ <summary>Click to
the web page that the user can expand</summary>
view or hide on demand. ​ </details>

32 <dfn> HTML <dfn> tag also called as ​ <!DOCTYPE html>


HTML definition tag. It is used to ​ <html>
represent the term which is ​ <head>
defined within context of ​ <title>Dfn tag</title>
definition phrase or sentence in ​ </head>
an HTML document. ​ <body>
​ <h2>Example of dfn Tag</h2>
​ <p><dfn>HTML</dfn> A markup
language for Web designing</p>
​ </body>
​ </html>

33 <dialog> HTML <dialog> tag is used to ​ <div>


create a new popup dialog on a ​ <dialog id="myFirstDialog"
web page. This tag represents a style="width:50%;background-color:#
dialog box or other interactive F4FFEF;border:1px dotted black;">
component like window. ​ <p><q>I am so clever that
sometimes I don't understand a
single word of what I am saying.
​ </q> - <cite>Oscar Wilde</cite></p>
​ <button id="hide">Close</button>
​ </dialog>
​ <button id="show">Show
Dialog</button>
​ </div>
​
​ <!-- JavaScript to provide the
"Show/Close" functionality -->
​ <script type="text/JavaScript">
​ (function() {
​ var dialog =
document.getElementById('myFirst
Dialog');
​
document.getElementById('show').o
nclick = function() {
​ dialog.show();
​ };
​
document.getElementById('hide').on
click = function() {
​ dialog.close();
​ };
​ })();
​ </script>

34 <dlr> HTML <dir> tag was used as a ​ <!DOCTYPE html>


container for the list of ​ <html>
files/folders or content of the ​ <head>
directory. The <dir> element is ​ <title>Dir tag</title>
used with the <li> tags, and list ​ <style>
of directories renders in bullets ​ h2{
by default. ​ color: #b22222;}
​ p{
​ color: green;}
​ </style>
​ </head>
​ <body>
​ <h2>Example of dir tag</h2>
​ <p>List of popular Deebug
Tutorials</p>
​ <dir>
​ <li>Java-tutorial</li>
​ <li>DBMS-tutorial</li>
​ <li>DataStructure-tutorial</li>
​ <li>HTML-tutorial</li>
​ </dir>
​ </body>
​ </html>

35 <dlv> he HTML <div> tag is used to ​ <div style="border:1px solid


group the large section of HTML pink;padding:20px;font-size:20px">
elements together. ​ <p>Welcome to deebug.com, Here
you get tutorials on latest
technologies.</p>
​ <p>This is second paragraph</p>
​ </div>

36 <em> HTML <em> tag is used to stress ​ <!DOCTYPE html>


emphasis the particular text ​ <html>
within a sentence or phrase. It ​ <head>
gives semantic meaning to the ​ <title>Em Tag</title>
text contained within it and ​ <style>
renders in the italic form on the ​ h2{
browser. ​ color:#ff7f50;
​ }
​ </style>
​ </head>
​ <body>
​ <h2>Example of em Tag</h2>
​ <p>This is <em>HTML em tag</em>
and it will emphasis the
<em>important text</em> of the
sentence</p>
​ </body>
​ </html>

37 <embed> HTML <embed> tag is used to ​ <!DOCTYPE html>


embed an external document in ​ <html>
an HTML file which can be a ​ <head>
third party application, ​ <title>Embed Tag</title>
multimedia, plugin(interactive ​ <style>
content), etc. ​ h2{
​ color: #cd5c5c;}
​ p{
​ color: #20b2aa;
​ font-style: italic;}
​ </style>
​ </head>
​ <body>
​ <h2>Example of embed tag</h2>
​ <p>The Dancing Penguin</p>
​ <embed src="giphy.gif" height="200"
width="300"></embed>
​ </body>
​ </html>

38 <fieldset> The fieldset tag in HTML5 is used to ​ <fieldset> Form elements </fieldset>
make a group of related elements in
the form, and it creates the box over
the elements.

39 <figcaption> The <figcaption> element is ​ <figure>


used to provide a caption to an ​ <img
image. src="https://static.deebug.com/htmlp
ages/images/tajmahal.jpg" alt="Taj
It is an optional tag and can Mahal"/>
appear before or after the ​ <figcaption>Fig.1.1 - A front view of
content within the <figure> tag. the great Taj Mahal in
Agra.</figcaption>
​ </figure>
40 <figure> The figure tag in HTML is used to ​ <!DOCTYPE html>
add self-contained content like ​ <html lang="en">
illustrations, diagrams, photos, or ​ <head>
​ <meta charset="UTF-8">
codes listed in a document
​ <meta name="viewport"
content="width=device-width,
initial-scale=1.0">
​ <title>Figure Example</title>
​ </head>
​ <body>
​ <figure>
​ <img src="example.jpg" alt="An
example image">
​ <figcaption>This is a caption for the
image. </figcaption>
​ </figure>
​ </body>
​ </html>

41 <font> HTML <font> tag is used to ​ <!DOCTYPE html>


define the font style for the text ​ <html>
contained within it. It defines the ​ <head>
font size, color, and face or the ​ <title>Font Tag</title>
text in an HTML document. ​ </head>
​ <body>
​ <h2>Change font using CSS</h2>
​ <p>This is normal text without any
font styling</p>
​ <p style="color: blue;">Text with
normal size and default face</p>
​ <p style="font-size: 25px; color:
green;">Text with Increased size and
default face </p>
​ <p style="font-family: cursive; color:
red;">Text with Changed face</p>
​ </body>
​ </html>

42 <footer> HTML <footer> tag is used to ​ <!DOCTYPE html>


define a footer for a document ​ <html>
or a section. It is generally used ​ <head>
in the last of the section (bottom ​ <title>Demonstration-1 of HTML
of the page). Footer Tag</title>
​ </head>
​ <body>
​ <h1>HTML &lt;footer&gt; tag</h1>
​ <footer>
​ <p>Author: deebug</p>
​ <p>
​ <a
href="mailto:[email protected]"
>[email protected]</a>
​ </p>
​ </footer>
​ </body>
​ </html>

43 <form> An HTML form is a section of a ​ <body>


document which contains ​ <form>
controls such as text fields, ​ Enter your name <br>
password fields, checkboxes, ​ <input type="text"
radio buttons, submit button, name="username">
menus etc. ​ </form>
​ </body>

44 <frame> HTML <frame> tag define the ​ <!DOCTYPE html>


particular area within an HTML ​ <html>
file where another HTML web ​ <head>
page can be displayed. ​ <title>Frame tag</title>
​ </head>
​ <frameset cols="25%,50%,25%">
​ <frame src="frame1.html" >
​ <frame src="frame2.html">
​ <frame src="frame3.html">
​ </frameset>
​ </html>

45 <frameset> HTML <frameset> tag is used to ​ <!DOCTYPE html>


contain the group of frames ​ <html>
which can be controlled and ​ <head>
styled as a unit. The <frameset> ​ <title>Frame tag</title>
element also specifies the ​ </head>
number of rows and columns in ​ <frameset cols="50%,50%">
the frameset, and how much ​ <frame
space they will occupy in a src="https://www.deebug.com/html-
frame. table">
​ <frame
src="https://www.deebug.com/css-ta
ble">
​ </frameset>
​ </html>

46 <h1> to <h6> A HTML heading or HTML h tag ​ <h1>Heading no. 1</h1>


can be defined as a title or a ​ <h2>Heading no. 2</h2>
subtitle which you want to ​ <h3>Heading no. 3</h3>
display on the webpage. When ​ <h4>Heading no. 4</h4>
you place the text within the ​ <h5>Heading no. 5</h5>
heading tags <h1>.........</h1>, it is ​ <h6>Heading no. 6</h6>
displayed on the browser in the
bold format and size of the text
depends on the number of
heading.

There are six different HTML


headings which are defined with
the <h1> to <h6> tags, from
highest level h1 (main heading)
to the least level h6 (least
important heading).

h1 is the largest heading tag and


h6 is the smallest one. So h1 is
used for most important
heading and h6 is used for least
important.

47 <head> The HTML <head> element is ​ <!DOCTYPE html>


used as a container for metadata ​ <html>
(data about data). It is used ​ <head>
between <html> tag and <body> ​ <title>This Page Title</title>
tag. ​ </head>
​ <body>
The head of an HTML document ​ <p>The body's content is displayed
is a part whose content is not in the browser window.</p>
displayed in the browser on ​ <p>The content of the title element
page loading. It just contains is displayed in the browser tab, in
metadata about the HTML favorites and in search engine
document which specifies data results.</p>
about the HTML document. ​ </body>
​ </html>

48 <header> The <header> element define a ​ <html>


page or section header. A logo, a ​ <head>
search bar, links for navigation, ​ Page-related header tags
etc., are often included. ​ </head>
​ <body>
​ Page-related body tags
​ </body>
​ </html>

49 <hr> The hr tag in HTML stands for <html>


horizontal rule and is used to insert <body>
a horizontal rule. <h1>An example of the hr tag in
HTML</h1>
<p>Welcome to the page.</p>
<hr>
<p>Below are the contents.</p>
</body>
</html>

50 <html> The <html> tag represents root ​ <!DOCTYPE html>


of an HTML document hence ​ <html>
also called as root element. It is a ​ <head>
container of all elements (except ​ <title>HTML tag</title>
<!Doctype> ) such as <body>, ​ </head>
<head> and each element which ​ <body>
appears in an HTML document. ​ <h2>Example of HTML tag</h2>
It tells the browser that the ​ <p> Write your main Content within
document is an HTML Body of the HTML document. </p>
document. ​ </body>
​ </html>

51 <iframe> HTML Iframe is used to display a ​ <!DOCTYPE html>


nested webpage (a webpage ​ <html>
within a webpage). The HTML ​ <body>
<iframe> tag defines an inline ​ <h2>HTML Iframes example</h2>
frame, hence it is also called as ​ <p>Use the height and width
an Inline frame. attributes to specify the size of the
iframe:</p>
​ <iframe
src="https://www.deebug.com/"
height="300" width="400"></iframe>
​ </body>
​ </html>

52 <img> HTML img tag is used to display ​ <img src="animal.jpg" height="180"


image on the web page. HTML width="300" alt="animal image">
img tag is an empty tag that
contains attributes only, closing
tags are not used in HTML
image element.

53 <input> The HTML <input> tag is used to ​ <form action="#">


represent a form input control in ​ First name: <input type="text"
HTML document. This form name="FirstName"
input control facilitate user to placeholder="enter firstname..."><br>
input data and communicate ​ Last name: <input type="text"
with a website or application. name="LastName"
Let's take an example of an placeholder="enter lastname..."><br>
HTML form with three input ​ <input type="submit"
fields, two text fields and one value="Submit">
button for submission. ​ </form>

54 <ins> HTML <ins> tag is used to ​ <!DOCTYPE html>


represent the newly added text ​ <html>
in an HTML document. It usually ​ <head>
renders with an underline ​ <title>HTML ins Tag</title>
through the text, but it can be ​ </head>
changed using CSS property. ​ <body>
​ <h2>Example of ins tag</h2>
​ <p>
​ If you will do <del>hard work
</del> <ins>smart work</ins> then
you will get success easily
​ </p>
​ </body>
​ </html>

55 <isindex> HTML <isindex> tag is used to ​ <!DOCTYPE html>


provide a single line text input in ​ <html>
a page to query a document. If ​ <head>
user sent input to the server ​ <isindex prompt = "Search your
then server returns the list of document here" />
page matching with the query. ​ </head>
​ </html>

56 <kbd> HTML <kbd> tag indicates the ​ <!DOCTYPE html>


part of inline text which ​ <html>
represents the user keyboard ​ <head>
input, voice input, or any other ​ <title>Kbd Tag</title>
text entry device input. ​ </head>
​ <body>
​ <h2>Example of Kbd tag</h2>
​ <p>If you are using MS document
then you can use shortcut <kbd>ctrl
+ s</kbd> to save your current
document. </p>
​ </body>
​ </html>

57 <label> The <label> tag is used to specify ​ <label for="firstname">


a label for an <input> element of ​ Firstname
a form. It adds a label to a form ​ </label>
control such as text, email,
password, textarea etc. It toggles
the control when a user clicks on
a text within the <label>
element.
58 <legend> HTML <legend> tag is used to ​ <!DOCTYPE html>
insert a title or caption to its ​ <html>
parent element such as ​ <head>
<fieldset>. The <legend> ​ <title>Legend Tag</title>
element must be the first child ​ </head>
of <fieldset > element. ​ <body>
​ <h1>Example of Legend Tag</h1>
​ <form>
​ <fieldset>
​ <legend>Employee basic
information:</legend>
​ <label>First Name</label><br>
​ <input type="text"
name="fname"><br>
​ <label>Last Name</label><br>
​ <input type="text"
name="lname"><br>
​ <label>Enter Email</label><br>
​ <input type="email"
name="email"><br><br>
​ <input type="Submit"><br>
​ </fieldset>
​ </form>
​ </body>
​ </html>

59 <li> The list tag in HTML is used to ​ <ol>


define the list item in an HTML ​ <li>Aries</li>
document. It is used within an ​ <li>Bingo</li>
​ <li>Leo</li>
Ordered List <ol> or Unordered List
​ <li>Oracle</li>
<ul>.
​ </ol>

60 <link> HTML <link> tag is used to ​ <!DOCTYPE html>


specify the relationship between ​ <html>
the current document and ​ <head>
external source. ​ <title>Link Tag</title>
​ <link rel="stylesheet"
The <link> tag is commonly used type="text/css"
to link the external Stylesheet for href="htmlpages/css/link.css">
the current document, but it can
also use with link site icons. It is ​ </head>
placed on the head section of ​ <body>
the document. ​ <h2>Example of Link Tag</h2>
​ <p>This is paragraph which is
styled with external style sheet. </p>
​ </body>
​ </html>

61 <main> HTML <main> tag is used to ​ <main>


represent the main content of ​ <h2>Apples</h1>
the <body> tag. ​ <p>The apple is a red color
pomaceous fruit of the apple tree. It
The <main> tag is written within is a very famous saying about apple.
<body> tag. It is used to ​ </br> "An apple in a day, keeps the
accurately describe the primary Doctor away".</p>
content of a page. ​ <article>
​ <h3>Red Delicious</h3>
​ <p>These bright red apples are the
most common found in many
supermarkets.</p>
​ </article>
​ </main>

62 <map> HTML <map> tag is used with ​ <!DOCTYPE html>


<area> tag to define a client-side ​ <html>
image map. ​ <head>
​ <title>HTML map tag</title>
An image map is consist of an ​ </head>
image with clickable areas, ​ <body>
where you can click on the ​ <h2>Example of HTML Map
image, and it will open to new or tag</h2>
the provided destination. ​ <img src="image1.png"
usemap="#web">
​ <map name="web">
​ <area shape="rect"
coords="330,107,406,159"
href="https://www.deebug.com/boot
strap-tutorial">
​ <area shape="rect"
coords="199,185,267,236"
href="https://www.deebug.com/javas
cript-tutorial">
​ </map>
​ </body>
​ </html>

63 <mark> HTML <mark> tag is used to <!DOCTYPE html>


highlight the some text part <html>
inside of another element such <head>
as paragraph, for reference or <title>Mark Tag</title>
any notation purpose. </head>
<body>
This is a newly added tag and <h2>Exmaple of Mark Tag</h2>
introduced in HTML5. <p>You can easily learn designing a
website with our <mark>Web
designing tutorial. </mark></p>
</html>

64 <maquee> The Marquee HTML tag is a ​ <marquee>This is an example of


non-standard HTML element html marquee </marquee>
which is used to scroll a image
or text horizontally or vertically.

In simple words, you can say that


it scrolls the image or text up,
down, left or right automatically.

65 <menu> HTML <menu> tag specifies a list ​ <!DOCTYPE html>


or menu of commands that a ​ <html>
user can perform or activate. It is ​ <head>
used for creating context menu ​ <title>Menu Tag</title>
as well as lists menu. ​ </head>
​ <body>
​ <h2>Example of Menu Tag</h2>
​ <menu>
​ <li>Home</li>
​ <li>Registration</li>
​ <li>Contact-us</li>
​ <li>About-us</li>
​ </menu>
​ </body>
​ </html>

66 <meta> HTML <meta> tag is used to <meta charset="utf-8">


represent the metadata about <meta name="keywords"
the HTML document. It specifies content="HTML, CSS, JavaScript,
page description, keywords, Tutorials">
copyright, language, author of
the documents, etc.

67 <meter> HTML <meter> tag is used to ​ <p>Display a gauge:</p>


measure data within a given ​ <meter value="30" min="1"
range. It defines a scalar max="100">30 out of
measurement with range. It is 100</meter><br>
also known as a gause. ​ <meter value="0.8">80%</meter>

It should be used to display disk


usage, voting population etc.

68 <nav> HTML <nav> tag is used to ​ <!DOCTYPE html>


represent a section which ​ <html>
contains navigation links, either ​ <head>
within current document or to ​ <title>Nav Tag</title>
another document. Examples of ​ </head>
some navigation links are menu, ​ <body>
table of contents, indexes, etc. ​ <h1>Example of Nav tag</h1>
​ <nav>
​ <a href="#">Home</a> |
​ <a href="#">Courses</a> |
​ <a href="#">About-us</a> |
​ <a href="#">Contact-us</a> |
​ </nav>
​ </body>
​ </html>

69 <noframe> HTML <noframes> tag is used to ​ <!DOCTYPE html>


contain an alternative text to ​ <html>
display if the browser does not ​ <head>
support the <frame> content. It ​ <title>Noframe tag</title>
will only work, if the browser ​ </head>
does not support the frame else, ​ <frameset cols="50%,50%">
it will be ignored by the browser. ​ <frame
src="https://www.deebug.com/html-
table">
​ <frame
src="https://www.deebug.com/css-ta
ble">
​ <noframes>Sorry! Your browser
does not support frames.
</noframes>
​ </frameset>
​ </html>

70 <noscript> HTML <noscript> tag is used to ​ <script>


define an alternate content for ​ document.write("Welcome to
the users who have disabled deebug")
scripting from the browser and ​ </script>
want to access the web page. ​ <noscript>Sorry! Your browser does
not support JavaScript.!</noscript>
The <noscript> element can be
used within <head> and <body>
tags.

71 <object> HTML <object> tag is used to ​ <!DOCTYPE html>


embed multimedia files on ​ <html>
webpage. The <object> tag can ​ <head>
include multimedia files such as ​ <title>Obejct Tag</title>
video, audio, image, PDF, Java ​ </head>
Applets, or another page on your ​ <body>
page. ​ <h2>Example of Object tag</h2>
​ <object height="250" width="500"
data="https://www.youtube.com/em
bed/O5hShUO6wxs"></object>
​ </body>
​ </html>
72 <ol> HTML Ordered List or Numbered ​ <ol>
List displays elements in ​ <li>HTML</li>
numbered format. The HTML ol ​ <li>Java</li>
tag is used for ordered list. We ​ <li>JavaScript</li>
can use ordered list to represent ​ <li>SQL</li>
items either in numerical order ​ </ol>
format or alphabetical order
format, or any format where an
order is emphasized.

73 <optgroup> HTML <optgroup> tag is used to ​ <!DOCTYPE html>


group related <options> in a ​ <html>
drop down list within <select> ​ <head>
element. ​ <title>Optgroup Tag</title>
​ </head>
Using <optgroup> tag with ​ <body>
<select> makes easier to access ​ <h2>Example of optgroup tag</h2>
the dropdown list especially if ​ <label>Select your favourite
list has large number of options. brand</label><br>
​ <select>
​ <optgroup label="Laptop
Maufacturur">
​ <option
value="dell">Dell</option>
​ <option
value="hp">HP</option>
​ <option
value="lenovo">Lenovo</option>
​ <option
value="acer">Acer</option>
​ </optgroup>
​ <optgroup label="Mobile
Manufacturer">
​ <option
value="apple">Apple</option>
​ <option
value="nokia">Nokia</option>
​ <option
value="samsung">Samsung</option
>
​ <option
value="coolpad">Coolpad</option>
​ </optgroup>
​ </select>
​ </body>
​ </html>

74 <option> HTML <option> tag is used to ​ <!DOCTYPE html>


define options in a dropdown list ​ <html>
within <select> or <datalist> ​ <head>
element. A dropdown list must ​ <title>Option Tag</title>
have at least one <option> ​ <style>
element. ​ body{
​ text-align: center;}
​ </style>
​ </head>
​ <body>
​ <h2>Example of option tag</h2>
​ <form>
​ <select>
​ <option>-------Select Your
Favorite Color----------</option>
​ <option value="yellow"
style="color: violet;">Violet</option>
​ <option value="white"
style="color: blue;">Blue</option>
​ <option value="black"
style="color: black;">Black</option>
​ <option value="green"
style="color: green;">green</option>
​ <option value="red" style="color:
red;">Red</option>
​ </select>
​ </form>
​ </body>

75 <output> HTML <output> tag is used to ​ <!DOCTYPE html>


display the result of some ​ <html>
calculation (performed by ​ <head>
JavaScript) or the outcome of a ​ <title>Output Tag</title>
user action (such as Input data ​ </head>
into a form element). ​ <body>
​ <p>Calculate the Sum of the two
Numbers</p>
​ <form
oninput="res.value=parseInt(a.value)
+parseInt(b.value);">
​ <label>Enter First
Value.</label><br>
​ <input type="number" name="a"
value=""/><br>
​ +<br/>
​ <label>Enter First
Value.</label><br>
​ <input type="number" name="b"
value=""><br>
​ =<br>
​ Output is:<output
name="res"></output>
​ </form>
​ </body>
​ </html>

76 <p> HTML paragraph or HTML p tag ​ <p>This is first paragraph.</p>


is used to define a paragraph in ​ <p>This is second paragraph.</p>
a webpage. Let's take a simple ​ <p>This is third paragraph.</p>
example to see how it work. It is
a notable point that a browser
itself add an empty line before
and after a paragraph. An HTML
<p> tag indicates starting of new
paragraph.

77 <param> HTML <param> tag is used to ​ <!DOCTYPE html>


pass the parameters to the ​ <html>
object that has been embedded ​ <head>
using <object> element. ​ <title>Param Tag</title>
​ </head>
We can use more than one ​ <body>
<param> tag within an <object> ​ <h2>Example of Param Tag</h2>
element in any order, but each ​ <object
tag must contain name and data="https://www.youtube.com/em
value attribute and should be
placed at the start of the bed/JHq3pL4cdy4" >
content. ​ <param name="controller"
value="true">
​ </object>
​ </body>
​ </html>

78 <picture> HTML <picture> tag is used in ​ <picture>


responsive web designing where ​ <source srcset="image-large.jpg"
we need to load the different media="(min-width: 1024px)">
images based on their viewport, ​ <source
height, width, orientation, and srcset="image-medium.jpg"
pixel density. media="(min-width: 768px)">
​ <img src="image-small.jpg"
alt="Description of the image">
​ </picture>

79 <pre> The HTML <pre> tag is used to ​ <pre>


specify pre formatted texts. Texts ​ package com.deebug;
within <pre>.......</pre> tag is ​ public class FirstJava{
displayed in a fixed-width font. ​ public static void main(String args[]){
Usually it is displayed in Courier ​ System.out.println("hello java");
font. It maintains both space ​ }
and line break. ​ }
​ </pre>

80 <progress> HTML <progress> tag is used to ​ Downloading progress:


display the progress of a task. It ​ <progress value="43"
provides an easy way for web max="100"></progress>
developers to create progress
bar on the website. It is mostly
used to show the progress of a
file uploading on the web page.

81 <q> HTML quotes are used to put a ​ <p> Great quote on love and life.</p>
short quotation on your website. ​ <p> Dr. Seuss once said : <q>Reality
To do so, you need to use HTML is finally better than your
q tag and HTML blockquote tag. dreams.</q></p>
82 <rp> HTML <rp> tag is used to provide ​ <ruby>
fall back parenthesis for the ​ 漢
content which is to be shown in <rp>(</rp><rt>Kan</rt><rp>)</rp>
the browser, if browser does not ​ 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
support display of ruby ​ </ruby>
annotations.

83 <rt> HTML <rt> tag provides ​ <ruby>


translation, pronunciations, or ​ 大哥<rt>Big Brother</rt>
transliteration information for ​ </ruby>
the east Asian characters
present in ruby language
annotation.

The <rt> tag must be enclosed


within <ruby> and <rp>
(optional) element.

84 <ruby> HTML <ruby> tag is used to ​ <body>


represent ruby annotations on ​ <h1>Example of ruby tag</h1>
the web page. Ruby annotations ​ <p>East Asian Langugae
are useful if we want to show the Annotation</p>
pronunciation of East Asian ​ <ruby>
characters like Chinese and ​ 大哥<rt>Big Brother</rt>
Japanese Chinese. ​ </ruby>
​
​ <p>Noraml Annotaion
Representation of Expiry date</p>
​ <ruby>
​
2022<rp>(</rp><rt>Year</rt><rp>)</r
p>
​ 12<rp>(</rp><rt>
Month</rt><rp>)</rp>
​
06<rp>(</rp><rt>Date</rt><rp>)</rp
>
​ </ruby>
​ </body>

85 <s> HTML <s> tag is used to ​ <body>


represent the range of content ​ <h2>Example of s tag</h2>
which is no longer accurate or ​ <p><s>The last date of apply for
relevant in some way. The text online classes is 12/02/2019</s></p>
written between <s> (start) and ​ <p>The last date of apply for online
</s> (end) tag, renders as a strike classes is 13/03/2019</p>
a line through the text. ​ </body>

86 <samp> HTML <samp> tag is a phrase ​ <body>


tag which is used to represent ​ <h2>Example of samp tag</h2>
the sample output from a ​ <p>I am trying to install a software
computer program or a script, in on my system but it is continuously
the browser. giving an error message:
​ </p>
​ <p><samp>Error 5: Access is
denied.</samp></p>
​ </body>

87 <script> The script tag in HTML is used to ​ <html>


define the client-side script. ​ <body>
​ <script type="text/javascript">
​ document.write("Hii Welcome");
​ </script>
​ </body>
​ </html>

88 <section> Section tag defines the section of ​ <body>


documents such as chapters, ​ <section>
headers, footers, or any other ​ <h1>Welcome to our
Website</h1>
sections.
​ <p>Thank you for visiting our
website. We provide a wide range of
products and services to meet your
needs.</p>
​ </section>
​ </body>
89 <select> In HTML, with the help of a ​ <select name="shirts"
select tag, we can create the id="shirt-colors">
dropdown list while creating the ​ <option value="red">Red
form where the user can choose t-shirt</option>
one of the options from the ​ <option value="blue">Blue
given option. If the developer t-shirt</option>
allows the user, then the user ​ <option value="orange">Orange
also selects multiple options t-shirt</option>
from the given option. ​ </select>

90 <small> HTML <small> tag makes text ​ <body>


font by one size smaller than the ​ <h2>Example of small tag</h2>
document?s base font size (Such ​ <p style="color: green;">This is
as large to medium, medium to normal font size.....
small, etc.) ​ <small style="color: blue;">It is
smaller than previous...
​ <small style="color: red;">It is
smallest.</small>
​ </small>
​ </p>
​ </body>

91 <source> HTML <source> tag is used as a ​ <body>


child element to define more ​ <h2>Example of source tag</h2>
than one media resources for ​ <video controls="controls"
<audio>, <video>, and <picture> height="200" width="300">
element. ​ <source src="flower.webm"
type="video/webm" >
It is used to provide the same ​ <source src="flower.mp4"
media content with different type="video/mp4">
formats such as mp3, mp4, etc. ​ Your browser does not support the
HTML5 video element.
​ </video>
​ </body>

92 <span> In HTML, the span tag is a ​ <p>You're not limited to color either.
generic inline element. With the You can change the <span
help of a span tag, we can wrap id="new-font">font family</span> or
a particular text and provide the <span id="new-font-size">font
style with the help of a CSS size</span>.</p>
property. We can write the
syntax of the span tag with the
help of opening and closing the
angular bracket.

93 <strike> HTML <strike> tag was used to ​ <body>


strike a line through the text, ​ <h2>Example of strike tag</h2>
contained within it. ​ <p><strike>This is not a valid
paragraph</strike></p>
​ <p>This is a valid paragraph</p>
​ </body>

94 <strong> HTML <strong> tag is a phrase ​ <body>


tag which is used to represent ​ <h1>Example of strong tag</h1>
the important text of a ​ <h2>Weather forecasting</h2>
document on the browser. The ​ <p>The weather is not good today.
text within <strong> text has ​ <strong>It may heavy rain today,
semantic importance for the so it will better to be in your
search engines and emphasize home.</strong>
the text with special intonation. ​ </p>
​ </body>

95 <style> HTML Style is used to change or ​ <h3 style="color:green">This is Green


add the style on existing HTML Color</h3>
elements. There is a default style ​ <h3 style="color:red">This is Red
for every HTML element e.g. Color</h3>
background color is white, text
color is black etc.

96 <sub> HTML <sub> tag is termed as ​ <body>


Subscript tag and which is used ​ <h2>Example of sub tag</h2>
to define subscript text. The text ​ <p>The chemical formula for
within <sub> renders with a Sulphuric acid is:
lower baseline and with a H<sub>2</sub>SO<sub>4</sub></p
smaller font than surrounding >
text font. ​ </body>

97 <summary> The HTML <summary> tag is ​ <details>


used with <details> tag. It is used ​ <summary>deebug
as a summary, caption or legend Summary</summary>
for the content of a <details> ​ <p> deebug is a popular tutorial
element. website.</p>
​ <p>You can learn various tutorials on
It is used within the <details> deebug such as HTML, CSS,
tag. It must have a closing tag. JavaScript, Java, Android.</p>
​ </details>

98 <sup> HTML <sup> tag is termed as a ​ <body>


superscript tag which is used to ​ <h2>Example of sup tag</h2>
define superscript text. The text ​ Following is the famous
within <sup> tag appears with Pythagorean Theorem:
an upper baseline and renders ​ <p style="font-size: 20px; color:
with smaller font size than green;"><var>a</var><sup>2</sup>+
surrounding text. <var>b</var><sup>2</sup>=<var>c</
var><sup>2</sup>
​ </p>
​ <p>Where a, b, and c represents the
sides of right angle triangle</p>
​ </body>

99 <svg> HTML SVG is a modularized ​ <body>


language for describing ​ <h1>Welcome to deebug</h1>
graphics in XML format. It ​ <h2>Example of creating a
describes two-dimensional slanting line using SVG HTML</h2>
vector and mixed vector/raster ​ <svg height="200" width="200">
graphics. The W3C recommends ​ <line x1="9" y1="9" x2="150"
it. y2="150" style="stroke: purple;
stroke-width: 4" />
SVG is mostly used for ​ </svg>
vector-type diagrams, such as ​ </body>
pie charts and 2-dimensional
graphs in an X and Y coordinate
system.

100 <table> HTML table tag is used to display ​ <table>


data in tabular form (row * ​ <tr><th>First_Name</th><th>Last_N
column). There can be many ame</th><th>Marks</th></tr>
columns in a row. ​ <tr><td>Sonoo</td><td>Jaiswal</td
><td>60</td></tr>
We can create a table to display ​ <tr><td>James</td><td>William</td
data in tabular form, using ><td>80</td></tr>
<table> element, with the help ​ <tr><td>Swati</td><td>Sironi</td><t
of <tr> , <td>, and <th> elements. d>82</td></tr>
​ <tr><td>Chetna</td><td>Singh</td>
<td>72</td></tr>
​ </table>

101 <tbody> HTML <tbody> tag is used to ​ <table border="1" bgcolor="#98f5ff">


group the table rows (<tr>) ​ <thead>
together, which indicates that ​ <tr>
this is body part of a table ​ <th>EmpId</th>
(<table>). ​ <th>Name</th>
​ <th>Email-Id</th>
The <tbody> tag must be a child ​ </tr>
of <table> element. ​ </thead>
​ <tbody>
​ <tr>
​ <td>121</td>
​ <td>John</td>
​ <td>[email protected]</td>
​ </tr>
​
​
​ </tbody>
​ </table>

102 <td> HTML <td> tag is used to specify ​ <tr>


the cells of an HTML table which ​ <td>T-shirt</td>
contain data of the table. The ​ <td>5</td>
<td> tag must be the child ​ <td>3500</td>
element of <tr> (table row) tag. ​ </tr>
Each table row can contain
multiple <td> data elements.

103 <template> ​ <template>


​ <tr>
​ <td>Contents</td>
​ </tr>
​ </template>

104 <textarea> The HTML <textarea> tag is used ​ <textarea rows="9" cols="70">
to define a multi-line text input ​ deebug textarea tag example with
control. rows and columns.
​ </textarea>
It can hold unlimited number of
characters and the texts are
displayed in a fixed-width font
(usually courier).

105 <tfoot> HTML <tfoot> tag is used to ​ <tfoot>


define the set of rows which ​ <tr></tr>
represents footer of an HTML ​ <tr></tr>
table. The <tfoot> tag must ​ lt;/tfoot>
contain one or more <tr>
element.

106 <th> HTML <th> tag is used to define ​ <tr>


the header cells of an HTML ​ <th>Month</th>
table. The header cell renders as ​ <th>Date</th>
bold and centered by default on ​ </tr>
the browser, but you can change
its default style using CSS
properties.

107 <thead> HTML <thead> elements is used ​ <thead>


to define header of an HTML ​ <tr>
table. The <thead> tag is used ​ <th>Year</th>
along with <tbody> and <tfoot> ​ <th>Population</th>
tags which defines table header, ​ </tr>
table body, and table footer in an ​ </thead>
HTML table.

108 <time> HTML <time> tag is used to <p>The wedding of Salman's sister was
define date and time. It displays scheduled at <time
time value in a 24 hour clock or a datetime="2014-11-19 T0
precise date in a Gregorian 7:00-09:00">7pm last wednesday
calendar in HTML. </time>.</p>

109 <title> HTML title tag is used to provide ​ <!DOCTYPE html>


a title name for your webpage. ​ <html>
It is necessary for Search Engine ​ <head>
Optimization (SEO). ​ <title>First web page.</title>
​ </head>
The HTML title tag must be used ​ <body>
inside the <head> tag. ​ <p>Welcome to my first web
page.</p>
The title of the page is displayed
on the title bar of the browser. ​ </body>
​ </html>

110 <tr> An HTML tag called "tr" stands ​ <tr>


for "table row." It's employed to ​ <td>1</td>
specify a row in an HTML table. ​ <td>Norway</td>
The td> (table data) or th> (table ​ <td>329</td>
header) elements typically ​ </tr>
represent one or more table cells
in each row. Tabular data is
easier to display and format
when structured and arranged
using the tr> tag.

111 <track> HTML <track> tag is used to ​ <video controls="controls">


define time-based text tracks for ​ <source src="flower.mp4"
a media file. The <track> tag type="video/mp4">
must use as child element of ​ <track src="flower.vtt"
<audio> and <video> elements. kind="subtitles" srclang="en"
label="English">
​ Sorry!Your browser does not
support the track
​ </video>
​

112 <tt> The tt tag is the abbreviation of ​ <body>


teletype text. This tag is depreciated ​ <h2>Example of tt tag</h2>
from HTML 5. It was used for ​ <p>This is paragraph with default
font</p>
marking Keyboard input.
​ <p><tt>This is teletype
paragraph</tt></p>
​ </body>

113 <u> HTML <u> tag is used to define a ​ <u> write any data <u>
span of inline text with a ​ The following syntax is used for the
non-textual annotation. It basic HTML underline tag with CSS
rendered as an solid underlined properties.
text, but it can be changed using ​ <u> write any data <u>
CSS properties. This tag was ​ <style>
deprecated in HTML 4.0 and ​ u{
redefined in HTML5. ​ text-decoration: blue wavy underline;
​ }
​ </style>

114 <ul> HTML Unordered List or Bulleted ​ <ul>


List displays elements in ​ <li>HTML</li>
bulleted format . We can use ​ <li>Java</li>
unordered list where we do not ​ <li>JavaScript</li>
need to display items in any ​ <li>SQL</li>
particular order. ​ </ul>

115 <var> HTML <var> tag is a phrase tag ​ <body>


which is used to define the ​ <h2>Example of var tag</h2>
variable for a mathematical ​ <p>Following is equation for
equation, or in the distributive law</p>
programming context. ​ <p><var>a</var>(<var>b</var>+<var>
c</var>)=<var>ab</var>+<var>ac</va
The content within <var> tag r></p>
renders in italic font in most of ​ </body>
the browsers, but it can be
overridden using appropriate
CSS

116 <video> HTML 5 supports <video> tag ​ <video width="320" height="240"


also. The HTML video tag is used controls autoplay loop>
for streaming video files such as ​ <source src="movie.mp4"
a movie clip, song clip on the type="video/mp4">
web page. ​ Your browser does not support the
html video tag.
Currently, there are three video ​ </video>
formats supported for HTML
video tag:

1. mp4
2. webM
3. ogg

117 <wbr> HTML <wbr> tag is used to ​ <p> This is a world record for the
specify a line break opportunity largest word,
within an HTML document. ​ a 45-letter word appears in a major
dictionary
Without wbr tag, it is very ​ <i>pneumonoultramicroscopicsilicov
difficult to read a long single olcanoconiosis</i>
word or a sentence. Without wbr ​ </p>
tag, single long word can wrap ​ <p>Here's what it looks like without
or not wrap at all, it creates using the <code>wbr</code>
problem for the layout of the tag...<br/>
page. ​ <i>
pneumonoultramicroscopicsilicovolc
anoconiosis </i></p>
​ <p> It will look like this after using
wbr tag. </p>
​ <i>
pneu<wbr>monoultra<wbr>microsc
<wbr>opicsili<wbr>covolcan<wbr>io
sis</i>

118 <xmp> The XMP tag is used to create any <!DOCTYPE html>
content in letter format. <html>

<body>
<h1>GeeksforGeeks</h1>
<!-- xmp tag -->
<xmp>
HTML tags are hidden keywords
and used to create web pages in
different format.
Most of the tags contain two parts,
opening tags and closing tags.
</xmp>

</body>

</html>
CSS Playground

https://www.w3schools.com/cssref/playdemo.php?filename=playcss_accent-color

You might also like