Scribd
Upload
2 views

HTML Tag 1

The document provides an overview of various HTML tags including <aside>, <basefont>, <bdo>, <big>, <blockquote>, and <button>, detailing their purposes and usage. It highlights the <aside> tag for supplementary content, the deprecated <basefont> tag, and the <bdo> tag for text direction control. Additionally, it explains the <button> tag's attributes for creating interactive buttons on web pages.

Uploaded by

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

HTML Tag 1

The document provides an overview of various HTML tags including <aside>, <basefont>, <bdo>, <big>, <blockquote>, and <button>, detailing their purposes and usage. It highlights the <aside> tag for supplementary content, the deprecated <basefont> tag, and the <bdo> tag for text direction control. Additionally, it explains the <button> tag's attributes for creating interactive buttons on web pages.

Uploaded by

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

HTML aside

Tag
The <aside> tag is used to
describe the main object of
the web page more shortly
like a highlighter. It identifies
the content that is related to
the primary content of the
web page but does not
constitute the main intent of
the primary page. The
<aside> tag contains mainly
author information, links,
related content, and so on.
Note: The <aside> tag
supports Global
attributes and Event
attributes in HTML. The
<aside> tag is new
in HTML5. This tag does not
render anything special in a
browser you have to
use CSS for that.
When should I use the <aside>
tag?
Use the <aside> tag for content
that supports or provides
additional information to the main
content, such as ads, author
bios, or related articles.
Is the <aside> tag a block-level
or inline element?
The <aside> tag is a block-level
element, meaning it takes up the
full width available in its container
by default.
HTML
<basefont>
Tag
The <basefont> tag in
HTML is used to set the
default text-color, font-size,
font-family of all the text in
the browser. It is no longer
supported in HTML5. So, as
an alternative, we are using
CSS in the code example. The
<basefont> tag was
supported in Internet
Explorer 9, and earlier
versions.

HTML bdo
Tag(Bi-
Directional
Override Tag)
The <bdo> (Bidirectional
Override) tag in HTML
is used to override text
directionality, explicitly
setting text direction to left-
to-right (LTR) or right-to-left
(RTL).
 It can make text go from left
to right or right to left.
 This is helpful for languages
like Arabic or Hebrew.
 It ensures text displays
correctly in different
languages.
 <bdo dir="ltr">This
text will be displayed
left-to-right.</bdo>
 <bdo dir="rtl"> This
text will be displayed
right-to-left. </bdo>
HTML big
Tag
The <big> tag in HTML was
used to increase the font size
of text by one level
compared to the surrounding
text.
 However, it has been
deprecated in HTML5.
Instead, it’s advisable to use
CSS for styling text sizes.
 Instead, it’s advisable to use
CSS for styling text sizes.

HTML
blockquote
Tag
The <blockquote> tag in
HTML is used to define a
section that is quoted from
another source. It is typically
displayed as an indented
block to set it apart from the
surrounding content.
 The <blockquote> tag
should be used for longer
quotations that require
separation from the main
text, while the <q> tag is
more appropriate for
shorter, inline quotations.
 Using the <blockquote> tag
enhances the semantic
structure of
your HTML document,
clearly indicating that a
section of text is a
quotation.
 The <blockquote> tag also
supports the Global
Attributes and Event
Attributes in HTML.
HTML button
Tag
The <button> tag in HTML
is used to create clickable
buttons on a web page. It
can be used to submit forms,
trigger JavaScript functions,
or perform other interactive
tasks.
<html>
<body>
<button
type="button"
onclick="alert('Welcome
to GeeksforGeeks')">
Click Here
</button>
</body>
</html>

Attributes Descriptions
autofocus Sspecifies
Attributes Descriptions
whether the
button should
automatically
get focus or
not when the
page loads
indicate
whether the
element is
disabled or
disabled not. If this
attribute is
set, the
element is
disabled.
form Create a form
Attributes Descriptions
for user input.
There are
many
elements
that> are used
within the
>form tag.
Sspecifies
where to send
formaction
the data of the
form.
formnovalidate Sspecifies
that the Input
Element
should not be
validated
Attributes Descriptions
when
submitting
the form.
Sspecifies
that the form
data should
formenctype be encoded
when
submitted to
the server.
Sspecifies the
HTTP method
used to send
formmethod
data while
submitting
the form.
Attributes Descriptions
Sspecifies the
name or a
keyword that
indicates
where to
formtarget
display the
response
after
submitting
the form.
type Sspecifies the
type of button
for button
elements. It is
also used in
<input>
element to
Attributes Descriptions
Sspecifies the
type of input
to display.
Sspecifies the
value of the
element with
which it is
used. It has
value
different
meanings for
different
HTML
elements.
<html>

<head>

<style>

button {

padding: 10px 20px;

font-size: 16px;

margin-top: 40px;

border: none;
cursor: pointer;

border-radius: 4px;

transition: background-
color 0.3s ease;

color: #fff;

</style>

</head>

<body>
<button
style="background-color:
#3daaf3; ">Primary</button>

<button
style="background-color:
#3bda7d;
">Secondary</button>

<button
style="background-color:
#f08f3b; ">Warning</button>
<button
style="background-color:
#e44331; ">Danger</button>

</body>

</html>

You might also like