HTML 'span' Tag/Element

Q

What Is a "span" Tag/Element?

✍: FYIcenter.com

A

A "span" element is an inline element that you can use a container of inline elements and text contents. By default, browsers will do nothing on "span" elements unless specify some CSS properties in them. Here are basic rules about an "span" element:

"span" elements are inline elements.
"span" elements can have PCDATA as contents.
"span" elements can have inline elements as sub-elements.
"span" elements can not have any block elements as sub-elements.
A "span" element will be ignored by most browsers, unless it has some CSS properties.

Here is a tutorial example of "span" elements:

<?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>SPAN Elements</title>
 </head>
 <body>
  <h4>SPAN Elements?</h4>
  <p>I don't <span>see</span> any <span>SPAN 
   elements</span> in this paragraph. Do you 
   <span>see</span> any <span>SPAN elements</span>
   here? What is a SPAN element anyway?</p>
 </body>
</html>

If you save the above document as span_elements.html and view it with Internet Explorer, you will see a normal text paragraph. But you not see any signs of "span" elements.

⇒ Changing Fonts a Paragraph with HTML 'span'

⇐ Floating HTML 'div' Elements

⇑ HTML 'div' and 'span' elements

⇑⇑ HTML Tutorials

2017-03-11, 1211👍, 0💬

Nested HTML 'div' Elements
Can "div" Elements Be Nested? Can "div" elements be nested? The answer is yes. In fact, nested "div" elements provides you more flexibilities to specify CSS properties at different levels. Here is a tutorial example of nested "div" elements: <?xml version="1.0" ?> <!DOCTYPE html... 2017-03-11, 1443👍, 0💬

Using HTML 'div' Elements with CSS Properties
How To Use "div" Elements to Change CSS Properties? As elements containers, "div" elements are perfect places to set CSS properties which will be applied to all elements in the container. Here is a tutorial example of how to set CSS properties on "div" elements: <?xml version="1.0" ?> ... 2017-03-11, 1342👍, 0💬

HTML 'div' Tag/Element
What Is a "div" Tag/Element? A "div" element is a block element that you can use a container of flow elements (flow elements are really the superset of both inline elements and block elements). By default, "div" elements will be treated as paragraphs by most browsers. Here are basic rules about an "... 2017-03-11, 1291👍, 0💬

Interview Questions - HTML Block Elements
Where to find Interview Questions on HTML Block Elements? Here are some interview questions on HTML Block Elements: What is a block element? Is "h1" a block element? Is "br" a block element? Is "pre" a block element? Can you use a block element inside a "p" element? Can you use a block element insid... 2017-03-07, 1269👍, 0💬

Interview Questions - Basic Concepts
Where to find Interview Questions on XHTML Basic Concepts? Here are some interview questions on HTML basic concepts: What is HTML? How is HTML related to XHTML? How is HTML related to XML? What are the main advantages of XHTML over HTML? Is an XHTML document an XML document? Is an XML document an XH... 2017-03-07, 1227👍, 0💬

HTML Interview Questions
Where to find tutorials of introduction to HTML Interview Questions? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team in introduction to HTML Interview Questions. You can find answers to these questions in other parts of this tutorial collection. I... 2017-03-07, 1222👍, 0💬

HTML 'div' and 'span' elements
Where to find tutorials of introduction to HTML "div" and "span" elements? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team in introduction to HTML "div" and "span" elements. Clear answers are provided with tutorial exercises on basic usages of "di... 2017-03-22, 1217👍, 0💬

HTML 'span' Tag/Element
What Is a "span" Tag/Element? A "span" element is an inline element that you can use a container of inline elements and text contents. By default, browsers will do nothing on "span" elements unless specify some CSS properties in them. Here are basic rules about an "span" element: "span" elements are... 2017-03-11, 1212👍, 0💬

Floating HTML 'div' Elements
Can "div" Elements Be Floated? Can "div" elements be floated? The answer is yes. If you want to float a "div" block, you can use the "float" CSS property. Here is a tutorial example of floated "div" elements: <?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 St... 2017-03-11, 1174👍, 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.