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:
HTML p Element with Embedded Images

Â

â‡’HTML Body Tag and Block Level Tags

â‡’â‡’HTML Tutorials

2017-02-20, 756👍, 0💬

Commonly Used HTML Inline Elements
What Are Commonly Used Inline Elements? Here are some commonly used inline elements: strong - Defining text with a strong emphasis. em - Defining text with an emphasis. code - Defining computer code text. sub - Defining a subscript text. sup - Defining a superscript text. del - Defining text to be t... 2017-08-03, 1276👍, 0💬

HTML In-line Elements and Tags
Where to find tutorials of introduction to XHTML 1.0 In-line Elements and Tags? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team in introduction to HTML In-line Elements and Tags. Clear answers are provided with tutorial exercises on inline element... 2017-08-03, 1219👍, 0💬

Introduction of HTML Inline Elements
What Are XHTML Inline Elements? Inline elements are XHTML elements that can be used together with character data to form lines of paragraph blocks. Here are some basic rules about inline elements: Inline elements are usually used as sub-elements of block elements. Some inline elements have empty con... 2017-08-03, 1195👍, 0💬

HTML 'hr' Tags/Elements
What Are "hr" Tags/Elements? A "hr" element is a block level element that can be used directly as a sub-element in the body element. You can use "hr" elements to specify horizontal rulers. Here are basic rules about "hr" elements: "hr" elements can only have empty contents. "hr" elements are block e... 2017-08-03, 1135👍, 0💬

Other HTML Block Elements
What Are Other HTML Block Elements? Other block elements that are not covered in this collection: ul, ol, dl - Specifying lists of items. table - Specifying tables of columns and rows. form - Specifying forms with input fields. script - Specifying client-side script codes. div - Specifying structura... 2017-08-03, 1132👍, 0💬

HTML 'strong' Tag/Element
What Is an HTML "strong" Tag/Element? A "strong" element is an inline element that you can use to specify text with a strong emphasis. Here are basic rules about "strong" elements: "strong" elements are inline elements. "strong" elements can not be used at block level. Contents of "strong" elements ... 2017-04-28, 1121👍, 0💬

HTML 'base' Tag/Element
What Is the HTML "base" Tag/Element? The "base" element is an optional sub-element of the "head" element. The "base" element specifies a base URL for all the hyper links in XHTML document. It has one required attribute called "href" to allow you to specify the base URL. Here is an example: <?... 2017-06-23, 1116👍, 0💬

HTML Description 'meta' Tag/Element
What Is the Description "meta" Tag/Element? The description "meta" element is a special meta element that provides a short descript about the HTML document. The description "meta" element must include the "name" attribute as, name="description". Here is an example: <meta name="description" co... 2017-06-28, 1040👍, 0💬

HTML Keywords 'meta' Tag/Element
What Is the HTML Keywords "meta" Tag/Element? The keywords "meta" element is a special meta element that provides a list of keywords about the HTML document. The keywords "meta" element must include the "name" attribute as, name="keywords". Here is an example: <meta name="keywords" content="X... 2017-06-23, 1038👍, 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.