Home > Web Front-end > HTML Tutorial > Inline Tags in HTML

Inline Tags in HTML

王林
Release: 2024-09-04 16:25:09
Original
661 people have browsed it

For creating a webpage, HTML elements take an important role in webpage development. Those HTML elements specifically divided into 2 subcategories like Inline elements and Block level elements. Inline elements are those that don’t start with the new line. Also, it doesn’t take full-width space on the webpage. That kind of element only occupies as much space as required to fit included elements. There are various Inline tags in HTML. We will see all those one by one later. element work as a container for included text in HTML. Most of the time, inline elements used within another HTML element.

The syntax for creating inline elements is as follow:

Syntax:

<span>Contents</span>
Copy after login
  • As shown above, the span elements treated as a container for included elements. There is no need to attribute to the span tag. It uses a classname, idname or style as an attribute.
  • Inline elements are included within the body part. Those elements create a shorter structure as compare to other elements.

Top 20 Inline Tags in HTML

Multiple Inline tags are going to use in HTML; let’s see one by one:

1. : This tag is used to place abbreviations of the text it’s like HTML, WWW, ASAP, PFA, etc.

Syntax:

<abbr title="Text">Abbrevation_text</abbr>
Copy after login

2. This tag is to used to describe the acronym. It’s like NASA, GUI, etc. This tag is not used nowadays in HTML 5. It gives information about the browser, search engine, etc.

Syntax:

<acronym title="Text">text</acronym>
Copy after login

3. : Defines text in bold format.

Syntax:

<b>Text</b>
Copy after login

4. : This Inline tag in HTML defines Bi-Directional Override. It helps the user to override the already existing direction of the text. It has two values left-to-right and right-to-left.

Syntax:

<bdo dir="ltr">Text </bdo>
Copy after login

5. : This is one of the inline tag used to define the bigger text.

Syntax:

<big >Text</big>
Copy after login

6. <br>: This tag is used to give line break or space in HTML code.

Syntax:

<br>
Copy after login

7.