Scribd
Upload
11 views

HTML

HTML (HyperText Markup Language) is the standard markup language for creating web pages, consisting of various tags that define the structure and content of a webpage. The document outlines basic HTML tags, their purposes, and examples, including tags for defining document structure, text formatting, multimedia, and links. Additionally, it highlights the importance of the doctype declaration and provides details on specific tags like <a>, <div>, <form>, and others.

Uploaded by

sohamkangulwar88
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
11 views

HTML

HTML (HyperText Markup Language) is the standard markup language for creating web pages, consisting of various tags that define the structure and content of a webpage. The document outlines basic HTML tags, their purposes, and examples, including tags for defining document structure, text formatting, multimedia, and links. Additionally, it highlights the importance of the doctype declaration and provides details on specific tags like <a>, <div>, <form>, and others.

Uploaded by

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

HTML stands for HyperText Markup Language. It creates a complete website structure of web pages.

HTML is a combination of Hypertext and Markup language. Hypertext defines the link between the web
pages and markup language defines the text document within the tag that defines the structure of web
pages.

Basic Tags
 <DOCTYPE! html> – A doctype or document type declaration is an instruction that tells the web
browser about the markup language in which the current page is written. It is not an element or tag. The
doctype declaration is not case-sensitive.
 <html> – This tag is used to define the root element of an HTML document. This tag tells
the browser that it is an HTML document. It is the second outer container element that
contains all other elements within it.
What are HTML tags ?
HTML tags are the keywords that are used to produce web pages in various formats. Opening
tags and closing tags are found in the majority of tags. The concluding tags contain a forward
slash (/), while the language of the beginning tags is the same. Certain tags don’t need to be
closed.

According to
the HTML
specification or
standards,
every HTML < !DOCTYPE html > Try
document
requires a
document type
declaration.

The abbreviation tag


in HTML is used to
abbreviation define the <abbr title=” “> … </abbr> Try
abbreviation or short
form of an element.

The acronym tag in


HTML is used to
define the acronym
that gives useful
acronym <acronym title=” “> … </acronym> Try
information to
browsers, translation
systems, and search
engines.

The address tag in


HTML indicates the
address contact information of <address> … </address> Try
a person or an
organization.
The anchor tag in
HTML is used to
anchor <a herf=” “> …</a> Try
create a hyperlink on
the webpage.

The applet tag in


HTML was used to
embed Java applets
applet into any HTML <applet>….</applet> Try
document,
discontinued starting
from HTML 5.

This area tag is used


in an HTML document
to map a portion of an
area <area> Try
image to make it
clickable by the end-
user.

The <article> tag is


one of the new
sectioning element in
article <article>..</article> Try
HTML5. The tag is
used to represent an
article.

The <aside> tag is


used to describe the
aside main object of the web <aside>..</aside> Try
page in a shorter way
like a highlighter.

It is a useful tag if you


want to add audio
audio such as songs, <audio>..</audio> Try
interviews, etc. on
your webpage.

The HTML base tag is


used to specify a base
URI, or URL, for
base relative links. This <base href = ” “> Try
URL will be the base
URL for every link on
the page.

basefont This tag is used to set <basefont> Try


the default text-color,
font-size, & font-family
of all the text in the
browser. Not
supported in HTML5.

The bdi tag refers to


Bi-Directional
Isolation. It
bdi differentiates a text <bdi> … </bdi> Try
from other text that
may be formatted in a
different direction.

The bdo stands for Bi-


Directional Override.
This tag is used to
bdo specify the text <bdo dir> Contents… </bdo> Try
direction or used to
change the current
direction.

The bgsound tag is


used to play the
bgsound <bgsound src=””> Try
soundtrack in the
background.

The big tag in HTML


is used to increase the
selected text size by
big <big> Contents… </big> Try
one larger than the
surrounding text. In
HTML 5.

The blockquote tag in


HTML is used to
display the long
blockquote <blockquote> Contents… </blockquote> Try
quotations (a section
that is quoted from
another source).

The body tag in HTML


is used to define the
body <body> Contents… </body> Try
main content present
inside an HTML page.

The bold tag in HTML


is used to specify the
bold <b>… </b> Try
bold text without any
extra importance.
The break tag inserts
a single carriage
return or breaks in the
break <br> Try
document. This
element has no end
tag.

The button tag in


HTML is used to
define the clickable
button <button type = “button”> Try
button. <button> tag is
used to submit the
content.

The caption tag is


