Home > Article > Web Front-end > Inline Tags in HTML
Inline Tags in HTML
- 王林Original
- 2024-09-04 16:25:09612browse
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>
- 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>
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>
3. : Defines text in bold format.
Syntax:
<b>Text</b>
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>
5. : This is one of the inline tag used to define the bigger text.
Syntax:
<big >Text</big>
6. <br>: This tag is used to give line break or space in HTML code.
Syntax:
<br>
7. Button tag in HTML used to create a clickable button.
Syntax:
<button type="button"> Text</button>
8. : One of the important Inline elements is , which defines the title of the work or document by using HTML.
Syntax:
<p><cite >Text </cite>other text</p>
9. : This inline element is used to define a piece of computer code. It is treated as a phrase tag.
Syntax:
<code>Text</code>
10. : This inline element is used to define the instance of the term in HTML code.
Syntax:
<p><dfn> text</dfn ></p>
11. : This is also treated as a phrase tag that is rendered with emphasized text.
Syntax:
<em>Text</em>
12. : This tag is used to explain part of the text in an alternative mood. Mainly it is used to display contained text in italic. This is referred to as a technical term.
Syntax:
<p> <i>text</i>another text</p>
13. : One of the most important Inline elements is included as an image on our webpage. So this tag helps to include an image in our webpage as follows:
Syntax:
<img src="Image_URL" alt="text" height="value" width="value">
14. : This type of inline element is going to use within