HTML inline elements are elements that are used within a line of text or content and do not create line breaks. Inline elements are nested inside block-level elements and can be used to modify individual words, phrases, or even smaller parts of content within a larger block. Examples of HTML inline elements include <span>, <a>, <strong>, <em>, <code>, and <img>. These elements allow for fine-grained control over the appearance and behavior of specific portions of text within an HTML document.
HTML Inline
<span> element:
The <span> element is a generic inline container used to apply styles, attributes, or classes to specific parts of text. In the given example, the word "text" is wrapped in a <span> element and styled to appear in red.
<p>This is an example <span style="color: red;">text</span> with a highlighted span.</p>
This is an example text with a highlighted span.
<a> element:
The <a> element creates a hyperlink to another web page. In the provided example, the word "website" serves as the anchor text, and clicking on it will navigate to the URL specified in the href attribute.
<p>Visit our <a href="https://www.bibiser.com/services/livecoding.php">website</a> Live coding free service.</p>
Visit our website Live coding free service.
<strong> element:
The <strong> element is used to indicate strong importance or emphasis. It typically renders text in a bold font. In the given example, the word "bold" will be displayed with increased visual weight.
Make <strong>bold</strong> decisions.
Make bold decisions.
<em> element:
The <em> element is used to emphasize text in a way that conveys stress or importance. By default, it renders text in italic style. In the provided example, the word "not" will appear in italicized format.
He told me <em>not</em> to worry.
He told me not to worry.
<code> element
The <code> element is used to represent computer code or program instructions. It typically renders the enclosed text in a monospace font. In the given example, the print() function is presented as code within the text.
<p>Use the <b>print()</b> function to display output.</p>
Use the print() function to display output.
<img> element
The <img> element is used to insert an image into an HTML document. The src attribute specifies the image source URL, while the alt attribute provides alternative text that describes the image. In the provided example, the image with the filename "image.jpg" will be displayed within the paragraph.
<p>This is an <img src="image.jpg" alt="example image"> example image.</p>
This is an 
example image.
×