used to specify the
caption of a table.
caption <caption align = “value”></caption> Try
Only one caption can
be specified for one
table.

It can be used to draw


paths, boxes, texts, <canvas id = “script”>
canvas Try
gradients, and add Contents</canvas>
images.

The center tag in


HTML is used to set
center the alignment of text <center> Contents.</center> Try
in the center. Not
supported in HTML5.

The cite tag in HTML


is used to define the
cite title of a work. It <cite>Content</cite> Try
displays the text in
italic format.

The code tag in HTML


is used to define the
code <code>Contents</code> Try
piece of computer
code.

It is useful for applying


styles to entire
columns, instead of
colgroup <colgroup> Column lists </colgroup> Try
repeating the styles
for each column, and
for each row
The col tag in HTML is
used to set the
column column properties for <col attribute = “value”> Try
each column within a
colgroup tag.

The comment tag is


used to insert
comment <!–…–> Try
comments in the
HTML code.

The data element


gives an address to a
data given content with a <data value=””> Contents </data> Try
machine-readable
translator.

The datalist tag is


used to provide
autocomplete feature
& used with an input
datalist <datalist>Contents</datalist> Try
tag so that users can
easily fill the data in
the forms using select
the data.

The dd tag is used to


denote the description
dd <dd>Contents</dd> Try
or definition of an item
in a description list.

The define tag in


HTML represents the
definition element and
define <dfn>Contents</dfn> Try
is used to represent a
defining instance in
HTML.

Delete tag is used to


mark a portion of text
delete which has been <del>Contents</del> Try
deleted from the
document.

This tag is used to


create an interactive
details <details>Contents</details> Try
widget that the user
can open or close.
This tag is used to
create a popup dialog
dialog and models on a web <dialog open> Contents… </dialog> Try
page. This tag is new
in HTML5.

The dir tag is used to


make a list of directory
titles. It is not
dir <dir> Lists… </dir> Try
supported in HTML 5
<ul> or CSS are used
instead of <dir> tag.

The div tag is used in


HTML to make
divisions of content in
div the web page (text, <div>Content</div> Try
images, header,
footer, navigation bar,
etc).

The dl tag in HTML is


used to represent the
description list. In
dl HTML4.1, it defines <dl> Contents… </dl> Try
definition list and in
HTML5, it defines
description list.

The dt tag in HTML is


used to specify the
description list. It is
dt used inside the <dl> <dt> Content… </dt> Try
element. It is usually
followed by a <dd>
tag.

It is used as a
container for
embed embedding plug-ins <embed attributes> Try
such as flash
animations.

The fieldset tag in


HTML5 is used to
make a group of
fieldset related elements in <fieldset>Contents</fieldset> Try
the form, and it
creates the box over
the elements.
The figurecaption tag
in HTML is used to set
a caption to the figure
figcaption <figcaption> Figure caption </figcaption> Try
element in a
document. This tag is
new in HTML5.

The figure tag in


HTML is used to add
self-contained content
figure like illustrations, <figure> Image content… </figure> Try
diagrams, photos, or
codes listed in a
document.

The font tag in HTML


plays an important
role in the web page
font <font attribute = “value”> Content </font> Try
to create an attractive
and readable web
page.

The footer tag in


HTML is used to
define a footer of
footer <footer> … </footer> Try
HTML document. This
section contains the
footer information.

This form is used


basically for the
registration process,
form logging into your <form> Form Content… </form> Try
profile on a website or
creating your profile
on a website, etc …

HTML Frames are


used to divide the web
frame browser window into <frame/> Try
multiple sections. Not
supported in HTML5.

frameset The frameset element <frameset cols = “pixels|%|*”> Try


contains one or more
frame elements. It is
used to specify the
number of rows and
columns in a frameset
with their pixel of
spaces.

The head tag in HTML


is used to define the
head portion of the
head document which <head>…</head> Try
contains information
related to the
document.

The header tag is


used to contain the
header information related to <header> …</header> Try
the title and heading
of the related content.

An HTML heading tag


is used to define the
headings of a page.
These 6 heading
heading elements are h1, h2, <h1>Heading1</h1><h2>Heading2</h2> Try
h3, h4, h5, and h6;
with h1 being the
highest level and h6
being the least.

The hgroup tag in


HTML is used to wrap
one or more heading
hgroup elements from <h1> to <hgroup> … </hgroup> Try
<h6>, such as the
headings and sub-
headings.

The hr tag in HTML


stands for horizontal
hr rule and is used to <hr> Try
insert a horizontal
rule.

