Mixing Images with Text in a Paragraph in HTML

Q

Can I Mix Images with Text in a Paragraph?

✍: FYIcenter.com

A

Yes. "img" elements are in-line elements. You can use "img" elements to mix images with text in any paragraph defined by a "p" element'. Below is a good tutorial example of image mixed with text:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>The XHTML Validation Icon</title>
 </head>
 <body>
  <p>If you know your Web page is a valid XHTML document,
  you should include this image, <img 
  src="http://www.w3.org/Icons/valid-xhtml10" 
  alt="Valid XHTML 1.0 Strict" height="31" width="88" /> 
  on your page to show your readers that
  you have taken care to create an interoperable page.</p>
 </body>
</html>

If you save the above document as validator.html, and view it with Internet Explorer, you will see an image icon mixed nicely with other text in a paragraph as shown below:

⇒ Controlling Line Breaks in a Paragraph in HTML

⇐ HTML 'p' Tag/Element

⇑ HTML Body Tag and Block Level Tags

⇑⇑ HTML Tutorials

2023-08-09, ∼2348🔥, 0💬

Getting Extra Space between Paragraphs in HTML
How To Get Extra Space between Paragraphs? By default, browsers will give a predefined white space between two paragraphs. But if you want some extra white space between two paragraphs, you can enter an extra paragraph with a &nbsp; entity. Note that a true empty paragraph will not give any ... 2023-08-03, ∼2160🔥, 0💬

Highlight Part of a Paragraph in HTML
How To Highlight One Part of a Paragraph? If you want to highlight one part of a paragraph, you can use the "strong" element with the "p" element. Below is a good tutorial example of using "strong" elements: <?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Str... 2023-08-03, ∼2138🔥, 0💬

HTML 'body' Element Attributes
What Attributes Are Allowed in the HTML Body Element? XHTML 1.0 strict version does not allow some attributes that were commonly used in early versions of HTML specification. For example: "background" can be used to specify a background image, and "bgcolor" can be used to specify the background colo... 2023-08-09, ∼2091🔥, 0💬

HTML 'p' Tag/Element
What Is an HTML "p" Tag/Element? A "p" element is a block level element that can be used directly as a sub-element in the body element. You can use "p" elements to specify paragraphs of text and in-line elements. Here are basic rules about p elements: "p" elements are mixed content elements. "p" ele... 2023-08-09, ∼2082🔥, 0💬

HTML 'body' Sub-Elements
What Elements Are Allowed as Body Sub-Elements? The content model of the body element is sub-element only. Character data is not allowed as body element's content. You can only enter sub elements inside the body element. But not all elements can be entered inside the body element. Strict HTML docume... 2023-08-09, ∼2073🔥, 0💬

HTML 'body' Tag/Element - Document Body
What Is the HTML "body" Tag/Element? The "body" element is used to provide content of the HTML document. Here are some rules about the "body" tag/element: The body element is a second level element. The body element must be the second child element of the html element. You can only place a single bo... 2024-01-10, ∼2070🔥, 0💬

Controlling Line Breaks in a Paragraph in HTML
How To Control Line Breaks in a Paragraph? By default line breaks within a paragraph are controlled by the browser. Lines will be wrapped at the right edge of the display area of the paragraph. If you want to force a line break in middle of a line, you can use the "br" elements. Below is a good tuto... 2023-08-03, ∼2008🔥, 0💬

HTML 'pre' Tag/Element
What Is a "pre" Tag/Element? A pre element is a block level element that can be used directly as a sub-element in the body element. You can use pre elements to specify blocks of pre-formatted text with white space characters preserved. Here are basic rules about pre elements: "pre" elements are mixe... 2023-08-03, ∼1985🔥, 0💬

Incorrect HTML 'body' Elements
What Is Wrong with My HTML "body" Elements? If you are having trouble with your body elements, it could be caused by one of the following common mistakes:  <body> Hello world! </body> <!-- "title" is not a... 2023-08-09, ∼1948🔥, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.