The html tag in HTML


is used to define the
html <html> Contents </html> Try
root of HTML and
XHTML documents.

Iframes The iframe tag defines <iframe src=”URL” Try


a rectangular region title=”description”></iframe>
within the document in
which the browser can
display a separate
document.

HTML Image, how to


add the image in
HTML. In earlier
times, the web pages
<img src=”url” alt=”some_text” width=””
image only contains textual Try
height=””>
content, which made
them appear quite
boring and
uninteresting.

The input tag is used


within < form>
element to declare
input <input type = “value” …. /> Try
input controls that
allow users to input
data.

The ins tag is typically


used to mark a range
ins of text that has been <ins> Contents… </ins> Try
added to the
document.

The index tag is used


to query any
isindex <isindex prompt=”search”> Try
document through a
text field.

This tag is generally


used to display a
technical term,
italic <i> Contents</i> Try
phrase, the important
word in a different
language.

The text enclosed


within kbd tag is
kbd typically displayed in <kbd> text content … </kbd> Try
the browser’s default
monospace font.

keygen The keygen tag in <keygen name = “name”> Try


HTML is used to
specify a key-pair
generator field in a
form. When a form is
submitted then two
keys are generated,
the private key and a
public key.

The label tag in HTML


is used to provide a
label <label> form content… </label> Try
usability improvement
for mouse users.

The legend tag is


used to define the title
for the child contents.
legend <legend> Text </legend> Try
The legend elements
are the parent
element.

The list tag in HTML is


used to define the list
item in an HTML
list document. It is used <li> List Items </li> Try
within an Ordered List
<ol> or Unordered List
<ul>.

The main tag is used


to give the main
information of a
document. The
main <main>Coontents</main> Try
content inside the
<main> element
should be unique for
the document.

The mark tag in HTML


is used to define the
marked text. It is used
mark <mark> Contents… </mark> Try
to highlight the part of
the text in a
paragraph.

The marquee tag in


HTML is used to
create scrolling text or
marquee images on a <marquee>Contents</marquee> Try
webpage. It scrolls
either horizontally or
vertically.
The menuitem tag is
used to define a
command or menu
<menuitem label=”” icon=”” type>
menuitem that the user can Try
</menuitem>
utilize from the popup
item. Not supported in
HTML5.

The meta tag is


regularly used to give
watchwords,
portrayals, author
data, and other
metadata that might
meta be utilized by the <meta attribute-name=”value”> Try
program to deliver the
document accurately
or in simple words, it
provides important
information about a
document.

It is used to define the


scale for
measurement in a
meter <meter attributes…> </meter> Try
well-defined range
and also supports a
fractional value.

The nav tag is used


for declaring the
navigational section in
HTML documents.
Websites typically
nav <nav> Links… </nav> Try
have sections
dedicated to
navigational links,
which enables users
to navigate the site.

The no break tag is


used to create a
single line text, that
nobreak does not matter how <nobr> Statement </nobr> Try
long the statement is,
this tag is used with
<wbr> tag.

noembed The noembed tag is <noembed> Element </noembed> Try


used to show that the
browser is not
supported by
<embed> tag.

The noscript tag in


HTML is used to
display the text for
those browsers which
noscript <noscript> Contents… </noscript> Try
does not support the
script tag or the
browsers disable the
script by the user.

The object tag is an


HTML tag used to
display multimedia like
object <object>…</object> Try
audio, videos, images,
PDFs, and Flash on
web pages.

This tag is used to


create a group of the
optgroup same category <optgroup>…</optgroup> Try
options in a drop-
down list.

The option tag in


HTML is used to
option <option> Contents… </option> Try
choose an option from
a Drop-Down menu.

The output tag in


HTML is used to
represent the result of
output a calculation <output> Results… </output> Try
performed by the
client-side script such
as JavaScript.

The <p> tag in HTML


defines a paragraph.
paragraphs These have both <p> Content </p> Try
opening and closing
tags.

param The param tag in <param name=”” value=””> Try


HTML is used to
define a parameter for
plug-ins which is
associated with
<object> element.

In HTML, phrase tag


is used to indicate the
phrase <em> Text Content </em> Try
structural meaning of
a block of text.

The pre tag in HTML


is used to define the
pre block of preformatted <pre> Contents… </pre> Try
text which preserves
the text spaces.

It is used to represent
the progress of a task.
It is also defined how
progress <progress attributes…> </progress> Try
much work is done
and how much is left
to download a thing.

The q tag is a
standard quotation tag
q <q> Contents… </q> Try
and is used for short
quotations.

The rp tag in HTML is


used to provide
parentheses around a
rp <rp>[</rp> Explaination… <rp>]</rp> Try
ruby main text which
defines the
information.

The rt tag in HTML is


used to define the
explanation of the
rt ruby annotation which <rt> Explanation… </rt> Try
is a small text,
attached to the main
text.

The ruby tag in HTML


is used to specify the
ruby annotation which
is a small text,
ruby <ruby attributes> Contents… </ruby> Try
attached with the main
text to specify the
meaning of the main
text.
This tag is used to
specify that the text
content is no longer
s correct or accurate. <s> Contents… </s> Try
This tag is similar but
slightly different from
<del> tag.

It is a phrase tag used


to define the sample
samp <samp> Contents… </samp> Try
output text from a
computer program.

The script tag in


HTML is used to
script <script> Script Contents… </script> Try
define the client-side
script.

Section tag defines


the section of
documents such as
section <section> Section Contents </section> Try
chapters, headers,
footers, or any other
sections.

The small tag in


HTML is used to set
small font sizes. It
small decreases the font <small> Contents… </small> Try
size by one size (from
medium to small, from
x-large to large).

The source tag in


HTML is used to
source attach multimedia files <source src=”” type=””> </source> Try
like audio, video, and
pictures.

The spacer tag is


used to create some
spacer <spacer type=”” size=””> Try
white space. Not-
supporte in HTML5 .

The HTML span


element is a generic
span inline container for <span class=””>Some Text</span> Try
inline elements and
content.
HTML strike tag,
along with
understanding its
implementation
strike <strike> Contents </strike> Try
through the example.
The <strike> tag
defines a strike or line
through Text.

The strong tag in


HTML is the parsed
tag and is used to
strong <strong> Contents… </strong> Try
show the importance
of the text. Make that
text bold.

The style tag in HTML


style helps us to design the <tagname style=”property:value;”> Try
web page.

 The sub-tag is
used to add a
subscript text to the
HTML document.
sub and sup <sub>subscript
 The <sup> tag is Try
Tags text</sub><sup>superscript text</sup>
used to add
superscript text to
the HTML
document.

The <summary> tag in


HTML is used to
summary <summary> Content </summary> Try
define a summary for
the <details> element.

HTML SVG Basics, &


their implementation
through the examples.
svg <svg height=”” width=””> Try
SVG stands for
Scalable Vector
Graphics.

table HTML Table, various <table>… </table> Try


ways to implement it,
& will also understand
its usage through the
examples. HTML
Table is an
arrangement of data
in rows and columns,
or possibly in a more
complex structure.

The tbody tag in


HTML is used to make
tbody a group of the same <tbody> // Table contents </tbody> Try
type of content of the
body element.

The table data tag is


used to define a
td <td>……..</td> Try
standard cell in an
HTML table.

The template tag in


HTML is used to store
the HTML code
template fragments, which can <template> Contents </template> Try
be cloned and
inserted in an HTML
document.

This tag is used in


HTML table with
tfoot header and body <tfoot> // Table footer contents… </tfoot> Try
which is known as
“thead” and “tbody”.

The table header tag


in HTML is used to set
the header cell of a
th table. Two types of <th> Contents… </th> Try
cells in the HTML
table Header &
Standard.

This tag is used in


HTML tables as head
thead and body which are <thead>Table head Contents…</thead> Try
known as thead and
tbody.

The time tag is used


to display the human-
readable date/time. It
time can also be used to <time attribute> Time… </time> Try
encode dates and
times in a machine-
readable form.
The title tag in HTML
is used to define the
title of HTML
title <title> Title name </title> Try
document. It sets the
title in the browser
toolbar.

The table row tag is


used to define a row
in an HTML table. The
tr <tr>…..</tr> Try
<tr> element contains
multiple <th> or <td>
elements.

The tracking tag


specifies text tracks
track <track attribute> Try
for media components
audio and video.

The tt tag is the


abbreviation of
teletype text. This tag
tt is depreciated from <tt> Contents… </tt> Try
HTML 5. It was used
for marking Keyboard
input.

The underline tag in


HTML stands for
underline, and it’s
underline <u> Contents… </u> Try
used to underline the
text enclosed within
the <u> tag.

HTML5 Video, along


with knowing the
video different ways to add <video src=”” controls> </video>
the videos to the
HTML page.

You might also like